body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;   /* ie 9 point */
	text-align:left;
	color:#336600;
	line-height:1.3;
	background: white;
	}
P{
	font-size: 100%;	
	margin:0px;
	padding:0px;
	ie 9 point
	}

blockquote.spip {font-size: 111%; /* ie 10 point */
	margin:10px 0px 10px 12px; 
	border: none;
	}
.cen{text-align:center;
	}
.fixed-small{font-size: 8pt;
	}
.fixed-base{font-size: 8pt;
	text-align:right;
	}
.fixed-caption{font-size: 8pt;
	font-style:italic;
	}
.fixed-vsmall{font-size: 7pt;
	}
.green {color:#336600;
	}
.headlines{
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	width:130px;
	margin:10px 0px 10px 0px;
	}
	/* Non visible a l'ecran */
hr.spip{width:50%; text-align:left;}	
.invisible { display: none;}
.large{font-size: 111%; /* ie 10 point */
	}
.news-author{
	margin: 12px 0px 20px 0px;
	font-weight:bold;
	font-size: 88%;
	}

.news{font-size: 111%; /* ie 10 point */
	margin:10px 0px;
	}
.news-intro{font-size: 122%; /* ie 12 point */
	line-height:1.3;
	}
.news-quote{font-size: 111%; /* ie 10 point */
	margin:10px 0px 10px 12px;
	}


.menu{font-size:8pt;
	}
.menuhead{
	font-size:8pt;
	font-weight:bold;
	color:	#000000;
	margin:10px 0px 5px 0px;
	}
.menuhoriz{
	font-size:8pt;
	font-weight:bold;
	color:	#000000;
	margin:0px 0px 5px 8px;
	}
p.email {
	margin:10px 0px 10px 0px;
	font-size: 88%;
	}
p.preview{margin:10px 5px 10px 5px;}
.products{font-size:88%;
	color:#CC6600;
	}
.right{text-align:right;
	}
.small{font-size: 88%; /* ie 8 point  */
	}
.spip{font-size: 100%; /* ie 9 point */
	margin:10px 0px;
	}
.vsmall{font-size: 77%; /* ie 7 point  */
	}


/* headings -----------------------------------------------*/
H1{	font-size:144%;
	font-weight:bold;
	color:#000000;
	margin:0px;
	padding:0px;
	}
H1.titre{padding:5px;	
	font-size:100%;
	}	
H2{	font-size:122%;
	font-weight:bold;
	color:#000000;
	margin:10px 0px 0px 0px;
	padding:0px;
	}
H3{	font-size:100%;
	font-weight:bold;
	color:#000000;
	margin:5px 0px 0px 0px;
	padding:0px;
	}
h3.officialmedia{
	font-size:9pt;
	text-align:center;
	}
/* images -----------------------------------------------*/

img {
	border: 0px red solid;}
}
/* lists -----------------------------------------------*/
UL  {	margin: 0px;
	padding: 0em 0em 0em 1.2em;
	list-style-image:url(/images/menu-bullet.gif);
	}
UL.allprods  {	margin: 0px;
		padding: 0em 0em 0em 1.2em;
		list-style-image:url(/images/menu-bullet2.gif);
	}
LI  {	margin: 0px;
	padding: 0;}
LI.spip{margin: 0px 0px 0px 20px;
	}
OL.spip  {  padding:0px 0px 0px 20px;
	}

#listsubscribe li{
	margin:10px 5px 0px 0px;
	}	
	


/* links -----------------------------------------------*/	
A {text-decoration:none;
	color:#CC6600;
	}
A:hover{
	color:#336600;
	text-decoration: underline;
	}
A.menulink {
	color:#336600;
	}
A.menulink-news {
	color:#336600;
	font-weight:bold;
	}
A.h1link, A.h2link {
	color:#000000;
	}
	
/* forms -----------------------------------------------*/	
.checkbox{
	width:20px;
	}
legend
	{
	color: #fff;
	background: #336600;
	border: 1px solid #781351;
	padding: 2px 6px
}
fieldset {
		background-color: #fff;
		
		margin: 0px 150px 20px 150px;
}
form{
	margin:0px; 
	padding:0px;
	}
form.search{text-align:left;
	margin:3px 0px 0px 0px;


	}
