/* 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

/* Page	*/
	* 			{ margin:0em;	padding:0em; }
	html 		{ height:100%;font:75%/1.5em Verdana, Arial, Helvetica, sans-serif ;}
	
	body 		{ height:100%;position: relative; /*Hack IE*/min-width: 770px; font-size:.9em;}

	a 			{	text-decoration:underline; color: #989898; }
	a:hover { color: #afc409;	}
	hr			{ border:0; border-bottom: 1px dotted #989898; height:1px;margin:5px 0px;}
	
	.input 	{ margin:5px 0px 0px 0px; width:140px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}		

	/* Background TOP */
	#gw-header-bgr {
		position:absolute;
		top:0;left:0;
		height:142px; 
		width:100%;
		background-color:#fff;
		/*OBI*/
		z-index:-1;
		/*OBI*/
	}

	
	#gw-center-block { 
		/*
		min-height: 100%;
		height:auto;
		border:1px solid #000;
		*/
		width:960px; 
		margin:0px auto; 
		clear:both;
	}
	#gw-center-content {
		/*
		border:1px solid #000;
		*/
		width:960px; 
		margin:0px auto; 
		clear:both;
	}

/* Header */
	#gw-header-block { 
		/*
		border:1px solid #00f; 
		background-image: url(Images/HeaderBgr_.jpg);
		background-repeat:no-repeat;
		border-top:1px solid #fff;/*1px needed for firefox
		*/
		height:142px;
		background-color:#fff;
		/*OBI*/
		width:960px; 
		margin:0px auto; 
		clear:both;
		/*OBI*/
	}
	
		#gw-header-tools {
				float:left;
				padding:0px;
				color: #999;
				text-align:left;
				height:130px;
				width:350px;
		}
		
			#gw-header-nav {
				font-size:1em;
				padding:5px 10px 5px 10px;
				color: #999;
				clear:both;
			}
				#gw-header-nav a {
					text-decoration:none;
					color: #989898;
				}
				#gw-header-nav a:hover {
					text-decoration:underline;
					color: #afc409;
				}
				#gw-header-nav a.Select {
				font-weight:bold;
					color: #537c00;
				}
				
			#gw-search {
				padding-top:20px;
				font-size:0.85em;
				/*
				text-align:center;
				*/
			}
			#gw-search input.inpSearch {
				height:10px;
				width:100px;
				Font-size:9px;
			}
			#gw-search input.btnSearch {
				Font-size:8.5px;
			}

				.gw-search-surround {Color:#fff; background-color:#537c00;font-weight:bold;}
		
			#gw-logo {	/*background:url(Images/Logo_Valorsa.jpg) center top no-repeat;  height:120px;*/
				position:relative;
				top:20px;
				left:0px;
				float:right;
			}
				#gw-logo .imgLogo { }
				#gw-logo .Addresse { font-size:11px; margin-left:20px;	}



		/* Main Menu */
		#gw-menu-block {
		/*
			background-color:#00CC66; 
		*/
			float:right;
			height:140px;
			/*height:10px;*/
			margin-left:0px;
			margin-right:0px;
			width:600px;
		}
	
			/*#Menu h1							{ float:left; font-size:14px;color:#FF6600;margin:-33px 10px 5px 10px; }*/
			
		#gw-menu-top	{	
			float:right;
			font:16px "Trebuchet MS", Tahoma, arial, Helvetica, sans-serif; 
			text-transform:uppercase;
			font-weight:bold;
			margin-left:10px;
			z-index:0;
		}
			#gw-menu-top ul							{ list-style-type: none; padding:0px; margin:0px; padding:0px 0px 0px 0px;text-align:center; }
			#gw-menu-top ul li 					{ float: left; width:113px; display:inline; margin:0; text-align:left; border-right:2px solid #fff;}
			#gw-menu-top ul li 					{  }
			#gw-menu-top ul li a					{_height:23px;/*background:#afc409 url(Images/menu-bgr.gif) no-repeat;*/ display:block; text-decoration: none; color: #fff; padding:8px 5px 9px 5px; padding-top:110px;}
			#gw-menu-top ul li a:hover		{ /*background:#537c00 url(Images/menu-bgr-select.gif) repeat-x;*/ color: #fff; padding:8px 5px 9px 5px; padding-top:110px;}
			#gw-menu-top ul li.select	a { /*background:#537c00 url(Images/menu-bgr-select.gif) repeat-x;*/ color: #fff; font-weight:bold;}
			#gw-menu-top ul li.select	a:hover { color: #fff; }
			
			.gw-menu {  width: 113px; height: 142px; background-image:url(Images/gw-menu-bgr.gif) }
			.gw-menu-1 { background-position: 1px 0; }
			.gw-menu-2 { background-position: -113px 0; }
			.gw-menu-3 { background-position: -226px 0; }
			.gw-menu-4 { background-position: -339px 0; }
			.gw-menu-5 { background-position: -452px 0; }	
			
			.gw-menu-1.gw-menu-select {background-position: 0 -155px;}
			.gw-menu-2.gw-menu-select {background-position: -113px -155px;}
			.gw-menu-3.gw-menu-select {background-position: -226px -155px;}
			.gw-menu-4.gw-menu-select {background-position: -339px -155px;}
			.gw-menu-5.gw-menu-select {background-position: -452px -155px;}

