/* -------------------------------- */
/* CSS ISABEL ROCHAT			 -- */
/* By PREZENZ - www.prezenz.com	 -- */
/* -------------------------------- */

/* -------------------------------- */
/* DIVERS						 -- */
/* -------------------------------- */

html {
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#E5E5E5;
}

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

a:hover {
	color:#000;
}

a.active {
	color:#000;
}

p {
	margin:0px;
	padding:0px;
	border:0px;
}

img {
	border:0px;
	padding:0px;
	margin:0px;
}

h1 {
	color:#676284;
	font-size:18px
}

h2 {
	color:#676284;
	font-size:16px;
	font-weight:normal;
}

input {
	width:200px;
	border:1px solid #2A4569;
	padding:2px;
	font-size:11px;
}

textarea {
	width:200px;
	border:1px solid #2A4569;
	padding:2px;
	font-size:11px;
	height:100px;
}

.auto {
	border:1px solid #666;
	width:auto;
}

.warning {
	color:#FF0000;
	font-weight:bold;
	background-image:url(../../sitemanager/layout/images/xp/delete2.png);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:20px;
}

/* -------------------------------- */
/* STRUCTURE					 -- */
/* -------------------------------- */

#page {
	width:900px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	position:relative;
}

#logo a {
	display:block;
	z-index:100;
	position:absolute;
	left:20px;
	top:20px;
}

#title div {
	position:absolute;
	left:610px;
	top:250px;
	font-size:24px;
	white-space:nowrap;
	letter-spacing:1px;
	display:block; 
	color:#FFF;
	z-index:1;
}

/* -------------------------------- */
/* CONTENT						 -- */
/* -------------------------------- */

#content {
	float:left;
	width:450px;
	height:530px;
	position:relative;
	padding-left:120px;
	padding-right:30px;
	padding-top:20px;
	background-color:#FFF;
}

#content li {
	/*list-style-image:url(../images/bullet.gif);*/
}

#content .flashembed {
	width:600px;
	padding:0px;
	margin:0px;
	position:absolute;
	left:0px;
	margin-top:30px;
}

#content.flash {
	width:600px;
	height:550px;
	padding:0px;
}

	#content h1 {
		padding-top:20px;
	}

	#content .text {
		padding-top:10px;
	}

	#content .feed {
		width:150px;
		margin-left:10px;
		margin-bottom:10px;
		border-left:1px solid #CCC;
		padding-left:10px;
		float:right;
		font-size:11px;
	}

	#content .feed ul {
		margin:0px;
		padding:0px;
		padding-left:15px;
		font-size:11px;
		line-height:11px;
	}

	#content .feed h2 {
		padding-top:0px;
		margin-top:0px;
	}

	/* -------------------------------- */
	/* SLIDEPICT					 -- */
	/* -------------------------------- */
	
	#slidepict {
		margin-left:-100px;
		width: 530px;
		height:450px;
		position:relative
	}	
		
	#slidepict .scroller .content {
		width: 5000px;
		height:450px;
	}
	
	#slidepict  .scroller { 	
		overflow: hidden;
		width:530px;
		height:450px;
	}
	
	#slidepict .scroller .section{
		width: 530px;
		overflow: hidden;
		float:left;
		height:450px;
	}

	/* -------------------------------- */
	/* SLIDE						 -- */
	/* -------------------------------- */
	
	#slide {
		width: 430px;
		height:450px;
		position:relative
	}	
		
	#slide .scroller .content {
		width: 5000px;
	}
	
	#slide  .scroller { 	
		overflow: hidden;
		width:430px;
	}
	
	#slide .scroller .section{
		width: 430px;
		overflow: hidden;
		float:left;
		height:450px;
	}

	#slide .list {
		clear:both;
		height:430px;
	}
	
	#slide .showcase {
		width:100px;
		height:115px;
		float:right;
		margin-left:10px;
		margin-bottom:10px;
	}
	
	#slide .last {
		margin-left:0px;
	}
	
	#slide .showcase img {
		border:1px solid #676284;
		width:98px;
		height:98px;
	}
	
	#slide .showcase .link {
		background-color:#676284;
		padding:2px;
		color:#FFF;
		float:right;
	}
	
	#slide .showcase .nolink {
		background-color:#FFF;
		padding:2px;
		color:#FFF;
		float:right;
	}
	
	#slide .showcase .link a {
		color:#FFF;
	}
	
	#button {
		display:block;
		float:right;
	}
	
	#button a {
		display:inline-block;
		padding:3px;
		background-color:#999;
		color:#FFF;
	}
	
	#buttonleft {
		display:block;
		float:left;
	}
	
	#buttonleft a {
		display:inline-block;
		padding:3px;
		background-color:#666;
		color:#FFF;
	}


/* -------------------------------- */
/* RIGHT						 -- */
/* -------------------------------- */

#right {
	float:left;
	width:280px;
	height:530px;
	padding:10px;
	position:relative;
	background-color:#676284;
}
	
#right a {
	color:#FFF;
}

#right a:hover {
	color:#000;
}

	/* -------------------------------- */
	/* MENU							 -- */
	/* -------------------------------- */
	
	#menu {
		padding-top:70px;
	}
	
	#menu ul {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	#menu ul li {
		list-style:none;
		margin:0px;
		padding:0px;
		font-size:20px;
		position:relative;
	}
	
	#menu ul li ul {
		position:absolute;
		left:100px;
		top:5px;
		z-index:3;
		margin:0px;
		padding:0px;
	}
	
	#menu ul li ul li {
		margin:0px;
		padding:0px;
	}
	
	#menu a {
		color:#9894AC;
	}
	
	#menu a:hover {
		color:#FFF;
	}
	
	#menu a.active {
		color:#FFF;
	}
	
	#menu ul li ul li a {
		font-size:12px;
		padding:2px;
		margin:0px;
		background-color:#FFFFFF;
		color:#676284;
		background-color:#9894AC;
	}
	
	#menu ul li ul li a:hover {
		background-color:#FFFFFF;
		color:#676284;
	}
	
	#menu ul li ul li a.active {
		background-color:#FFFFFF;
		color:#676284;
	}

	/* -------------------------------- */
	/* INFO							 -- */
	/* -------------------------------- */
	
	#info {
		padding-top:150px;
		color:#FFF;
	}

	#info ul {
		margin:0px !important;
		padding-left:15px;
	}

	#info ul li {
		margin:0px !important;
		padding-left:0px;
	}

	/* -------------------------------- */
	/* SHOWCASE						 -- */
	/* -------------------------------- */
	
	#showcase {
		padding-top:50px;
		color:#FFF;
		font-size:11px;
	}
	
	#showcase .details {
		background-color:#FFF;
		color:#000;
		padding:3px;
		margin-bottom:20px;
		width:150px;
	}
	
	#showcase .details b {
		color:#999;
	}

	/* -------------------------------- */
	/* FOOTER						 -- */
	/* -------------------------------- */
	
	#footer {
		position:absolute;
		bottom:10px;
		right:10px;
		color:#9894AC;
	}
	
	#footer a {
		color:#9894AC;
	}
	
	#footer a:hover {
		color:#000;
	}