/*****************************************************************************************
									Informations generales									
Auteur : Gregoire Berclaz / Groupe Internet / Ville de Sion
Date : 04.07.2008
Description : Ce present document est la mise en page global du site de la maison de la nature

*****************************************************************************************/
	html, body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #666666;
		margin: 0px;
		padding: 0px;
		font-size: 88%;
		height: 100%;
	}
	
	body #conteneur-principal {
		position: relative;
		width: 955px;
		margin-right: auto;
		margin-left: auto;
		
		height: auto ! Important;
		height: 98%;
		min-height: 98%;
		
		padding-bottom: 10px;
		background-color: #FFFFFF;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-bottom-color: #000000;
	}
	
	body #conteneur-principal #conteneur-head {
		display: block;
		height: 168px;
		
		background-image: url(/images/bgheader-hivers.jpg);
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	
	body #conteneur-principal #conteneur-ctn {
		margin-left: 212px;
		margin-right: 240px;
		margin-top: 4px;
		text-align: left;
	}
	
	body #conteneur-principal #conteneur-gauche {
		display: inline-table;
		float: left;
		margin-top: -168px;
		width: 200px;
		
		background-image: url(/images/bg-conteneur-gauche-hivers.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
	}
	
	body #conteneur-principal #conteneur-droite {
		float: right;
		width: 220px;
		margin-right: 4px;
		margin-top: 4px;
	}
	
	body #conteneur-principal #conteneur-footer {
		clear: both;
	}
	body #conteneur-principal #conteneur-ctn strong {
		font-weight: normal;
	}

/*****************************************************************************************
										Commentaire									
Auteur : Gregoire Berclaz / Ville de Sion / Groupe Internet
Date : 02.01.2008
Description : Les balises suivantes concernent soit l'en-tete soit le copyright.

*****************************************************************************************/
	
	#drp-sion {
		position: absolute;
		width: 26px;
		height: 30px;
		top: 6px;
		right: 8px;
		border: 0px;
	}
	#logo-titre-site {
		position: absolute;
		width: 440px;
		height: 34px;
		top: 4px;
		left: 10px;
		border: 0px;
	}
	#image-logo-site {
		width: 200px;
		height: 39px;
		background-image: url(/images/titre-part1-hivers.gif);
		background-repeat: no-repeat;
	}
	#liens-divers {
		display: none;
	}
	#copyright {
		font-size: 90%;
	}
	
	a.pdf {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: left;
		background-image: url(http://noyau-www.sion.ch/images/pdf16x16.gif);
	}
	a.doc, a.odt {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: left;
		background-image: url(http://noyau-www.sion.ch/images/doc16x16.gif);
	}
	a.xls, a.ods {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: left;
		background-image: url(http://noyau-www.sion.ch/images/xls16x16.gif);
	}
	a.gif, a.jpg, a.jpeg {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: left;
		background-image: url(http://noyau-www.sion.ch/images/img16x16.gif);
	}
	span.poidsfichier {
		font-size: 80%;
	}
	/*****************************************************************************************
										Commentaire									
Auteur : Gregoire Berclaz / Ville de Sion / Groupe Internet
Date : 10.08.2009
Description : Les balises suivantes concernent les miniContainer.

*****************************************************************************************/
	div.miniContainer {
		position: relative;
		margin-bottom: 14px;
		border-color: #517B86;
		background-color: #D9E6FF;
		border-style: solid;
		border-width: 1px;
		padding: 5px;
	}
	div.miniContainer img.logoMiniContainer {
		position: absolute;
		top: -8px;
		right: -5px;
	}
	div.miniContainer div.titreMiniContainer {
		/* font-size:110%; */
		font-weight: bold;
		color: #333333;
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		border-color: #517B86;
	}
	div.miniContainer div.titreMiniContainer img {
		margin-right: 5px;
	}
	div.miniContainer .contenuMiniContainer {
		margin: 0px;
		overflow: auto;
		height: 180px;
		padding: 4px 4px 0px 4px;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
	}
	div.miniContainer .contenuMiniContainer .date{
		display: block;
		font-size: 90%;
	}
	div.miniContainer .contenuMiniContainer li {
		margin: 5px 0px 10px 4px;
	}
	div.miniContainer .contenuMiniContainer li a {
		text-decoration: none;
		font-size: 90%;
		color: #2F82AC;
	}
	div.miniContainer .contenuMiniContainer li a:hover {
		text-decoration: underline;
	}
	div.miniContainer div.footerMiniContainer {
		text-align: right;
		font-size: 90%;
		text-align: right;
	}
	div.miniContainer div.footerMiniContainer a{
		color: #2F82AC;
	}
	div.miniContainer div.footerMiniContainer a:hover {
		text-decoration: underline;
	}
	div.miniContainer a.rssMiniContainer {
		position: absolute;
		top: 4px;
		right: 4px;
	}
	div.miniContainer a.rssMiniContainer img {
		border: 0px;
	}
	
	div.miniContainer ul.contenuMiniContainer {
		margin-left: 0px;
	}
	
	div.miniContainer ul.contenuMiniContainer li.pdf {
		
	}
	/*******************************************************************/
	div.containerActu {
		margin-top: 10px;
	}
	div.containerThemeDuMois {
		height: 70px;
	}
	div.containerThemeDuMois .contenuMiniContainer {
		height: 40px;
	}
	div.containerThemeDuMois .contenuMiniContainer .date{
		display: none;
		font-size: 90%;
	}