/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	background-color: #000000;
	line-height: 16px;
}

a:link { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #93853A;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #93853A;
	}
a:hover { 
	text-decoration: underline; 
	color: #000000;
	}
	
H1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	font-size: 12px;
	color: #9E9564;
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

HR {
	color: #FFFFFF;
	line-height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}

#Cell1 {
	padding-left: 10px;
	background-color: #E3E1D3;
} 

#container {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 50px; WIDTH: 100%; MARGIN-RIGHT: auto; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}

.content {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 5px;
	COLOR: #333333;
	PADDING-TOP: 15px;
	BACKGROUND-COLOR: #ffffff;
	text-align: left;
}

.content P {
	FONT-WEIGHT: normal; MARGIN-BOTTOM: 10px; COLOR: #333333; TEXT-ALIGN: left
}
.content BLOCKQUOTE {
	LINE-HEIGHT: 150%
}
.content LI {
	LINE-HEIGHT: 150%
}
.content H2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: #f3f3e1; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; COLOR: #333333; PADDING-TOP: 3px; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: 'Trebuchet MS', Verdana, sans-serif; TEXT-ALIGN: left
}
.content H3 {
	FONT-WEIGHT: bold; FONT-SIZE: large; MARGIN-BOTTOM: 10px; COLOR: #000000; FONT-FAMILY: 'Trebuchet MS', Verdana, sans-serif; TEXT-ALIGN: left
}
.content P.posted {
	CLEAR: both; PADDING-RIGHT: 3px; BORDER-TOP: #999999 1px dotted; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: 10px; BACKGROUND: #f3f3e1; MARGIN-BOTTOM: 25px; PADDING-BOTTOM: 3px; COLOR: #999999; LINE-HEIGHT: normal; PADDING-TOP: 3px; FONT-FAMILY: Verdana, sans-serif; TEXT-ALIGN: right
}
.content P.posted A {
	TEXT-DECORATION: none
}

#Cell2 {
	padding-left: 10px;
	background-color: #F9F9F6;
} 

p {
	margin: 0 0 0px;
}

strong {
	color: #000000;
}

sup {
	margin: 0 0 0px;
	line-height: -2em;
	font-size: 10px;
}
.champs {
	color: #333333;
	background-color: #F9F9F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.titre {
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}
#separateur {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC00;
	display: block;
	margin-bottom: 10px;
}
#Contour {
	display: block;
	margin: 2px;
	border: 1px dotted #000000;
	text-align: center;
	padding: 5px;
	background-color: #E3E1D3;
}

#Contour2 {
	display: block;
	margin: 2px;
	border: 1px dotted #000000;
	padding: 5px;
	background-color: #E3E1D3;
}
#ProdDroite {
	background-image: url(../images/prod-bullet.jpg);
	padding-left: 20px;
}