@charset "UTF-8";
/* CSS Document */

/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalise les tailles de police pour les en-têtes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Supprime list-style pour les listes */
ul, ol
{ list-style: none; }

/* Normalise les styles et graisses de fontes: font-style et font-weight sont "normal" */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Supprime les bordures dans les tableaux */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img
{ border: 0; }

/* Aligne le texte à gauche dans caption et th */
caption, th
{ text-align: left; }

/* Supprime les apostrophes doubles (guillemets anglais) autour de q */
q: before, q: after
{ content: ''; }

html { 
text-align: center; 
	background-image:url(patchwork.jpg);
	background-repeat:repeat-x;
	background-attachment:scroll;
}

/* CSS issu des tutoriels http://css.alsacreations.com */
body { 
padding-top: 30px;
position: relative;
width: 890px;
margin: 15px auto;
background: black;
font: 80% verdana, arial, sans-serif;
text-align: left; }

/* Image colonne gauche*/
div#content_left { 
position: absolute;
left: 0;
height: 620px;
width: 310px;
background-color:#000;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: absolute;
	top: 30px;
	height: 70px;
	left: 310px;
	z-index: 1;
	width: 580px;
	background-color: black;
}
#menu dl {
float: left;
width: 8.5em;
margin: 10px 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
background: black;
border: 1px solid black;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: black;
}
#menu li a, #menu dt a {
color: #D5C42E;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#content {
	position: absolute;
	top: 100px;
	left: 310px;
	height: 550px;
	width: 580px;
	background : transparent url(fond_jaunenew.jpg) no-repeat 0 0;
}

#site {
	position: absolute;
	z-index: 2;
	top: 30px;
	left: 200px;
	width: 325px;
	color: black;
	padding: 5px;
	font-size: 110%;
}

p#produit {
font-size: 120%;
}

#flash {
	position: absolute;
	z-index: 3;
	top: 215px;
	left: 260px;
}

