/* Style sheet GesWeb */
/* Theme valorsa.ch - Content */
/* Copyright 2010 Obtic Sŕrl e-consultant	*/
/* Couleur :

		Vert clair : afc409
		Vert foncé : 537c00
		Gris clair : f0f0f0
		Gris foncé : 989898
*/
#gw-text{
	/*
	border:1px solid #000;
	*/
	padding:0px;
	margin:0px;
	min-height:250px;
}

#gw-text #gw-home-content-block{  
}
#gw-text #gw-home-connexe{
	/*
	position:relative;
	top:0;left:0;
	border:1px solid #ff0;
	*/
	float:left;
	width:180px;
	font-size:.9em; 
	padding:20px 0 10px 0;
}
#gw-text #gw-home-connexe p{
	/*
	*/
margin-top:0;
margin-bottom:0;
}
#gw-text #gw-home-connexe h2, #gw-home-connexe h3{
	/*
	*/
margin-top:3px;
margin-bottom:3px;
}
#gw-home-content{
	/*
	position:relative;top:0;left:190px;
	border:1px solid #ff0;
	*/
	float:left;
	width:525px;
}

/* Picture scroller */

	/* Dechet Scroller Container Block*/
  #gw-dechet-scroller-block {
			/*
				float:right;
				height:130px;
				border:1px solid #f00;
				background-color:#d9e1f0;
				background-color:#fff;
			*/
				overflow:hidden; /*Hack table IE*/
				padding:0;
				margin:15px 0px 0px 20px;
				width:710px;
				height:120px;
			  background-color:#fff;
	}
	
		/*Title*/
		#gw-dechet-scroller-block h2{
		  /*
		  */
				font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				font-size:1.4em;
				margin:10px 20px 10px 20px ;
				color:#537c00;
		}
		
		/* Scroller Container */
		#gw-dechet-scroller {
			/*
			padding-left:20px;
			height:80px;
			*/
			margin-left:20px;
			margin-right:10px;
		}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 430px;
	height:65px;

	/* custom decorations */
	border:1px solid #ccc;
	background:#e4e4e4 url(/img/global/gradient/h300.png) repeat-x;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:430px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	margin:5px 5px 5px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:50px;
	height:50px;
	cursor:pointer;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
#gw-dechet-scroller a.browse {
	background:url(Images/Prev-Next.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:25px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
#gw-dechet-scroller a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
#gw-dechet-scroller a.right:hover 		{ background-position:-30px -30px; }
#gw-dechet-scroller a.right:active 	{ background-position:-60px -30px; } 


/* left */
#gw-dechet-scroller a.left				{ margin-left: 0px; } 
#gw-dechet-scroller a.left:hover  		{ background-position:-30px 0; }
#gw-dechet-scroller a.left:active  	{ background-position:-60px 0; }

/* up and down */
#gw-dechet-scroller a.up, #gw-dechet-scroller a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
#gw-dechet-scroller a.up:hover  		{ background-position:-30px 0; }
#gw-dechet-scroller a.up:active  		{ background-position:-60px 0; }

/* down */
#gw-dechet-scroller a.down 				{ background-position: 0 -30px; }
#gw-dechet-scroller a.down:hover  		{ background-position:-30px -30px; }
#gw-dechet-scroller a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
#gw-dechet-scroller a.disabled {
	visibility:hidden !important;		
} 	

/* Tooltips */
.tooltips{	display:none;visibility:hidden; }
	 
	 /* Tooltip background */
	 #gw-dechet-tooltip {
				display:none;
				background:transparent url(Images/Tooltip-Top-center-Vert.png) no-repeat;
				font:100%/1.2em  Verdana, Arial, Helvetica, sans-serif ;
				width:220px;
				height:115px;
				padding:15px;
				/*
				color:#000;
				*/
		}
			/* Title */
			#gw-dechet-tooltip h3{
				margin:0 0 5px 0;
				font-size:1.2em;
				font-weight:bold;
				font-style:italic;
				color:#537c00;
			}

			/* Content */ 
			#gw-dechet-tooltip p {
				font-style:italic;
				font-size:.9em;
				line-height:1.2em;
			}

			#gw-dechet-tooltip a {
				color:#537c00;
				text-decoration:none;
			}
			#gw-dechet-tooltip a:hover {
				text-decoration:underline;
			}