/*-------------------------------*/
/*----   STRUCTURE DU SITE   ----*/
/*-------------------------------*/
body {
	background-image: url('../images/fond-norepeat.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-color: #ffffff;
	width: 100%;
}
#body {
	width: 960px;
	margin: auto;
}


/* ---- Header ----*/
header#header {
	width: 100%;
	height: 620px;
	background-image: url('../images/header.png');
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}
header#header img.logo{position: absolute; top: 0; left: 20px;}

header#header div.headerDroite{width: 194px; height: 116px; float: right; margin: 16px 47px 0 0;}
header#header div.headerDroite div.monPanier{background: url('../images/mon-panier.jpg') no-repeat top left #363636; width: 194px; height: 64px; margin: 0 0 17px 0; position: relative;}
header#header div.headerDroite div.monPanier p{height: 35px; line-height: 35px; font-size: 12px; color: #ffffff; margin: 0 0 0 39px;}
header#header div.headerDroite div.monPanier p a, header#header div.headerDroite div.monPanier p a:visited{color: #ffffff; text-decoration: underline;}
header#header div.headerDroite div.monPanier p a:hover{color: #ffffff; text-decoration: none;}
header#header div.headerDroite div.monPanier img.bouton{position: absolute; bottom: 6px;}
header#header div.headerDroite form.recherche{width: 194px; height: 35px;}
header#header div.headerDroite form.recherche input[type=text]{width: 192px; height: 33px; border: 2px solid #e46c0a;}



header#header nav {margin-bottom: 20px; height: 40px; background-color: #e46c0a; margin: 0 5px;}
header#header nav > ul{margin: 0 20px 0 20px;}
header#header nav ul li.menuJS_li{display: block; float: left; background: url('../images/puce-menu.png') 0px center no-repeat; margin-right: 6px; height: 40px; line-height: 40px; position: relative;}
header#header nav ul li.menuJS_li:last-child{margin-right: 0;}
header#header nav ul li.menuJS_li p{display: inline; height: 100%; line-height: 100%; padding: 0 8px 0 20px; font-size: 16px;}
header#header nav ul li.menuJS_li p a, header#header nav ul li.menuJS_li p a:visited{color: #FFFFFF; text-decoration: none; font-weight: normal; position: relative; z-index: 2;}
header#header nav ul li.menuJS_li p a:hover{color: #FFFFFF; text-decoration: none; font-weight: normal;}
header#header nav ul li.menuJS_li p a:focus{outline: 0;}

header#header nav ul li ul.menuJS_ul2{position: absolute; top: 40px; left: 0px; z-index: 40; display: none; background-color: #3e3e3e; width: 280px;}

header#header nav ul li ul li.menuJS_li2{position: relative; background: url('../images/puce-sousmenu.jpg') 8px 6px no-repeat; height: 43px; line-height: 43px; border-bottom: 1px solid #ffffff; text-align: left;}
header#header nav ul li ul li.menuJS_li2 p{display: block; text-align: left; padding-left: 15px; height: 43px; line-height: 43px; font-size: 16px; color: #ffffff;}
header#header nav ul li ul li.menuJS_li2 a, header#header nav ul li ul li.menuJS_li2 a:visited{color: #ffffff; text-decoration: none; font-weight: bold; position: relative; z-index: 2;}
header#header nav ul li ul li.menuJS_li2 a:hover{color: #ffffff; text-decoration: none; font-weight: bold;}
header#header nav ul li ul li.menuJS_li2 a:focus{outline: 0;}



/* ---- Section, Aside ----*/
#corps {
	min-height: 500px;
	background-image: url('../images/corps.jpg');
	background-repeat: repeat-y;
	padding: 0 7px;
}

section.content {padding: 0 15px;}

article.produit {width: 227px; height: 376px; border: 1px solid #d5d5d5; float: left; margin: 0 6px 20px 0; position: relative;}
article.produit h3{position: absolute; top: 0; left: 0; z-index: 20; width: 217px; padding-left: 10px;}
article.produit div.prix{width: 201px; height: 39px; background: url('../images/prix.jpg') no-repeat; margin: 7px auto 12px;}
article.produit div.prix p{width: 101px; height: 39px; line-height: 39px; text-align: center; color: #e46c0a; font-size: 16px; font-weight: bold; float: left;}
article.produit p.desc{width: 201px; margin: 0 auto 0;}
article.produit img.bouton{position: absolute; bottom: 13px; right: 13px;}

form.formSite {}
form.formSite label{height: 30px; line-height: 30px;}
form.formSite input[type=text], form.formSite input[type=password], form.formSite input[type=submit], form.formSite input[type=file], form.formSite select, form.formSite textarea, form.formSite img{width: 180px; height: 30px;}
form.formSite textarea{width: 180px; height: 100px;}
form.formSite .champ, form.formSite .champ input[type=checkbox]{height: 30px; line-height: 30px;}
form.formSite .champ input[type=checkbox]{float: left; margin-right: 10px;}
form.formSite input[type=text]:focus, form.formSite input[type=password]:focus, form.formSite textarea:focus{background-color: #F3DAC5; border: 1px solid #404040;}



/* ---- Footer ----*/
footer#footer {
	height: 175px;
	padding: 0px 10px;
	font-size: 12px;
	color: #ffffff;
	background-image: url('../images/footer.png');
	background-position: top;
	background-repeat: no-repeat;
}
footer#footer ul {float: left; font-size: 11px;}
footer#footer ul li{float: left; padding: 0 5px; color: #ffffff; text-align: center; background: url('../images/puce-footer.jpg') left center no-repeat; line-height: 35px;}
footer#footer ul li a, footer#footer ul li a:visited{color: #ffffff; text-decoration: none; font-weight: normal;}
footer#footer ul li a:hover{color: #e46c0a; text-decoration: underline; font-weight: normal;}