@charset "utf-8";
/* CSS Document */

body, html { background-color:#000000; margin:0px; padding:0px;
height:100%;
padding:0;
width:100%;
}
#site {border:6px solid white;height:550px; width:980px;position:relative;
margin-left:auto; margin-top:auto; margin-bottom:auto;
margin-right:auto;}
		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 43px;
			width: 557px;
			background-image:url(images/top-fond.gif); background-position:bottom; background-repeat:repeat-x;
			padding: 0px;
			line-height: 30px;
			color: #FFFFFF;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 10px;
			cursor: pointer;
			margin: 0 0 0 0;
			text-align:left;
			font: normal 24px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;font-weight:bold;
		}
		
		.accordion_toggle_active {
			background-image:url(images/heart-fond.gif); background-position:bottom; background-repeat:repeat-x;
			color: #9160db;
			
		}
		
		.accordion_content {
		width:557px;
			background-color: #000;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 10px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 0px 0 0px 0px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 0px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				padding: 0px 0px 0px 0px;
			}
					
					
    /* Container styling*/
	#container {height:549px; text-align:left; background-color:#121212; float:right; background-image:url(../images/1pixel-contenu.jpg); background-repeat:repeat-y; width:746px;}
	#menu { height:549px; width:234px; background-image:url(../images/menu-fond.gif); float:left;}
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 557px;   
      height: 0px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 557px;
    }
.style1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.style2 { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin:10px 0px 15px 16px; display:block;}
.style3 { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin:43px 0px 0px 110px;}
.style4 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-variant:small-caps;}
.style5 { color:#9160db; font-family:Arial, Helvetica, sans-serif; font-size:12px;margin:0px 0px 0px 0px; text-transform:uppercase; font-weight:bold;}
ul { position:absolute; left:12px; top:196px; width:222px; text-align:left; padding:0px; margin:0px;}
ul li.active { padding:0px; margin:0px; list-style-type:none; font-family:Trebuchet MS, Arial; font-size:12px; text-transform:uppercase; color:#9160db;}
ul li.passive a{ text-decoration:none; color:#FFFFFF;}
ul li.active a{ text-decoration:none; color:#9160db;}
ul li.passive { padding:0px; margin:0px; list-style-type:none; font-family:Trebuchet MS, Arial; font-size:12px; text-transform:uppercase; color:#FFFFFF;}
.h1-astuce
 {font-family:Trebuchet MS, Arial; color:#FFFFFF;margin:20px;font-size:17px;}
/* kylie words début */
.words-passif {color: #FFFFFF;font: normal 21px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;font-weight:bold;display:block; margin:0px 0px 0px 24px; text-decoration:none; width:450px;}
.words-actif { color:#9160db;font: normal 21px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;font-weight:bold; display:block; margin:0px 0px 0px 24px; text-decoration:none; width:450px;}


#kylie-words { width:552px; height:200px;  left:385px; top:202px; position:absolute; background-color:#121212; font-style:italic; color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; z-index:10;}
#kylie-words span, #andres-words span{ color:#9160db; }

#andres-words { width:552px; height:200px;  left:385px; top:224px; position:absolute; background-color:#121212; font-style:italic; color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; z-index:9;}

#where-to-buy-uk {
	width:350px;
	position:absolute;
	top:115px;
	margin:0px 0px 0px 23px;
}
#where-to-buy-au {
	width:350px;
	position:absolute;
	right:23px;
	top:115px;
}
.where-to-buy h1{color:#9160db;font: normal 21px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;font-weight:bold; display:block;  text-decoration:none; width:350px;}
.where-to-buy h2{color:#FFFFFF;font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; font-style:italic; display:block; text-decoration:none; width:350px;}
.where-to-buy p{
	color:#FFFFFF;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	width:350px;
}

/* kylie words fin */

/* gallery début */
.vignette-ext { width:52px; height:52px; position:relative;}
.vignette {display: block; width:52px; height:52px;}
.vignette-1 {width:52px; height:52px; position:absolute; top:0px; left:0px; z-index:10; background-image:url(../images/transp.gif); background-repeat:repeat;}
.vignette-2 { position:absolute; top:0px; left:0px; z-index:8; display:none;}

.separator-img { height:38px;}
/* gallery fin */

/* sound début */
#sound { position: absolute; bottom:-39px; right:-9px;}
/* sound fin */