@charset "utf-8";

body.staticVersion {
	padding: auto;
	background-image: none;
}

body.staticVersion .thumbnail {
	display: block;
	float: right;
	height: 90px;
	width: 90px;
	float: left;
	margin: 3px;
}

body.staticVersion .thumbnails a {
	float: left;
	display: block;
	padding: 3px 3px 3px 3px;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}

h1 {
	font-family: Trebuchet MS, Arial, Sans-serif;
	font-size: 150%;
	line-height: 20%;
	letter-spacing: 10px;
	border-bottom: 2px solid #ccc;
}

p {
	font-family: Trebuchet MS, Arial, Sans-serif;
	font-size: 100%;
	line-height: 30%;
	}

/* Ajout -> Pat -> pour affichage texte info v2 */	
#chapo {
	position:absolute;
	left:inherit;
	bottom:10%;
	width:250px;
	height:auto;
}

#presentation {
	padding:20px;
	background-color:#EAEBE7;
	text-align: justify;
	width:600px;
	height:auto;
}



/* Ajout -> Pat -> pour affichage texte info v1*/	
.animationContainer{
	height: 220px;
}
.demoDiv{
	background-color: #CCC; 
	height: 200px; 
	overflow: hidden;
}
.hideInitially{
	visibility: hidden;
}
.liveSample {
	background-color: #FFFFCC;
	color: black;
	padding: 4px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #000000;
}
.demoDiv {
	background-color: #CCCCCC;
	width: 400px;
}
.highlited {
	background-color: #FFFFCC;
	color: #000000;
}
.grayBG {
	background-color: #CCCCCC;
}
/* Ajout -> Pat -> Sidebar */	
	#sideBar ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	
	#sideBar li{
		margin:0px 10px 3px 10px;
		padding:2px;
		list-style-type:none;
		display:block;
		background-color:#DA1074;
		width:177px;
	}
	
	#sideBar li a{
		width:100%;
	}
	
	#sideBar li a:link,
	#sideBar li a:visited{
		color:#FFFFFF;
		font-family:verdana;
		font-size:70%;
		text-decoration:none;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px;
		width:100%;
	}
	
	#sideBar li a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	#sideBar{
		position: absolute;
		width: auto;
		height: auto;
		top: 180px;
		right:-7px;
		background:#111 url(images/background.gif);
		background-position:top left;
		background-repeat:repeat-y;
	}
	
	#sideBarTab{
		float:left;
		height:137px;
		width:28px;
	}
	
	#sideBarTab img{
		border:0px solid #FFFFFF;
	}
	
	#sideBarContents{
		overflow:hidden !important;
	}
	
	#sideBarContentsInner{
		width:200px;
	}