@charset "iso-8859-1";

/* MISE EN FORME */

.page {
	background-image: url(../images/hell_background.jpg);
	background-color: #1c0001;
	background-repeat: repeat-y;
	background-position: center;
}
	
div#global{
	position:relative;
	top:0px;
	left:0px; 
	width:0px; 
	heigth:0px;
}

div#bandeau{
	width: 975px;
	height: 218px;
	background-image:url(../images/hell_bandeau.png);
	background-position:right;
	background-repeat:no-repeat;
}

div#contenu {
	width: 975px;
	height: 424px;
	background-image: url(../images/hell_bord_lateral.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

div#pied {
	clear:both;
	width: 975px;
	height: 38px;
	background-image: url(../images/hell_bord_bas.png);
	background-repeat:no-repeat;
	background-position: right;
}

div#menu {
	float:left;
	width: 210px;
	height: 424px;
	background-image: url(../images/hell_bord_menu.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

div#menu_haut {
	width: 210px;
	height: 400px;
	text-align:right;
	vertical-align:text-bottom;
	background-image: url(../images/hell_bord_menu_haut.png);
	background-repeat:no-repeat;
	background-position:top right;
}

div#menu_bas_0 {
	float:left;
	width: 70px;
	height: 24px;
	text-align:top right;
}

div#menu_bas_1 {
	float:left;
	width: 140px;
	height: 24px;
	text-align:top right;
}

div#centre {
	float:left;
	width: 723px;
	height: 424px;
}

.deroulant {
	width: 723px;
	height: 424px;
	background-color:#eeb8b6;
	overflow:auto;
	z-index: 1;
}

div#accueil {
	width: 723px;
	height: 423px;
	background-color:#ff150c;
	vertical-align:middle;
	background-image:url(../images/ecran_accueil.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#musiques {
	width: 723px;
	height: 423px;
	background-color:#ff150c;
	text-align:center;
	vertical-align:middle;
	background-image:url(../images/ecran_musiques.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#photos {
	width: 723px;
	height: 423px;
	background-color:#ff150c;
	text-align:center;
	vertical-align:middle;
	background-image:url(../images/ecran_photos.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#contactezmoi {
	width: 723px;
	height: 423px;
	background-color:#ff150c;
	text-align:center;
	vertical-align:middle;
	background-image:url(../images/ecran_contactezmoi.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#boutique {
	width: 723px;
	height: 423px;
	background-color:#ff150c;
	text-align:center;
	vertical-align:middle;
	background-image:url(../images/ecran_boutique.png);
	background-position:center;
	background-repeat:no-repeat;
}

div#admin {
	width: 723px;
	height: 423px;
	background-color:#ff150c;
	text-align:center;
	vertical-align:middle;
}

div#premier_plan {
	position:absolute;
	width:193px;
	height:154px;
	background-image:url(../images/hell_bout_nuage.png);
	background-repeat:no-repeat;
	z-index: 2;
}

div#fadeout_haut {
	position:absolute;
	width:706px;
	height:30px;
	background-image:url(../images/hell_haut_deroulant.png);
	background-repeat:no-repeat;
	z-index: 2;
}

div#fadeout_bas {
	position:absolute;
	top:630px;
	width:706px;
	height:30px;
	background-image:url(../images/hell_bas_deroulant.png);
	background-repeat:no-repeat;
	z-index: 2;
}

div#mv1 {
	height:75px;
}

div#design {
	width: 723px;
	height: 424px;
	background-color:#ff150c;
	background-image:url(../images/theme_hell.png);
	background-position:center;
	background-repeat:no-repeat;
}

/* TEXTE SIGNATURE */

.signature {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	text-align:center;
	color:#FFFFFF;
}
.signature a {
	color:#CCCCCC;
	text-decoration:none;
}

.signature a:hover {
	color:#0000FF;
	text-decoration:none;
}

/* TEXTE GÉNÉRAL */

p, .contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: justify;
}

.codehtml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-align:center;
}

ul, ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}

.petiteliste {
	font-size:smaller;
	font-style:italic;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:2em;
	font-weight: bold;
	font-style:italic;
	text-align:right;
	color:#000066;
	margin-top:50px;
	margin-right:10px;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:x-large;
	font-weight: bold;
	color:#336699;
	font-style:italic;
	text-align:right;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight: bold;
	color:#990000;
}

a {
	text-decoration:none;
	color:#990000;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	color:#FF0000;
	font-weight:bold;
}

.italique {
	font-style:italic;
}

.droite {
	text-align:right;
}

.gauche {
	text-align:left;
}


.centrer {
	text-align:center;
}


/* MENU ACCORDEON */

ul#accordeon {
	text-align:right;
	color:#FFFFFF;
	list-style-type:none;
	margin-right: 5px;
}

ul#accordeon ul li {
	margin-right: 8px;
	margin-bottom: 5px;
	list-style-type:none;
}

ul#accordeon ul li a {
	text-decoration: none;
	color:#FFFFFF;
}

ul#accordeon ul li a:hover {
	text-decoration: none;
	color:#FF0000;
	background-color:#FFFFFF;
}

/* ARTICLES DEPLIANTS */

h4 {
	cursor:pointer; 
	background:#660000;
	color:#FFFFFF;
	-moz-border-radius:5px;
	padding-right:5px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
	text-transform:uppercase;
}

.depliant {
	background:#FFCCCD;
	-moz-border-radius:5px;
	padding:10px;
	text-align:justify;
}

.commenter, .commenter a {
	color:#990000;
	text-align:right;
	font-size:xx-small;
}