img {
	border:none;
}
/*  ========== 

*/

div#container {
text-align:left;

}
#bar-container {
	position: relative;
	height: 40%;
	margin:auto;
	width:260px;
}
/*Actu Axe*/
/* Container DIV */
.actu { 
	width: 260px; /* wider than clip for custom button pos. */
	height: 220px;
	margin-bottom: 1.5em;
}

/* Clip DIV */
.actu .simply-scroll-clip {
	width: 240px;
	height: 220px;
}

/* Explicitly set height/width of each list item */
.actu .simply-scroll-list li {
	width: 230px;
	height: 90px;
}

/* Modified button positions, overriding previous styles */
.actu .simply-scroll-btn-up { 
	right: 0;
	top: 0;
}

.actu .simply-scroll-btn-down { 
	right: 0;
	top: 200px;
}


/* simplyScroll */

.logicbox {
	width: 260px; /**/
	height: 200px;
}
.logicbox .simply-scroll-clip {
	width: 260px; /**/
	height: 200px
}

.logicbox .simply-scroll-list li {
	float: left;
	width: 260px;
	height: 200px;
	padding-right:10px; /*modif TW*/
	
}
.logicbox .simply-scroll-list li img{
width: 120px;
	height: 90px;
}

/* Tool Tip */

#tooltip {
	display: none;
	position: absolute;
	z-index: 1000;
	padding: 4px;
	border: 1px dotted #fff;
	background-color: #C0C0C0;
	width:130px;
	color:#fff;
	font-size: 0.77em;
}

/* Overlay */

#overlay {
	position: absolute;
	top:500px;
	z-index: 1000;
	width: 528px;/*;*/
	height: 450px;/*;*/
	display: none;
	text-align:left;color:#fff;
}
h1 {font-weight:bold;font-variant:small-caps;text-align:left;}
#overlay div.texte {border-bottom:1px dotted #fff;padding-bottom:3px;margin-bottom:3px;font-size:77%;}
#overlay p.web {color:#DC143C;}
#overlay p.web a{color:#DC143C;}
	#overlay-clip {
		position: absolute;
		overflow: hidden;
		z-index: 1002;
		width:0;
		height:0;
	}
	#overlay-content {
		position: absolute;
		overflow: hidden; /* set in to auto in JS (firefox bug?) */
		z-index: 1001;
		/*background-color: grey;*/
		width:528px;/*;*/
		height:450px;/*;*/
		left: 0;
		top: 0;
	}
	#overlay-close {
		position: absolute;
		z-index: 1003;
		top: 0;
		right: 0;
		width: 22px;
		height:22px;
		overflow: hidden;
		background-image: url(../../../IMG/skin/overlay-close.gif);
		background-position: 0 0;
		
	}
	#overlay-close:hover {
		background-position: 0 -22px;
		cursor: pointer;
	}

.overlay {
	display: none;
	background-color: #C0C0C0;
	padding: 18px 22px 22px 22px
	/*padding: 0.75em 0.9167em 0.9167em;*/
}



/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 21/02/2009 00:34
 *
 */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>


*/

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			/*display: block;*/
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(http://www.institut-gouvernance.org/jquery/simplyscroll/buttons.png);
		width: 21px;
		height: 22px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 3px;
		bottom: 3px;
		background-position: 0 -22px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover {
		background-position: 0 -44px;
	}
	
	.simply-scroll-btn-right {
		right: 3px;
		bottom: 3px;
		background-position: 42px -22px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: 42px 0 !important;
	}
	.simply-scroll-btn-right:hover {
		background-position: 42px -44px;
	}
	
	.simply-scroll-btn-up {
		right: 3px;
		top: 3px;
		background-position: -63px -22px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -63px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: -63px -44px;
	}
	
	.simply-scroll-btn-down {
		right: 3px;
		bottom: 3px;
		background-position: -21px -22px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -21px 0 !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -21px -44px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 260px;
	height: 90px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 260px;
		height: 90px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 120px;
			height: 90px;
		}
		.simply-scroll .simply-scroll-list li img {
width: 120px;
			height: 90px;}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}