/*			.gw-menu-select { background-position: 0 -155px; }
*/			
			.gw-menu-1 a:hover {background-position: 0 -155px;}
			.gw-menu-2:hover {background-position: -113px -155px;}
			.gw-menu-3:hover {background-position: -226px -155px;}
			.gw-menu-4:hover {background-position: -339px -155px;}
			.gw-menu-5:hover {background-position: -452px -155px;}
/*OBI*/
			/**/
			.gw-menu-select-1 {background-image:url(Images/gw-menu-bgr.gif);background-position: 0 -155px;}
			.gw-menu-select-2 {background-image:url(Images/gw-menu-bgr.gif);background-position: -113px -155px;}
			.gw-menu-select-3 {background-image:url(Images/gw-menu-bgr.gif);background-position: -226px -155px;}
			.gw-menu-select-4 {background-image:url(Images/gw-menu-bgr.gif);background-position: -339px -155px;}
			.gw-menu-select-5 {background-image:url(Images/gw-menu-bgr.gif);background-position: -452px -155px;}
			
			#gw-menu-top ul li.gw-menu-1 a:hover {background-image:url(Images/gw-menu-bgr.gif);background-position: 0 -155px;}
			#gw-menu-top ul li.gw-menu-2 a:hover {background-image:url(Images/gw-menu-bgr.gif);background-position: -113px -155px;}
			#gw-menu-top ul li.gw-menu-3 a:hover {background-image:url(Images/gw-menu-bgr.gif);background-position: -226px -155px;}
			#gw-menu-top ul li.gw-menu-4 a:hover {background-image:url(Images/gw-menu-bgr.gif);background-position: -339px -155px;}
			#gw-menu-top ul li.gw-menu-5 a:hover {background-image:url(Images/gw-menu-bgr.gif);background-position: -452px -155px;}
/*OBI*/