.formulaire_spip .forml {
	width: 128px; /* was 99% */
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

input.email{
	width:160px;
	}

input.search{
	width:125px;
	border:1px;
	}
input.small{
		width:100px;
		border:1px inset;
		font-size: 88%; /* ie 8 point  */
	}
input.search2{
	width:70px;
	margin:3px 0px 2px 0px;
height:22px;
	}
input.subscribe{border:1px #000 solid;font-size:100%;}
.subsbutton{border:1px #000 solid;background-color:#fff;margin:5px 5px 5px 0px;}
/*.subscheck{border:0px #f00 solid;background-color:#f00;}NOT USED BECAUSE IR DEFAULT BEHAVIOUR IS BETTER*/


/* tables----------------------------------------------- */
table.spip {
	margin: auto;
	margin-bottom: 2em;
	border: 0px solid ;

	font-size:100%;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; 
	}
table.spip tr.row_first { background-color: #eee; }
table.spip tr.row_odd { background-color: #f5f5f5; }
table.spip tr.row_even { background-color: #fff; }
table.spip th, table.spip td { padding: 3px 8px 3px 8px; border: 3px solid #fff; text-align: left; vertical-align: top; }
table.subscribe td {font-size:88%;	
	border: 0px solid #f00;
	border-collapse: collapse;}
	
/* divisions----------------------------------------------- */


#banner {
	background:#fff;
	position: relative;
	top:0px; left:0px;
	height:90px;
	width:910px;
	margin:0px;padding:0px;
	text-align:left;
	}
#banner-rule {
	background:#fff;
	position: relative;
	top:0px; left:0px;
	width:910px;
	margin:0px;padding:0px;
	text-align:left;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#336600;
	}
#base{
	background-color:#fff;
	position: relative;
	background-image:url(/images/natural-choices-media-base.gif);
	background-repeat:no-repeat;
	height:65px;
	width:910px;
	text-align:right;
	}
.clearer{clear:both}
#leadpic{
	float:left;
	width:100px;
	padding:5px 10px 5px 0px;
	}
#leadpic-news{
	float:left;
	
	padding:5px 10px 5px 0px;
	}

#menu{
	background-color:#fff;
	float:left;
	position: relative;
	width:140px;
	margin:5px;
	}
#main-content {
	background:#fff;
	margin:0px;
	text-align:left;
	}
#main-text-container {
	background:#fff;
	position: relative;
	top:0px; left:0px;
	float:left;
	width:750px;
	margin:0px;
	text-align:left;
	border: 0px green solid;
	}

#nobanner {
	background:#fff;
	position: relative;
	top:0px; left:0px;
	height:20px;
	width:910px;
	margin:0px;padding:0px;
	text-align:left;
	}
#rightcol{
	background-color:#fff;
	float:right;
	position: relative;
	top:0px; left:0px;
	text-align:right;
	width:150px;
	padding:0px 8px 5px 0px;
	}
#rightcol-news{
	background-color:#fff;
	float:right;
	position: relative;
	top:0px; left:0px;
	text-align:left;
	width:310px;
	padding:0px 8px 5px 0px;
	}
#subscriptions{
	background-color:#fff;
	position: relative;
	border-width:2px 0px 2px 0px;
	border-style:solid;
	border-color:#336600;
	}
#subs-left{
	float:left;
	width:215px;
	background:#cccfff;
	margin:10px 0px 0px 152px;
	padding:0px 0px 0px 0px;
	}
#subs-right{
	float:right;
	width:215px;
	background:#fffccc;
	margin:10px 150px 0px 0px;
	padding:0px;
	}
.text-left{
	float:left;
	width:280px;
	background:#fff;
	margin:10px 0px 0px 0px;
	}
#text-news {
	background:#fff;
	position: relative;
	float:left;
	width:550px;
	margin:0px;
	padding:5px 0px 5px 8px;
	text-align:left;
	border:0px blue solid;
}
#text-news-list {
	background:#fff;
	position: relative;
	float:left;
	width:742px;
	margin:0px;
	padding:5px 0px 5px 8px;
	text-align:left;
}
.text-right{
	float:right;
	width:280px;
	background:#fff;
	margin:10px 0px 0px 0px;
	}
#text-top {
	background:#fff;
	position: relative;
	float:right;
	width:585px;
	margin:0px;
	padding:0px 10px 0px 0px;
	text-align:left;
}
#title {
	background:#fff;
	background-image:url(/images/natural-choices-head.gif);
	background-repeat:no-repeat;
	position: relative;
	top:0px; left:0px;
	height:67px;
	margin:0px;
	padding:0px 8px 0px 8px;
	text-align:right;
}
#wrap {
	background-color:#ccc;
	position:relative; 
	top:0px;
	width:910px;
	margin:0px  auto;
	/* padding:2px; this is the old way of doing 
	the border which doesn't work in IE*/
	border: 2px solid #ccc;/*this is IE proof border*/
	}