/*
   Codeur : H@D3$
   Designer : H@D3$
   Site web : http://www.nk-hades-evolution.fr

   Valide xHTML 1.0 Strict
   Valide CSS 2.0

    Copyright © H@D3$
*/

/*///////////////////////////////////////////////////////  Fonction Top ///////////////////////////////////////////////////////////////////*/
.monspaceperso3 {
    background: url(http://www.badcityproduction.fr/boutons/monspaceperso3.png);
    height: 6px;
    width: 1017px;
}
.header {
    background: url(images/header.gif);
    height: 124px;
    width: 1017px;
}
.sous_header {
    background: url(images/sous_header.png);
    height: 4px;
    width: 1017px;
}
.space1 {
    background: url(images/space1.png);
    height: 3px;
    width: 223px;
	vertical-align: top;	
}
.space2 {
    background: url(images/space2.png);
    height: 2px;
    width: 571px;
	vertical-align: top;
}
.space2_2 {
    background: url(images/space2_2.png);
    height: 3px;
    width: 794px;
	vertical-align: top;
}
.nav_g {
    background: url(images/nav_g.png);
    height: 172px;
    width: 223px;
}
.nav_d {
    background: url(images/nav_d.png);
    height: 172px;
    width: 223px;
}
.blok {
    background: url(images/blok.png);
    height: 165px;
    width: 1017px;
}
/*///////////////////////////////////////////////////////  Fonction Footer ///////////////////////////////////////////////////////////////////*/


.space3 {
    background: url(images/space3.png);
    height: 3px;
    width: 223px;
	vertical-align: top;
}
.footer {
    background: url(images/footer.png);
    height: 31px;
    width: 1017px;
}


/*///////////////////////////////////////////////////////  Fonction blok gauche ///////////////////////////////////////////////////////////////////*/


.titre_g {
	background-image: url(images/titre_g.png);
	width: 223px;
	height: 23px;
	font-size: 1.05em;
	color: #33ccFF;
	vertical-align: middle;
	text-align: center;
	padding-right: 20px;
	padding-left: 60px;
	font-weight: bold;
	letter-spacing: 2px;
}
.centre_g {
	background-image: url(images/centre_g.png);
	width: 223px;
	vertical-align: top;
	padding-left: 20px;
	padding-right: 5px;
}
.bas_g {
	background-image: url(images/bas_g.png);
	width: 223px;
	height: 3px;
}


/*///////////////////////////////////////////////////////  Fonction blok droite ///////////////////////////////////////////////////////////////////*/


.titre_d {
	background-image: url(images/titre_d.png);
	width: 223px;
	height: 23px;
	color: #33ccFF;
	font-size: 1.05em;
	vertical-align: middle;
        text-align: center;
	padding-right: 60px;
	padding-left: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}
.centre_d {
	background-image: url(images/centre_d.png);
	width: 223px;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 20px;
}
.bas_d {
	background-image: url(images/bas_d.png);
	width: 223px;
	height: 3px;
}

/*///////////////////////////////////////////////////////  Fonction blok centre ///////////////////////////////////////////////////////////////////*/

.titre_c6 {
    background-image: url(images/titre_c6.png);
	width: 571px;
	height: 24px;
	color: #FFFFFF;
	font-size: 1.0em;
	vertical-align: middle;
	padding-top: 0px;
	text-align: center;
	letter-spacing: 2px;
}

.titre_c5 {
    background-image: url(images/titre_c5.png);
	width: 571px;
	height: 24px;
	color: #FFa500;
	font-size: 1.0em;
	vertical-align: middle;
	padding-top: 0px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
}

.titre_c {
    background-image: url(images/titre_c.png);
	width: 571px;
	height: 24px;
	color: #33ccFF;
	font-size: 11px;
	vertical-align: middle;
	padding-top: 0px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
}
.titre_c2 {
    background-image: url(images/titre_c2.png);
	width: 777px;
	height: 23px;
	color: #FFFFFF;
	font-size: 9px;
	vertical-align: middle;
	padding-top: 0px;
	text-align: center;
	letter-spacing: 2px;
}

.auteur_c {
    background: url(images/auteur_c.png);
    height: 15px;
    width: 571px;
	color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;

}
.sous_titre_c2 {
	background-image: url(images/sous_titre_c2.png);
	width: 777px;
	height: 2px;
}
.centre_c {
    background-image: url(images/centre_c.png);
	width: 571px;
	padding-left: 5px;
	padding-right: 5px;
}
.centre_c2 {
    background-image: url(images/centre_c2.png);
	width: 777px;
	padding-left: 5px;
	padding-right: 5px;
}
.comm_c {
    background: url(images/comm_c.png);
    width: 571px;
    height : 12px;
	font-size: 8px;
	color: #FFFFFF;
    padding-left: 475px;
    padding-right: 5px;

}
.comm_c2 {
	background-image: url(images/bas_c2.png);
	width: 777px;
	height: 12px;
}
/*///////////////////////////////////////////////////////  genérale ///////////////////////////////////////////////////////////////////*/


body{ 
background-image:url(images/monfond.png);
background-attachment: fixed;
background-position: top center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin:0;
padding:0;

}
A:link{
FONT-FAMILY:arial, courier, Sans-serif; FONT-SIZE:10px; COLOR:#FFFFFF; TEXT-DECORATION:none;
}

A:visited{
FONT-FAMILY:arial, courier, Sans-serif; FONT-SIZE:10px; COLOR:#FFFFFF; TEXT-DECORATION:none;
}

A:hover{
FONT-FAMILY:arial, courier, Sans-serif; FONT-SIZE:10px; COLOR:#33ccff; TEXT-DECORATION:none;
}

A:active{
FONT-FAMILY:arial, courier, Sans-serif; FONT-SIZE:10px; COLOR:#009900; TEXT-DECORATION:none;
}

TD {
FONT-FAMILY:arial, courier, Sans-serif; FONT-SIZE:10px;
}

TEXTAREA{
FONT-FAMILY:arial, courier, Sans-serif; FONT-SIZE: 10px; BACKGROUND-COLOR: #FFFFFF; BORDER:1px solid rgb(172,199,215); COLOR:#000000;
}

SELECT{
COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; FONT-FAMILY:arial, courier, Sans-serif; FONT-SIZE: 10px; BORDER:1px solid rgb(172,199,215);
}


INPUT{
COLOR: #000000;  BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY:arial, courier, Sans-serif; BORDER:1px solid rgb(172,199,215); 
}


.checkbox {
BACKGROUND:transparent; BORDER:none;
}

.bloctitre{
FONT-FAMILY:arial; color:#FFFFFF; font-size:10px;
}

.titre{
FONT-FAMILY:arial; color:#FFFFFF; font-size:10px;
}

.titre a:link{
FONT-FAMILY:arial; color:#FFFFFF; font-size:10px;
}

.titre a:visited{
FONT-FAMILY:arial; color:#FFFFFF; font-size:10px;
}
.titre a:hover{
FONT-FAMILY:arial; color:#FFFFFF; font-size:10px;
}

.titre a:active{
FONT-FAMILY:arial; color:#FFFFFF; font-size:10px;
}
.post{
FONT-FAMILY:arial, courier, Sans-serif; FONT-SIZE:10px; color:#FFFFFF;
}
.copyright {
FONT-FAMILY:arial; COLOR:#FFFFFF; FONT-SIZE:10px;
}

.copyright a:link{
FONT-FAMILY:arial; COLOR:#FFFFFF; FONT-SIZE:10px;
}

.copyright a:visited{
FONT-FAMILY:arial; COLOR:#FFFFFF; FONT-SIZE:10px;
}

.copyright a:hover{
FONT-FAMILY:arial; COLOR:#FFFFFF; FONT-SIZE:10px;
}

.copyright a:active{
FONT-FAMILY:arial; COLOR:#FFFFFF; FONT-SIZE:10px;
}
.kwicks_border {
width: 448px;
margin-left: -5px;
border-top: 1px solid #8bbd00;
}

#kwicks , #kwicks2 {
position: absolute;
}

#kwicks .kwick , #kwicks2 .kwick {
	display: block;
	width: 149px;
	float: left;
	list-style: none;
}

#kwicks_container {
height: 97px;
width: 448px;
border-right: 1px solid #8bbd00;
border-bottom: 1px solid #8bbd00;
}


.noteclassique {background-color:#EEEEFF;}
			.noteimportant {background-color:#FFFFCC;}
			.noteattention {background-color:#FFDDDD;}
			.notetuyau {background-color:#DDFFDD;}
			.noteclassique, .noteimportant, .noteattention, .notetuyau {color: black;-moz-border-radius-bottomleft:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;background-position:20px 50%;border-collapse:collapse;clear:both;min-height:50px;padding:15px;text-align:justify;width:90% !important; }