/* Contenu */
	#TitreNews {
		/*
		border:1px solid #000;
		*/
		float:left;	
		font-size:14px;color:#537c00;
		padding:10px 5px 10px 0px; 
		clear:left;
	}
	#TitreNews h1{
		font-size:14px;color:#537c00;margin:0px 10px 5px 10px; 
	}
	#gw-content-block {
		/*
		background-image: url(Images/Content_.jpg);
		background-repeat: repeat-y;
		margin-top:-1px;
		*/
		overflow:hidden;
		width:760px;
		float:left;
	}
	#gw-content-top {
		/*
		border-top:1px solid #f0f0f0; 
		height:43px;
		*/
		background:url(Images/gw-content-top.gif) no-repeat top left;
		padding:0;
		margin:0;
	}
	#gw-content {
	/*
		background-image:  url(Images/ContentBgr_.jpg);
		background-repeat:no-repeat;
		border:1px solid #00f; 
	*/
		width:740px;
		padding:0px 20px 20px 0px;
		background-color:#e4e4e4;
		font-size:1.1em;
	}
		#gw-text {
	/*
			border-top:1px solid #537c00;
			background: url(Images/TextBgr_.jpg) no-repeat;
			*/
			overflow:hidden; /*Hack table IE*/
			background-color:#fff;
			min-height:320px;
			padding-bottom:20px;
			width:550px;
			padding-right:10px;
			font-size:1em;
			/*OBI*/
			-float:right; /*Hack IE6*/
			/*margin-left:180px;*/
			/*OBI*/
		}

			#gw-text a						{ color:#537c00;}
			#gw-text a:hover			{ color:#afc409;}
			
			#gw-text h1 {
				/*
				background-image:   url("../image/puce_Jaunecs_.gif");
				background-image:   url("../image/puce_titre.gif");
				background-repeat: no-repeat;
				font-size:120%/1.5em;
				*/
				font:210%/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#537c00;
				margin:20px 20px 10px 20px ;
			}
			#gw-text h2 {
				font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				font-size:1.7em;
				color:#537c00 ;
				margin:10px 20px 10px 20px ;
			}
			#gw-text h2 a {text-decoration:none;}
			#gw-text h3 {
				font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				font-size:1.5em;
				color:#afc409;
				margin:10px 20px 10px 20px ;
			}
			#gw-text p {
				margin:5px 10px 15px 10px ;
				margin-left:20px;
				margin-right:20px;
				font-size:1em;
			}
			
			#gw-text ul {
			  font-size:1em;
				margin:5px 20px 15px 20px ;
				margin:5px 20px 15px 20px ;
				list-style-position:outside;
			}
			
			#gw-text ul li {
			  font-size:0.9em;
				margin:0!important;
			}
			
			#gw-text ol {
			  font-size:1.1em;
				margin:5px 20px 15px 70px ;
				list-style-position:outside;
			}
			
			#gw-text ol li {
			  font-size:0.9em;
			}
			
			#gw-text p.picto {float:right; margin-top:-30px; padding:5px; border:1px solid #afc409}
			/* for FF */
			#gw-text table {
				border-collapse:collapse;
				margin-left:20px;
			  font-size:1em;
				/*width:90% !important;*/
			}
			
			#gw-text table th{
				text-align:left;
			  font-size:1.1em;
				color:#fff;
				padding:5px 2px;
				font-weight:bold;
				border-left:4px Solid #afc409;
				background:url(Images/gw-th-bgr.gif) repeat-x 50% ;
			}
			
			#gw-text table p{
			  font-size:1em;
				color:#fff;
				padding:0;
				margin:0;
			}
			
			/* for IE */
			#gw-text p table {
				margin-left:0px;
			  font-size:1em;
			
			}
			#gw-text p.Date {
				font-size:1em;
				margin:0px 10px 0px 10px ;
				font-style:italic;
				Padding-left:13px;
				Padding-right:13px;
				
			}
			#gw-text p.Top {
				font-size:1em;
				margin:0px 10px 0px 10px ;
				Padding-left:13px;
				Padding-right:13px;
				text-align:right;
			}
			#gw-text .gw-text-footer {font-size:.85em; clear:both;margin:20px 0 20px 20px; }
			#gw-text .gw-text-footer span.DateMAJ {float:left;font-style:italic;}
			#gw-text .gw-text-footer span.Top     {float:right;}
			#gw-text p.Top     									  {text-align:right;font-size:.85em; clear:both;margin:0px 0 30px 20px;}


			#gw-text ul {
				font-size:1.1em;
				padding-left:50px;
			}
			#gw-text ul li {
				margin:10px 5px;
			}
			#gw-text blockquote {
				margin: 20px 30px 20px 30px !important ;
				padding: 10px 20px 10px 32px;
				border: 1px solid #e0e0e0;
				background: #f6f6f6 url(Images/quote.gif) no-repeat 12px 12px;
				font-weight: bold;
				/*font-size: 17px;*/
				line-height: 1.5em;
				font-style: italic;
				font-family: Georgia, 'Times New Roman', Times, Serif;
				color: #555;
				-moz-border-radius: 5px; -webkit-border-radius: 5px; 
			}
			
			
/* DECHETS */

		#DechetsContainer{
			margin:20px 20px 10px 20px ;
			padding:0px; 
			height:auto; 
			text-align: left;
		}
		
			#DechetsContainer .Dechet {
				float:left;
				width:49%;
				min-height:180px;
				-height:180px;
			}
  
			#DechetsContainer .Dechet p {
				font-size:90%;
				float:right;
				width:140px;
			}
  
			#DechetsContainer .Dechet .picto {
			}
			#DechetsContainer .Dechet .picto:hover {
			}
			#DechetsContainer .Dechet .picto img {
				/*
				position:relative;
				top:10px;
				*/
				margin-top:10px;
				float:left;
				padding:5px;
				border:1px solid #537c00;
			}
			#DechetsContainer .Dechet .picto img:hover {
				background-color:#d8ed99;  /*d8ed99 afc409*/
			}
  
			#DechetsContainer .Dechet h2 {
				margin:0px;padding:0px;
			}

