/* SITE www.venoge-sante-nature.ch par inforweb.ch */
/* TAGs section         ------------------------------ */
* {
	margin:0;
	padding:0;
}	/* Vire les marges et paddings par défaut des navigateurs */
a img {
	border:none;
}
body {
	background-color: #333333;
	font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* 75% pour que 1em soit équivalent à 12px sur les navigateurs en taille moyenne */
	line-height: 1.25;
	color:#333333;
	padding-bottom: 20px;
}
p { padding: 5px 0; }

/*GABARI*/
#main {
	width: 755px;	/* taille avec border et margin 757px */
	margin:10px auto;		/* margin:auto pour centrer 8dad1c*/
	background-color:#e2f0de;
	border:25px solid #8dad1c;
}
#main2 {
	width: 755px;	/* taille avec border et margin 757px */
	margin:0 auto;		/* margin:auto pour centrer 8dad1c*/
	border:1px solid #000000;
}
/*TOP & NAV*/
#top {
	position: relative;
	width:749px; /* taille avec border et margin 755px */
	margin:2px auto;
	background-color:#8dad1c; /*8dad1c*/
	border:1px solid #FFFFFF;
}
#top img {
	width:575px; /* taille avec border et margin 755px */
}
#top #logo {
	position: absolute;
	right: 0px; top: 0px;
	width: 174px;
}
#top h1 {
	width:739px; /* taille sans padding 749px - 10px padding */
	font-size: 1em;
	color: #FFFFFF;
	line-height: 22px;
	padding: 0 5px;
	background:#8dad1c url(../images/topH1Bg.jpg) repeat-x;
	border-bottom:1px solid #FFFFFF;
}
/* NAV */
#top ul {
	width:739px; /* taille sans padding 749px - 10px padding */
	font-size: 1em;
	color: #FFFFFF;
	line-height: 34px;
	padding: 0 5px;
	background:#8dad1c url(../images/topNavBg.jpg) repeat-x;
	border-top:1px solid #FFFFFF;
}
#top ul li {
	display: inline; 
	list-style-type: none ;
}
#top ul li a {
	  padding: 0 3px 0 12px;
	  color: #FFFFFF; 
	  text-decoration: none;
}

#top ul li a:hover {
	  color: #003300;
}
#top ul li.on a {
	  color: #CCFF00;
}
/*CONTENT*/
#content {
	float: left; position: relative; 
	width:749px; /* taille avec border et margin 755px */
	margin: 3px 3px 5px 3px;
	background:#e2f0de url(../images/contentBg.gif) top left;
}
/* Colonne 1 LEFT */
		#content #colLEFT { 
			float: left;
			width:103px; /* largeur totale 115px*/
			padding: 5px 6px 5px 6px;
			text-align: right;
			font-size: 1em;
			color: #003300;
		}
			#content #colLEFT h3 { 
				font-size: 1.1em;
				overflow: hidden;
			}
			#content #colLEFT h4 { 
				font-size: 1.1em;
				overflow: hidden;
				text-align: left;
			}
			#content #colLEFT p { 
				overflow: hidden;
				padding: 5px 0;
			}
			#content #colLEFT p.last { /* pour pousser le panier en bas */
				padding-bottom: 150px;
			}
				#content #colLEFTbot { 
					position: absolute;
					left: 6px; bottom: 0px;
					width: 103px; /* reprendre width de #content #colLEFT */
				}
				#content #colLEFT #colLEFTbot img.bot { 
					position: relative;
					left: -20px;
				}
/* Colonne 2 MILIEU*/
		#content #colCONTENT {
			float: left;
			width:450px; /* largeur totale 480px*/
			padding: 5px 15px 0;
			text-align: justify;
			font-size: 1em;
			color: #003300;
		}
		#content #colCONTENT h2 {
			padding-bottom : 8px;
			}
		
/* Colonne 3 RIGHT*/
		#content #colRIGHT {
			float: left;
			width:138px; /* largeur totale 154px*/
			padding: 5px 8px;
			text-align: left;
			font-size: 1em;
			color: #FFFFFF;
		}
			#content #colRIGHT h3 { 
				font-size: 1.1em;
				overflow: hidden;
			}
			#content #colRIGHT h4 { 
				font-size: 1.1em;
				overflow: hidden;
				text-align: left;
			}
			#content #colRIGHT p { 
				overflow: hidden;
				padding: 5px 0;
			}
			#content #colRIGHT p.last { /* pour pousser le panier en bas */
				padding-bottom: 300px;
			}
				#content #colRIGHTbot { 
					position: absolute;
					right: 6px; bottom: 7px;
					width: 140px; /* reprendre environ width de #content #colRIGHT */
				}
				#content #colRIGHT #colRIGHTbot img.bot { 
				}
				#content #colRIGHTbot #webmaster { 
					color: #330000;
					font-size: 0.8em;
				}

/*FOOTER pour le clear both*/
#footer {
	clear: both; 
}
/*ADRESSE uniquement visible lors de l'impression */
#adresse-print { display:none; }

/* -- accessibilité sans feuille de style -------------------------------------------------------------*/
		.noDisplay {
			display: none;
		}