/* 
	* GesWeb Style Sheet for STRID's Website UI
	* All Page Layout 
	* Theme name : -
	*  
	* Copyright 2010 Obtic Sàrl e-consultant	
*/

/* HTML Tag --------- */
	
	a 			{	color:#039; }
	a:hover { color: #989898;	}
	
	hr			{ border-bottom: 1px dotted #989898; }

	.input 	{ width:140px; 
						margin:5px 0px 0px 0px; 
						font:8pt Verdana, Arial, Helvetica, sans-serif; }		

/* Picture scroller */

	/* Dechet Scroller Container Block*/
  #gw-dechet-scroller-block {
				float:right;
				width:740px;
				overflow:hidden; /*Hack table IE*/
				padding:0;
				margin:15px 0 0px 0;
				height:130px;
				background-color:#d9e1f0;
				background-color:#fff;
	}
	
		/*Title*/
		#gw-dechet-scroller-block h2{
				font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				font-size:1.6em;
				margin:10px 20px 10px 20px ;
				color:#039;
		}
		
		/* Scroller Container */
		#gw-dechet-scroller-block #gw-dechet-scroller {
			height:80px;
			margin-left:20px;
			margin-right:20px;
			padding-left:20px;
			border:1px solid #d9e1f0;
		}

			/* Scroller position */
			/* this makes it possible to add next button beside scrollable */
			#gw-dechet-scroller .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 button */
			#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 button */
			#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; }
			
			/* disabled navigational button */
			#gw-dechet-scroller a.disabled {
				visibility:hidden !important;		
			} 	

			/*root element for the scrollable.
				when scrolling occurs this element stays still.*/
			#gw-dechet-scroller .scrollable {
			
				/* required settings */
				position:relative;
				overflow:hidden;
				width: 570px;
				height:79px;
			
				/* custom decorations */
				/*
				background:url(..) repeat-x;
				border:1px solid #ccc;
				*/
			}

				/*
					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.
				*/
				/* Items Container */
				#gw-dechet-scroller .scrollable .items {
					/* this cannot be too large */
					width:20000em;
					position:absolute;
					clear:both;
					left:0;
				}

					/* single scrollable item */
					#gw-dechet-scroller .scrollable .items .item {
						float:left;
						margin:20px 5px 20px 21px;
						margin:10px 5px 10px 10px;
						background-color:#fff;
						padding:2px;
						border:1px solid #ccc;
						cursor:pointer;
						/* Enhancement */
						-moz-border-radius:4px;
						-webkit-border-radius:4px;
					}
						/* picto on item */
						#gw-dechet-scroller .scrollable .items .item img{
							width:50px;
							height:50px;
							border:none;
						}
						
				/* active item */
				#gw-dechet-scroller .scrollable .items .active {
					border:2px solid #039;
					z-index:9999;
					position:relative;
				}

/* Tooltips */
	 
	 /* Tooltip background */
	 #gw-dechet-tooltip {
				display:none;
				background:transparent url(Images/tooltip-bottom-center-bleu.png) no-repeat;
				font:95%/1.2em  "Lucida Grande", "Lucida Sans", Arial, 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;
		}

			/* Content */ 
		 #gw-dechet-tooltip p {
		 font-style:italic;
		 line-height:1.2em;
		}
			/*Link*/
		 #gw-dechet-tooltip a {
		 text-decoration:none;
		}
	

/* Content Layout ( 3 cols ) --------- */
	
	/* Backgroud picture */
	#gw-bgr-content{}

	/* Col left (nav left) & middle (text) */
	#gw-content-block {
		margin-top:0px;
		overflow:hidden;
		width:760px;
		float:left;
	}
	
	/* col middle (text) */
	#gw-content {padding:0px;
	}
	
/* Content for normal page (col 2 center ) --------- */
	
		/* Page content */
		#gw-text {
			width:740px;
			background-position:/*h*/320px /*v*/50px;
			background-color:#fff;
		}

			#gw-text a						{ }
			#gw-text a:hover			{ }
			
			#gw-text h1 {
				font-size:1.6em;
			}
			
			#gw-text h2 {
				font-size:1.6em;
				color:#03a;
			}
				#gw-text h2 a {text-decoration:none;}

			#gw-text h3 {
			}
			#gw-text h4 {
			}
			#gw-text h5 {
			}
			#gw-text p {
			}
			
			#gw-text p.picto {
			}
			
			/* Table for FF & Safari */
			#gw-text table {
			}
			/* Table for IE */
			#gw-text p table {
			}
			#gw-text p.Date {
			}
			#gw-text p.Top {
			}
			#gw-text ul, #gw-text ol {
			}
			#gw-text li {
			}
			
/* home content */

	#gw-column-content{
		float:right;
		width:490px;
	}

/* home Left Col (News) */

	#gw-text #gw-column-left{
		border-right:1px solid #039;
/*		border-top:1px solid #fff;	/*FF Hack */
		margin:10px 0 10px 0;
		width:240px;
			font-size:.9em;
	}
		#gw-text #gw-column-left h1{
			padding:0;
			margin:0px 0 5px 20px ;
		}	
			
/* home knowhow */

		#gw-text #gw-knowhow{
			border-right:1px solid #039;
			border-bottom:1px solid #fff;	/*FF Hack */
			margin:20px 0 0 0;
			padding:0;
			padding-top:1px;
			width:240px;
		}
/*		
		#gw-knowhow p{
			margin:5px 0 0 20px ;
		}
		#gw-knowhow p.plus{
			margin:0 0 5px 20px ;
		}
*/		
/* Scroller */

		/* Special IE7 hack */
		/**+html #gw-text#gw-column-left #gw-scroller { top:110px !important;}*/
		/* Special IE7 hack */
		/* Special IE8 hack */
		/**html #gw-text #gw-column-left #gw-scroller { top:110px !important;}*/
		/* Special IE8 hack */
		
		#gw-text #gw-column-left #gw-scroller { /* Needed by scrollup js script */ position: relative; overflow:hidden;/* Needed by scrollup js script */ }
			#gw-text #gw-column-left #gw-scroller p { margin:0px 15px;}
			#gw-text #gw-column-left #gw-scroller p.date-news { margin:0px 15px; font-size:90%; font-style:italic; }
			#gw-text #gw-column-left #gw-scroller h2 { margin:0px 15px; padding:0; }
			#gw-text #gw-column-left #gw-scroller a { }