* {/*reset d'un certain nombre de styles css par defaut*/
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

body{
/*	height: 100%;*/
	width: 99%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: 160%;/*Opéra gère mal les hauteurs de lignes en EM*/
	color: #036;
	background: #808284;
	text-align:center;
}

#page {
	width:720px;
	/*height: 100%;*/
	text-align:center;
	margin:10px auto;
	background: #fff;
}

#accessibility{visibility: hidden; display: none;}
#banner{ text-align: left; height: 161px;
}
#banner h1{ display: none;}
#logo{ float: left;}
#slogan{
	position: relative;
	top: 40px;
	left: 10px;
	width: 500px;float: left;	
}
#banner h2{ 
	color: #ccc;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 160%;
}
#ligne2{ 
	margin-left: 20px;
	font-weight: bold;
}
#ligne3{ 
	margin-left: 10px;
	font-weight: bold;
}
#banner h2 b, #ligne2 b, #ligne3 b{ 
	color: #808284;
	font-size: 1.3em;
	font-weight: bold;
}
#entete{
	width: 709px;/* border: solid 1px #c00;*/
	background: #ccc url('../images/fond-entete.jpg') top left repeat;
	height: 31px;
	text-align: left;
	color: #fff;
	font-size: 2em;
	padding-top: 14px;
	padding-left: 11px;
}
#entete a{
	color: #fff;
}
#entete a:hover{
	color: #808284;
}
#conteneur{0;
	text-align: left;
}
#gauche{
	text-align: left;
	margin: 10px;
	width: 195px;
}
#menu{
	position: relative;
	left: 0;
	text-align: left;
	width: 190px;
	margin: 10px 0;
}
#menu li{ text-indent: 10px;font-size: 1.3em; background: #069; margin-top: 2px; list-style: none;width: 190px;}
#menu li.select{ background: #808284; margin-top: 2px; text-indent: 30px;}
#menu a, #menu a:visited, #menu a:active{color: #fff; text-decoration: none;font-weight: bold;}
#menu a:hover{color: #ccc;}
/*#menu li ul{ background: #fff;}*/
#menu li li{ text-indent: 15px;font-size: 1em; background: #069; margin-top: 1px; list-style: none;width: 190px;font-weight: normal;}
#menu li li a, #menu li li a:visited{ font-weight: normal;}
#menu li li.select, #menu li li.select a, #menu li li.select a:visited{ background: #808284; text-indent: 25px; font-weight: normal;}
#contact{
margin-left: 15px; width: 170px;
}
#contact strong{
	font-weight: bold;font-size: 1.1em;
}
#contents{margin-top: -315px;margin-left: 10px;padding: 0;
position: relative;left: 200px;width: 500px; }
#text h1{ color: #a0c6e9;font-weight: bold;font-size: 2em;}
#text h2{ font-weight: bold; text-align: left;margin: 7px;font-size: 1.3em;}
#text{
	font-size: 1.2em;
	text-align:left;
	width: 480px;
}
#text p{padding: 3px 0;}
#text span.souligne{text-decoration: underline;}
#text strong{font-weight: bold;}
#text em{font-style: italic;}
#text img.marge{margin:0 10px 10px 0;}


table.produit{
	border: 1px #000 solid;
	width: 400px;
}
table.produit td{
	padding: 0 1px;
}
table.produit tr td.designation{
	width: 97px;
}
table.produit tr td.couleur{
	width: 61px;
}
table.produit tr td.hauteur{
	width: 46px;
}
table.produit tr td.largeur{
	width: 43px;
}
table.produit tr td.dim{
	width: 46px;
}
table.produit tr td.description,table.produit tr td.serrure{
	width: 132px;
}
table.produit tr td.cond{
	width: 34px;
}
table.produit tr.row_first td {
 	background-color: #c1c1c1;
	font-weight: bold;
	border-bottom: 1px #000 solid;
}

table.produit tr.row_odd  {
	background-color: #a4c0d9;
}

table.produit tr.row_even  {
	background-color: #fff;
}
table.produit tr.row_even td.ref {
	background-color: #c1c1c1;
	width: 71px;
}

input, textarea{
	border: 1px solid #a4c0d9;

}
.bold{
	font-weight: bold;
}

#bas{
	background:#ccc;
	color: #fff;
	padding:5px;
	margin-top:5px;
}
#bas a:link, #bas a:active, #bas a:visited, #bas a:hover{color:#fff;}