/* FAQ */ 

			#gw-faq-container {
				margin:20px 10px 10px 20px;
			}
				
				#gw-faq-container .gw-faq {
					margin:0 0 20px 0;
				}
				#gw-faq-container .gw-faq .gw-faq-question {
					margin:0 0 0 0;
					background:#537c00;
					/*afc409;
					border:1px solid #afc409;
					*/
				}
				#gw-faq-container .gw-faq .gw-faq-question:hover {
					background:#afc409;
					cursor:pointer;
				}
				
				#gw-faq-container .gw-faq .gw-faq-question:hover h2{
					color:#fff;
				}
				
				#gw-faq-container  .gw-faq .gw-faq-question h2 {
					margin:0;
					padding:0;
					padding:5px 20px;
					color:#fff;
					font-size:1.3em;
				}
				
				#gw-faq-container .gw-faq .gw-faq-select {
					background:#afc409;
				}
				
				#gw-faq-container .gw-faq .gw-faq-select h2 {
					color:#fff;
				}
				
				#gw-faq-container .gw-faq .gw-faq-select:hover h2 {
					color:#537c00;
				}
				
					#gw-faq-container .gw-faq-plus {
						float:left;
						position: relative;
						top:5px;
					}
				#gw-faq-container  .gw-faq .gw-faq-answer {
					margin:0 3px 20px 3px;
					padding:10px;
					background-color:#d8ed99;
					background-color:#f0f0f0;
					font-size:1em;
				}

			
/* NEWS */
			
		#News {
	/*
	border:1px solid #000;
	*/
			float:left;
			width:180px;
			padding:0 0 0 0;
			/*
			margin-top:35px;
			margin-left:20px;
			margin-bottom:15px;
			*/
		}
			#News h1 {
				font-size:1.4em;
				font-weight:bold;
				color:#f60;
				padding:5px 0px 20px 10px;
				background-image:url(../image/h1bgr_.jpg);
				background-repeat:no-repeat;
			}
			#News h1 a						{ color:#ff6600;}
			#News h1 a:hover			{ color:#66FF00;}
			#Newsold h1 {
				background-image:   url("../image/puce_griscs_.gif");
				background-repeat: no-repeat;
				font-size:1.4em;
				font-weight:bold;
				color:#000;
				margin:0px 10px 10px 0px ;
				Padding-top:5px;
				Padding-left:13px;
			}
			#News h2 {
				font-size:1.1em;
				color:#333;
				margin:10px 0 10px 0 ;
			}
			#News .Date {
				font-size:1em;
				font-weight:bold;
				margin:0px 0px 10px 10px ;
				color:#000;
			}
			#News .NewsTxt {
				font-size:1.1em;
				margin:10px 00px 5px 10px ;
				color:#000;
			}
			#News  .NewsTxt a{
				color:#003399;
				text-decoration:underline;
			}
			#News  .NewsTxt a:hover{
				text-decoration:underline;
				color:#ff6600;
			}
			#News .Plus {
				font-size:1.1em;
				margin:10px 10px 5px 10px ;
				color:#000;
				text-align:right;
			}
			#News  .Plus a{
				color:#003399;
				text-decoration:underline;
			}
			#News  .Plus a:hover{
				text-decoration:underline;
				color:#ff6600;
			}

