

body{
background:url(headerbg.gif) repeat-x #000000 bottom left fixed;
margin:0;
font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; 
}

A:link{ color:#CCCCFF; text-decoration:none; }
A:hover{ color:#FFFFFF; text-decoration:underline; }
A:active{ color:#CCCCFF; text-decoration:none; }
A:active:hover{ color:#FFFFFF; text-decoration:underline; }
A:visited{ color:#CCCCFF; text-decoration:none; }
A:visited:hover{ color:#FFFFFF; text-decoration:underline; }

#wrap{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	background:transparent;
	border:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

#navcontainer{
	background:transparent;
	width:172px;
	height:406px;
	position:absolute;
	margin-top:20px;
	margin-left:500px;
}

 #navlist li{
	background:transparent;
	list-style-type: none;
	text-align:left;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:0px;
	color:#B7BCD4;
	width:150px;
}

#navlist li a:link {
	color: #B7BCD4;
	text-decoration:none;
}
#navlist li a:visited {
	color: #B7BCD4;
	text-decoration:none;
}
#navlist li a:hover {color: #FFFFFF; text-decoration:none; }

h3{
	font-size:16px;
	font-weight:bold;
	color:#CCCCCC;
	letter-spacing:-1px;
	font-style:normal;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

h4{
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
	letter-spacing:-1px;
	font-style:normal;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#container{
width:500px;
margin0px;
background:url(bg.png) transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bg.png') function setpng(img) ;
/*filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;*/
}

#content{
	width:450px;
	padding-bottom:30px;
	text-align:justify;
	font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: top;
}

.footer{
padding:9px;
text-align:right;
text-transform:uppercase;
font: 8pt/18pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#333333;
}

#title{
	text-align:right;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#333333;
	background-color: #AAAAAA;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 9px;
	vertical-align: middle;
	height: auto;
	width: auto;
}


.pullquote {
	color:green;
	width:100px;
	float:right;
	width:150px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:5px;
	font-family:'Lucida Grande', Helvetica, sans-serif;
	font-size: 14px;
	line-height:13px;
	letter-spacing:-1px;
	text-align: right;
	color:#999999;
	padding-top: 10px;
	padding-left: 20px;
	white-space: normal;
	height: auto;
}

.pullquote2 {
	color:green;
	width:100px;
	float:right;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:5px;
	font-family:'Lucida Grande', Helvetica, sans-serif;
	font-size: 14px;
	line-height:13px;
	letter-spacing:-1px;
	text-align: right;
	color:#B7BCD4;
	padding-top: 10px;
	padding-left: 20px;
	white-space: normal;
}

#content {position:relative;} 

<script type="text/javascript">
// Correctif de l'affichage des images PNG dans IE5.5 et IE6 (transparent pour les autres navigateurs).
// V1.1 par Brice de Villeneuve, http://www.boursica.com/
// Licence : freeware, librement utilisable du moment que vous laissez ces commentaires dans votre source.
// Mettre ce script dans le head et dans les balises IMG ajouter simplement : onload='setpng(this)'
// Si l'image n'est pas visible (display:none par exemple), appeler la fonction juste après l'affichage de l'image
// dans un javascript avec, par exemple, un setpng(document.getElementById('idDeMonImage');
function setpng(img) { if(document.all && (IEver=parseFloat(navigator.appVersion.split("MSIE")[1])) && (IEver>=5.5) && (IEver<7) && document.body.filters && img) {
	imgName=img.src.toUpperCase();
	if(imgName.substring(imgName.length-3,imgName.length)=="PNG") img.outerHTML=
		"<span "+(img.id?"id='"+img.id+"' ":"")+(img.className?"class='"+img.className+"' ":"")+(img.title?"title=\""+img.title+"\" ":"")
		+"style=\"width:"+img.width+"px;height:"+img.height+"px;"+(img.align=="left"?"float:left;":(img.align=="right"?"float:right;":""))
		+(img.parentElement.href?"cursor:hand;":"")+"display:inline-block;"+img.style.cssText+";"
		+"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img.src+"',sizingMethod='scale');\"></span>";
}}
</script>
