/**
 *	CSS pour Aspirateurs
 *	Didier.Ciochetto.free.fr
 */

html
{
	background-color: #00693F;
	text-align: justify;
	font-family: Georgia, Arial, sans-serif;
}

body
{
	background-color:white;
	margin: 50px 10%;
	padding: 80px 3% 5% 220px;
	background: white url('images/fond-haut.png') repeat-x;
}

h1
{
	font-size: 1.5em;
}
h2
{
	font-size: 1.2em;
}

a
{
	color: #003399;
	_zoom: 1;
	/* Sacré IE! :D */
}


a img
{
	border: none;
}


/* Présentation générale */

.centre
{
	text-align: center;
}

iframe
{
	max-width: 100%;
}


p.chapo
{
	font-style: italic;
	font-size: 1.05em;
	color: #274;
}

.aspirateur
{
	float: right;
	margin-left: 10px;
}

p.haut
{
	position: absolute;
	top: 2px;
	left: 10%;
	margin: 0;
	padding: 0;
	z-index: 2;
}

div.hd
{
	position: absolute;
	top: 10px;
	right: 10%;
	background: url('images/coin-hd.png');
	width: 89px;
	height: 63px;
	margin-top: 41px;
}

div.bas
{
	position: absolute;
	left: 0;
	width: 80%;
	margin: 0 10%;
	height: 109px;
	background: url('images/fond-bas.png') repeat-x bottom;
	_display: none;
	/* Pour cacher dans tous les IE sauf le 7... :-/ */
}


div.bg
{
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('images/coin-bg.png');
	width: 109px;
	height: 109px;
}

div.bd
{
	position: absolute;
	bottom: 0;
	right: 0;
	background: url('images/coin-bd.png');
	width: 100px;
	height: 109px;
}

div.rect
{
	position: absolute;
	top: 3px;
	right: 15%;
	background: url('images/rectangle.png');
	width: 331px;
	height: 37px;
	padding: 4px 10px;
	text-align: center;
	color: #274;
	font-weight: bold;
}
div.rect a
{
	color: #274;
}


ul.menu
{
	position: absolute;
	top: 150px;
	left: 10%;
	list-style-image: url('images/p1.png');
	font-size: 14pt;
	height: 1%;
}
body > ul.menu
{
	position: fixed;
}
ul.menu li
{
	margin-top: 10px;
}
ul.menu li a:hover
{
	background-color: #adb;
}