/* Connexe */ 

	#connexe 							{ float:right; width:180px;  padding:0px 0px 5px 0px ; margin:10px 0px 10px 10px; }
		#connexe ul					{ 
			list-style: none;
			margin: 0px ;															/* Empèche les options de menu de dépasser la largeur */
			padding: 0px ;														/* Empèche les options de menu de dépasser la largeur */
			width:100%;	
		}
		
		#connexe ul li			{background-color:#989898;  }
		#connexe ul li a		{ display: block; padding:10px; color:#fff; background-image:url(../image/connexebgr_.jpg); background-repeat:no-repeat; border-right:10px solid #afc409; }
		.connexe-content		{ width:100%; margin:0px; padding:10px 0px; overflow:hidden;
			background-color:#fff;
		}
		
		/*with Jquery Accordion */
	#gw-connexe-block 			{ float:right; width:180px;  padding:0px 0px 0px 0px ; margin:20px 0px 10px 10px; 
														background-image: url(Images/gw-connexe-bgr.gif); 
														background-position:0px 20px ; 
														background-repeat:no-repeat;
	}
		#gw-connexe-block h2			{ outline: none;font-size:1.2em; background: url(Images/gw-connexe-header.gif) no-repeat; display: block; padding:20px 10px 10px 15px; color:#fff; border-right:10px solid #afc409; }
		#gw-connexe-block h2 a		{ color:#fff; text-decoration:none;outline: none;}

		#gw-connexe-block .connexe-content h2 				{	font-size:1.2em; color:#537c00; text-align:left; margin:2px 0px;margin:0px 0px 0px 0px ; padding:5px 0px 5px 10px;background:none; border:none;}
		#gw-connexe-block .connexe-content h3 				{	font-size:1.1em; color:#afc409; text-align:left; margin:2px 0px;margin:0px 0px 0px 0px ; padding:5px 0px 5px 10px;}
		#gw-connexe-block .connexe-content p 					{	font-size:1em; color:#333; text-align:left; margin:2px 0px;margin:0px 0px 0px 0px ; padding:2px 10px 2px 10px;}
			#gw-connexe-block .connexe-content p.right 	{ text-align:right; }
		
/* Navigation contextuelle*/

	#gw-breadcrumb 					{ margin:0px 20px 0px 40px; padding:0px 5px 0px 5px; text-align:left; clear:both;}
		#gw-breadcrumb p					{ font-size:1em; color:#666; margin:0px 0px 0px 0px;padding:15px 0px 15px 0px; }


/* Pied de page */
/*	#Footer 									{ border-top:1px solid #999; background:url(Images/footerbgr.jpg) repeat-x; height:20px; font-size:11px; width:770px; width:758px;margin-left: 6px; padding: 0px; text-align:right;	clear:both;	}*/
/*	#gw-footer-block					{ border-top:1px solid #9fd204; background:url(Images/FooterBgr_.jpg) repeat-x; height:47px; font-size:11px; text-align:center;	clear:both;	}*/
	#gw-footer-block					{  background:#f0f0f0 url(Images/FooterBgr_.jpg) repeat-x; height:35px; font-size:11px; text-align:center;	clear:both; 
																margin-top:-4px; /*IE Hack*/	}
		#gw-footer										{ width:960px; margin:0px auto;  	}
			#gw-footer p 								{ margin:0px; padding:0px; text-align:right; }
				#gw-footer p.GesWeb 					{ font-size:9px;float:right; padding:13px; text-align:right; color:#666;  }
				#gw-footer p.GesWeb a				{ color:#666; text-decoration:none; }
				#gw-footer p.GesWeb a:hover	{ color:#039; text-decoration:underline; }
				
				#gw-footer p.Adresse					{ float:left; padding:13px; text-align:left; color:#fff; background-color:#afc409; width:735px;}
				#gw-footer p.Adresse	a				{ color:#fff;}
				#gw-footer p.Adresse	a:hover	{ color:#666;}

	#gw-center-block, #gw-footer-block  { position:relative;}
* html #gw-center-block {
  height: 100%; /*IE6*/
}

#gw-footer-block  { 
  position: fixed; 
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
	}
	
	* html #navigation {
  position: absolute;
  width: 100%;/*IE5.5*/
  bottom: 0;
  left: 0;
  overflow: visible;
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

/* Custom */
	.top {text-align:right;font-size:.85em; clear:both;margin:10px 0 10px 20px;}	
	.flotant-gauche { float:left;margin-right:10px;}
	.flotant-droite { float:right;margin-left:10px;}
	.important			{color:red;font-weight:bold;}
	.effacer-gauche-droite { clear:both; }
	.legende-images			{ font-size:.85em; text-align:left; font-style:italic; font-weight:normal;}

/* Icons */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_ffffff_256x240.png);}
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }

/* Corner radius */
.gw-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.gw-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.gw-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.gw-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.gw-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.gw-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.gw-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.gw-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.gw-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }