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

		
		/*
			Vertical Accordions
		*/
		
		body {
	background-color:#000/*252422*/;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	font-size:11px;
	line-height: 16px;
}

div#container{
	width: 890px;
	margin: auto;
}
		
		.accordion_toggle {
			display: block;
			width: 878px;
			text-decoration: none;
			outline: none;
			background: #0a0a0a;
			color:#555;   
		    cursor: pointer;
			margin-bottom:0px;
			padding:2px 2px 2px 10px;
			border-top:1px solid #222;	
			font-size: 9px !important;
			text-transform:uppercase;
			font-weight:normal;
		}
		
		.accordion_toggle_active {
		background-color:#000/*6d493a*/;
		border-top:1px solid #5d5852;	
		color: #666;
		text-align: right;
		font-weight:normal;

		}
		
		.accordion_content {
		background:#000/*302E2C*/ none repeat scroll 0 0;
		border-bottom:1px solid #000000;
		color:#999;
		overflow:hidden;
		padding:0 0px;
		text-align:justify;
		/*padding-right:30px;*/
		/*height: 380px;*/
		width: 890px;
		text-transform: uppercase;
		font-size:9px !important;
		}
			
/*			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
*/			
		.vertical_accordion_toggle {
			display: block;
			height: 15px;
			background: #000;
			padding: 5px 0px 0 0px;
			color: #9b58cc;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 9px;
			border-bottom: 0px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: #000;
			color: #9b58cc;
			border-bottom: 1px dotted #666;
			text-transform:uppercase;
			padding-bottom: 2px;
		}

		.vertical_accordion_content {
			background-color: #000;
			color: #ccc;
			overflow: hidden;
			line-height:18px;
		}

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

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			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: 100px;	/* 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;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
		font-size: 9px;
		color: #999;
		text-transform:uppercase;
      width: 135px;
	  text-align: left;
	  border-left: 1px dotted #672d92;
	  padding-left: 5px;
	  margin-left: 20px;
	  height: 350px;
	  line-height: 18px;
    }
	
	/* couleurs*/
.purple {color:#a200ff;}
#purple:hover, #purple:active{
	color: #a200ff;
	display:block;
}

.pink {color:#ff00ff;}
#pink:hover, #pink:active{
	color: #ff00ff;
	display:block;
}

.cyan {color:#00ffea;}
#cyan:hover, #cyan:active{
	color: #00ffea;
	display:block;
}


#red:hover, #red:active{
	color: #860000;
	display:block;
}

#green:hover, #green:active{
	color: #658600;
	display:block;
}

#blue:hover, #blue:active{
	color: #006286;
	display:block;
}

.yellow {color:#f0ff00;}
#yellow:hover, #yellow:active{
	color: #f0ff00;
	display:block;
}

.white {color:#ffffff;}
#white:hover, #white:active{
	color: #fff;
	display:block;
}

.footer {/* margin: auto; width: 878px; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9px; text-transform:uppercase; color:#000; position:relative; padding-top: 4px; padding-bottom: 5px; background:url(../images/bg-contact.png)}*/

			margin: auto;
			display: block;
			width: 878px;
			text-decoration: none;
			text-align: center;
			outline: none;
			background:url(../images/bg-contact.png);
			color:#111;   
		    cursor: pointer;
			margin-bottom:0px;
			padding:2px 2px 2px 10px;
			border-top:0px solid #222;	
			font-size: 9px !important;
			text-transform:uppercase;
			font-weight:normal;
		}

a{ color:#FFF; text-decoration:none }


#photoholder {
	width:890px;
	height:77px;
	border:0px solid #666;
	background:#000 /*url('/images/loading.gif') 50% 50% no-repeat*/;
	padding:10px 0 10px 0;
}
#thephoto {
	width:890px;
	height:77px;
}

ul {
	list-style-type:square;
	list-style-position:outside; 
	}

li {
	margin:0 0 0 -25px;
}