﻿* {
	margin:0pt;
	padding:0pt;
}

body {
	background:#111111 none repeat scroll 0%;
	color:#FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:12px;
	text-align:center;
}

a {
	color:#DADADA;
	text-decoration:none;
}
a:hover,
.on {
	color:#F1F280;
}

.wrapper {
	min-width:954px;
}

.header {
	text-align:left;
}


.header-top {
	background:#111111 url(../img/header_top_bg_pm.jpg) no-repeat scroll center top;
	padding:10px;
	height:80px;
	margin:0pt auto;
	position:relative;
	width:960px;
	z-index:100;
	overflow:hidden;
}
* html .header-top {
}

h1, h2, h3, h4, h5, h6, .head {
color:#A3A3A3;
line-height:1.3em;
margin-bottom:0.4em;
}
h1 {
font-size:18px;
line-height:1.17;
}
h1#logo {
display:none;
float:left;
margin:3px 0 10px 12px;
width:202px;
}
img {
	border:0;
} 

.no-display {
display:none;
}
p {
margin-bottom:0.8em;
}

#nav {
	font-size:1em;
}
ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#nav li {
	float:left;
	position:relative;
	text-align:left;
}
#nav a {
	color:#5A5A5A;
	float:left;
	padding:5px 12px 1px 8px;
}
#nav a, 
#nav a:hover {
	display:block;
	line-height:1.3em;
	text-decoration:none;
}
#nav a:hover {
	color:#FFFFFF;
}
#nav span {
	cursor:pointer;
	display:block;
	letter-spacing:0.1em;
	white-space:nowrap;
}


.quick-access {
	color:#FFFFFF;
	float:right;
	margin-top:43px;
	padding:0;
	text-align:right;
	width:610px;
}
.quick-access li {
	display:inline;
	padding-left:3px;
	padding-right:7px;
}
.quick-access #nav li.first {
	padding-left:5px;
}
.quick-access li.last {
	background:transparent none repeat scroll 0 0;
}

.shop-access {
	margin-bottom:6px;
	margin-right:80px;
	text-transform:uppercase;
	padding-top:25px;
}
.shop-access li {
	padding:0 5px 2px 70px;
}
.shop-access li.first {
	background:transparent url(../img/bg_menu_first.gif) no-repeat scroll right bottom;
}
.shop-access li.last {
	background:transparent url(../img/bg_menu.gif) no-repeat scroll right bottom;
	padding-left:5px;
}
.shop-access a, 
.shop-access a:hover {
	color:#5A5A5A;
	font-size:11px;
	text-decoration:none;
}
.shop-access a:hover {
	color:#FFFFFF;
}


.middle-container {
	background:transparent url(/img/middle-bas.gif) repeat-y scroll center top;
	margin:auto;
	width:980px;
}
.middle {
	background:transparent url(../img/middle_bg_pm.jpg) no-repeat scroll center top;
	/*height:518px;*/
	padding-left:370px;
	padding-top:35px;
	margin:0pt auto;
	min-height:520px;
	text-align:left;
	width:610px;
}
* html .middle {
	height:520px;
}
.middle2 {
	background:#111111 url(../img/middle-bas.gif) repeat-y scroll center bottom;
}

#main {
	width:500px;
	padding:0 0 0 20px;
}
#main.images {
	width:540px;
	padding:0px;
}

.footer-container {
}
.footer {
	background-color:#111111;
	margin:0pt auto;
	padding:10px 10px 4em;
	width:930px;
}
.footer .informational {
	font-size:10px;
}
.footer .informational ul {
	display:inline;
}
.footer .informational li {
	background:transparent url(../img/footer_info_separator.gif) no-repeat scroll 100% 50%;
	display:inline;
	padding-left:4px;
	padding-right:8px;
	text-transform:uppercase;
}
.footer .informational a {
	text-decoration:none;
}
.footer .informational a,
.footer .informational a:hover {
	color:#666666;
}


/*******************/


#divppol {
	margin:0px 0px 0px 26px
}
#divppol div {
	background:#4E4E4E url(../img/degrade-milieu.gif) repeat-y scroll left top;
	min-height:21px;
	margin:0pt;
	padding:0;
	width:373px;
	overflow:hidden;
}
#divppol div.first {
	background:#4E4E4E url(../img/degrade-haut.gif) no-repeat scroll left top;
	font-weight:bold;
}
#divppol div.last {
	background:transparent url(../img/degrade-bas.gif) no-repeat scroll 2px bottom;
	height:7px;
	min-height:7px;
	overflow:hidden;
}
#divppol p {
	background:#4E4E4E none repeat scroll 0% 50%;
	border-bottom:1px solid black;
	margin:0px 0px 0pt 6px;
	padding:4px 5px;
	clear:left;
}


#divppoltexte {
	color:#A3A3A3;
}
#divppoltexte p {
	line-height:25px;
	margin-bottom:20px;
}



/***** IMAGES *****/
.catalog-listing {
	line-height:1.35em;
}
.listing-type-grid {
	background:transparent url(../img/grille_vignettes.gif) no-repeat scroll 0%;
	min-height:340px;
}
.col-1-layout .listing-type-grid li.item {
	height:85px;
	width:64px;
}
.listing-type-grid .product-image {
	text-align:center;
}
.listing-type-grid .product-image img{
	margin:3px;
	border:1px solid #4E4E4E;
}
.listing-type-grid li.item {
	float:left;
	line-height:1.6em;
	overflow:hidden;
	padding:4px 26px 0px 0px;
	width:64px;
}

/***** ZOOM *****/

#zoom #zoom_gauche {
	float:left;
}
#zoom #zoom_photo {
	float:left;
}
#zoom #zoom_grille {
	float:left;
	padding:150px 0px 0px 45px;
}
#zoom #zoom_fleches {
	padding:0px 0px 0px 200px;
}

#commander {
	background:transparent url(/img/bg-puce.gif) no-repeat scroll 1px -1px;
	border:0 solid black;
	height:15px;
	padding:4px 0 0;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width:144px;
}

/***** Form *****/
form label {
	float:left;
	padding:3px;
	text-align:right;
	width:195px;
}
form input,
form select {
	border:1px solid grey;
	background:grey;
}


div#pages {
	text-align:center;
	width:510px;
}

.separation {height:0px; border:1px solid grey; margin:15px 0;}
form fieldset {border:none;}

body.moncompte {}

body.moncompte #divppoltexte a {display:list-item; margin:15px;}



body.adresse {}

body.adresse #divppoltexte .textePage {display:block;margin:15px;}
body.adresse #divppoltexte  a {display:block;margin:15px;}

body.adresse form label {padding:0 3px;width:inherit;}
body.adresse form input {float:left;}
body.adresse form input.bouton-etapes-thelia {clear:both; margin:15px 0 ;}

#commande {}
#commande th {}
#commande td,#commande th {padding:5px; margin:2px; border-left:1px solid #A3A3A3}
#commande .ligneTableau {font-size:12px;}
body.page_commande form label {float:none; width:inherit;}

.nettoyeur {clear:both; float:none;}


body.ART4 {}
body.ART4 #formulaire_contact li {margin:5px 0;}
body.ART4 #formulaire_contact textarea {width:200px; background:grey none repeat scroll 0 0; border:1px solid grey}
body.ART4 #formulaire_contact .boutons {padding-left:201px}


body.ART5 {}
body.ART5 h3.legend {display:none;}
body.ART5 div.choix {display:none;}




