body {
	background-image:url(plastik7.jpg);
	background-repeat:repeat;
	text-align:left;
}

a {
	font-size:15px;
}

a:visited {
	color:#7CF;
}

a:link {
	color:#36F;
}

a:hover {
	color:#0CF;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color:#184D8B;
	color:#FFFFFF;
}

#site {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#resultat {
	width:600px;
	height:450px;
	overflow:auto;
	margin:20px;
}

div {
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:0;
	vertical-align:middle;
}

ul {
	width:800px;
	margin: 5px 0px 5px 0px;
	list-style-type : none;
	padding:0px;
}

ul li {
	float:left;
}

ul li a {
	display : block;
	height: 30px;
	width: 265px;
	text-align:center;
	color:#FFFFFF;
	padding-top: 7px;
	margin-left: 1px
}

ul#menu li a:hover {
	background-position: bottom;
}

ul#menu2 li a:hover {
	background-position: bottom;
}

ul li span {
	display : block;
	height: 30px;
	width: 265px;
	text-align:center;
	color:#BBCCCC;
	padding-top: 7px;
	margin-left: 1px
}

ul#menu li a {
	background: url('./images/fondMenu.jpg') repeat-x top;
}

ul#menu li span {
	background: url('./images/fondMenu.jpg') repeat-x top;
}

ul#menu2 li a {
	background: url('./images/fondMenu2.jpg') repeat-x top;
}

ul#menu2 li span {
	background: url('./images/fondMenu2.jpg') repeat-x top;
}

.recherche {
	border: #547bda 1px solid;
	margin: 20px;
	margin-left:80px;
	padding: 20px;
	color:#547bda;
}

input {
	color: #547bda;
	background-color: #061238;
	border: solid 1px #547bda;
}

textarea {
	color: #547bda;
	background-color: #061238;
	border: solid 1px #547bda;
}

.articles {
	font-family:Arial, Helvetica, sans-serif;
	color:#CDDDE0;
	border:solid 1px #547bda;
}

.stylePrix {
	position:absolute;
	width:130px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#BFE0EE;
	border: solid thin #0099FF;
	text-align: right;
	vertical-align:middle;
	padding: 10px;
	display:block;
}

div.detail {
	position:absolute;
	width:auto;
	height:380px;
	background-color:#FFFFFF;
	border: 1px solid;
	text-align: center;
	padding: 10px;
	display:block;
	z-index:150;
}

h1.detail {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#184D8B;
	color:#FFFFFF;
	font-size:large;
}

.masqueDetail {
	display:none;
	visibility:hidden;
	height:0px;
}

.prixDetail {
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	text-align:right;
}

.titreConfig {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color:#184D8B;
	color:#FFF;
}

.config {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#DBE8EA;
	border:dotted thin #000066;
	height:580px;
}

.config:hover {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#BFE0EE;
	border: solid thin #0099FF;
	text-decoration:underline;
	cursor:pointer;
}

.colArticles {
	color:#547bda;
	text-decoration:underline;
	font-size:16px;
}

.lgArticles {
	font-size:14px;
	vertical-align:middle;
}

.lgArticlesHover {
	font-size:14px;
	background:#547bda;
}

.lgArticles a {
	color:#FFF;
}
.lgArticlesHover a {
	color:#FFF;
}

.titreRecherche {
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	vertical-align:top;
	font-size:16px;
	color:#547bda;
	text-decoration:underline
}

.libelle {  font-family: Arial, Helvetica, sans-serif}
.resultat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.masque { visibility:hidden }

.marque {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	vertical-align:baseline;
	text-align: left;
	color:#FFFFFF;
}

.marqueHover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#0CF;
	cursor:pointer;
}

.commentaire {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

.boiteMessage {
	position:absolute;
	left:650px;
	top:344px;
	width:500px;
	height:238px;
	z-index:121;
	color:#FFF;
	visibility:visible;
	vertical-align:top;
}
