/* Eléments HTML en général
-------------------------------------------------------- */
@import url(style_editeur.css);

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #ffffff;
	color:#475764;
	font-size:11px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#515053;
}

h1{
	font-size: 28px;
}

h2{
	font-size: 24px;
	margin:0 0 20px 0;
	font-weight: normal;
}

h3{
	font-size: 20px;
	margin:0 0 10px 0;
}

h4{
	font-size: 15px;
	margin:0 0 10px 0;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}
a{outline: none;} :focus{-moz-outline-style: none;}
a, a:visited {
	color: #00529a;
	text-decoration: none;
}
 a:hover  {
	color: #00529a;
	text-decoration: underline;
}

img {
	border: 0
}

.hide {
	display:none;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li{
	padding:0;
	margin:0;
}

p{
	font-size: 11px;
	color: #475764;
	line-height: 14px;
	text-align: left;
}

form{
	margin:0;
	padding:0;
}

input{
	margin:0;
	padding:0;
}


/* Page
-------------------------------------------------------- */

#wrapper {
	width: 940px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 940px;
	background-color: #FFFFFF;
}

#contenu,
#colonneDroite{
	float: left;
	padding:0px 0 0 0px;
	margin: 4px 0 30px 0;
}
#colonneDroite{
	float: left;
	width:160px;
	_width:150px;
	overflow: hidden;
	z-index: 1000;
}

#contenu {
	width:620px;
}
#contenuPageContact {
	float: left;
	margin:30px 0 0px 0;
	padding: 0 0px;
	width:620px;
	font-size: 12px;
	background-image: url(images/fondPageDossier.jpg);
	background-repeat:repeat-y;
	overflow: hidden;
}
#contenu .blocright	{
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	float:right;
	text-align: right;
}

#contenu p {
	margin-left: 10px;
	font-size: 13px;
}
#contenuPageContact p {
	margin:0 10px 0 10px;
	font-size: 13px;
}

#contenuPageDossier {
	float: left;
	margin:20px 0 0px 0;
	padding: 0 20px;
	_padding: 0 10px;
	width:740px;
	font-size: 12px;
	background-image: url(images/fondPageDossier.jpg);
	background-repeat:repeat-y;
	min-height: 1100px;
}
#contenuPageDossier p {
	font-size: 12px;
}
#contenuPageDossier h2{
	font-size: 27px;
	color: #0797d6;
	line-height: 27px;
	text-transform: uppercase;
	margin:0px 0 5px;
}

#contenuPageRubrique {
	float: left;
	width: 620px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

/* Entête
-------------------------------------------------------- */

#top {
	position:relative;
	width: 940px;
	height:96px;
	background-image:url(images/top.jpg);
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	z-index:1000;
	border-bottom: 1px solid #fff;
}

#top h1 {
	float: left;
	padding:0 0 0 10px;
	width: 400px;
}

#top h3 {
	color:#032c46;
	font-size:14px;
	margin: 16px 0 0 89px;
}

#top a, #top a:visited  {
	color: #c7c9ca;
	text-decoration: none;
}
#top a:hover {
	color: #fff;
	text-decoration: none;
}

#monCompte {
	position:absolute;
	top:0;
	left:0;
	margin: 0;
}

#monCompte h3{
	margin: 0;
	color:032c46;
	font-size:11px;
}

#monCompte form {
	float: left;
	padding: 0;
	margin: 0;
}

#monCompte form p { 
    padding:0;
	margin:0;
	float:left;
}

#monCompte form input {
	margin: 0 5px 0 0;
	padding:2px;
	width:90px;
	border:solid 1px #88888b;
	font-family:Arial, Helvetica, sans-serif;
	color:#626164;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	float:left;
}

#monCompte form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	font-size:13px;
	font-weight:bold;
	border:none;
}

#monCompte form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#00529a;
	border:solid 1px #fff;
}

#monCompte form button.bouton span span {
	padding:0 8px 0 0;
	border:none;
	color:#FFF;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
}

#monCompte .menu {
	float: left;
	width: 290px;
	color: #c7c9ca;
	margin: 5px 0 0 0;
	padding: 0;
}

#monPanier {
	position: absolute;
	width: 233px;
	height: 96px;
	top:0;
	right:0;
}
#monPanier .nbrArticles{
	color:#0797d6;
	font-weight: bold;
	text-align: center;
	width: 98px;
	margin: 4px 0 0 86px;
}
#monPanier .nbrArticles a{
	color:#0797d6;
	font-weight: bold;
}

#contenuPanier {
	padding: 0;
	list-style: none;
	z-index:1000;
	position: absolute;
	top:37px;
	left:87px;
	width:95px;
	height:17px;
	text-align: center;
	color:#0797d6;
	font-weight: bold;
	line-height:15px;
}

#contenuPanier .panier{
	color:#0797d6;
	font-weight: bold;
}

ul#contenuPanier , ul#contenuPanier li {

}

ul#contenuPanier li a {
	font-size:12px;
	color: #fff;
	margin: 0;
	padding: 4px 3px;
	width: 242px;
	display:block;
	background-color:#0081ca;
	background-image:url(_gfx/fondContenuPanier.gif);
	background-repeat:no-repeat;
	background-position:right center;
	border:solid 1px #FFFFFF;
}

ul#contenuPanier li ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li {
	list-style: none;
	float:left;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li a, ul#contenuPanier li ul li a:visited {
	display: block;
	float:left;
	background-color:#8fbce3;
	background-image:none;
	font-size:11px;
	color: #00529a;
	text-decoration: none;	
	margin: 0;
	padding: 4px 3px;
	border:solid 1px #FFFFFF;
	border-top:none;
}

 ul#contenuPanier li ul li a.totalCommande, ul#contenuPanier li ul lia.totalCommande:visited {
	font-size:12px;
	color: #fff;
	margin: 0;
	padding: 4px 3px;
	display:block;
	float:left;
	background-color:#0081ca;
	background-image:none;
}

ul#contenuPanier li a:hover, ul#contenuPanier li ul li a:hover {
	display: block;
	background-color: #00529a;
	color: white;
	text-decoration: none;	
}

ul#mesAcces{
	position: absolute;
	top: 65px;
	left: 20px;
	width: 100%;
}

ul#mesAcces li{
	color: #032c46;
}

ul#mesAcces li.accesPanier{
	position: absolute;
	left:87px;
	top:0;
}

#top ul#mesAcces li a{
	color: #032c46;
	text-decoration: underline;
}

/* menu de navigation */
#navigation{
	position: relative;
	height:31px;
	background: url(images/fond-menu.png) repeat-x 0 0;
	border-bottom: 1px solid #c7c8ca;
	z-index: 100;
}

#navigation ul{
	position: relative;
	height:31px;
}	

#navigation ul li {
	position: relative;
	float: left;
	height: 31px;
	background: url(images/SS_menu_rubriques.png) no-repeat 0 0;
	margin-left: 10px;
}

#navigation ul li a{
	display: block;
	height: 100%;
	text-indent: -9999px;
}
#navigation ul li.moteur{
	position: relative;
	float: left;
	height: 21px;
	margin:8px 0 0 0px;
	background: none;
	width: 167px;
	text-align: right;
}

 /* Spritesheet de navigation */

#navigation #menuAccueil{
	width: 69px;
	background-position: 0 0;
}
#navigation #menuSociete{
	width: 111px;
	background-position: -77px 0;
}
#navigation #menuDemandeCatalogue {
	width: 129px;
	background-position:  -197px 0;
}
#navigation #menuProduits{
	width: 118px;
	background-position: -335px 0;
}
#navigation #menuPromotions{
	width: 123px;
	background-position: -462px 0;
}
#navigation #menuContact{
	width: 125px;
	background-position: -596px 0;
}
#navigation #ok{
	width: 25px;
	background-position: -915px 0;
}

#navigation #menuProduits:hover{
	background-position: -732px 0;
}

#navigation #menuProduits:hover .liste{
	display: block;
}
#menuProduits .liste{
	display: none;
	position: absolute;
	left: 0;
	top: 43px;
	width: 195px;
	height: auto;
	background: url(images/fond-menu-produits-bottom.png) no-repeat -4px bottom;
	overflow: visible;
	z-index: 100;
}

#menuProduits .liste .top{
	background: url(images/fond-menu-produits-bottom.png) no-repeat -4px top;
	display: block;
	height: 13px;
	width: 100%;
	position: absolute;
	left: 0;
	top: -13px;
	z-index: 100;
}




#menuProduits ul{
	position: relative;
	height: auto;
	padding-bottom: 10px;
	top:-2px;
	z-index: 100;
}

#menuProduits ul li{
	float: none;
	background: none;
	margin: 0;
	padding : 0;
	line-height: 25px;
	height: 25px;
	z-index: 100;
}

#menuProduits ul li a{
	display:block;
	text-indent:0;
	background: url(images/puce_navigation.png) no-repeat 0 11px;
	color: white;
	padding-left: 10px;
	margin-left: 12px;
	font-weight: bold;
	z-index: 100;
}


span.nomArticle, span.titreTotal {
	margin:0;
	width:160px;
	float:left;
}

span.quantite {
	width:30px;
	float:left;
}

span.total {
	float:right;
	text-align:right;
	width:50px;
}


/* Dossiers
-------------------------------------------------------- */
.dossier {
	float: left;
	margin:20px 0;
	padding:0;
}
.dossier h3{
	float: left;
	color: #0797d6;
	width: 740px;
	overflow: hidden;
}
.dossier h4{
	float: left;
	width: 740px;
	overflow: hidden;
}
.dossier .image {
	margin:10px 10px 10px 0;
	padding:0px;
	float:left;
}
.dossier img{
	float: right;
	margin:10px;
}

/* Langues
-------------------------------------------------------- */

ul#langues {
	float: left;
	width:980px;
	text-align:right;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	background-color:#3f3f43;
	border-top: solid 3px #313135;
	list-style:none;
}

ul#langues li {
	float:right;
	padding:0;
	margin:0;
	border:none;
	list-style:none;
}

ul#langues li a, ul#langues li a:visited {
	display:block;
	width:34px;
	height:24px;
	overflow:hidden;
}

ul#langues li a.fr {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 -24px;
}

ul#langues li a.uk {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px -24px;
}

ul#langues li a.spa {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px -24px;
}

ul#langues li a:hover.fr, ul#langues li a.frSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 0;
}

ul#langues li a:hover.uk, ul#langues li a.ukSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px 0;
}

ul#langues li a:hover.spa, ul#langues li a.spaSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px 0;
}

 
/* Chemin
-------------------------------------------------------- */

#chemin {
	height: 25px;
	line-height: 25px;
	color: #0797d6;
	font-size: 11px;
	font-weight: bold;
	padding:5px 0 0 0;
	background-color: #FFF;
}

#chemin a:link, #chemin a:visited {
	font-weight: normal;
	color: #475764;
	text-decoration: underline;
}

#chemin a:hover {
	color: #475764;
	text-decoration: underline;
}

/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
	float: left;
	width:740px;
	color: #515053;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding:0;
	background-color:#fff;
	height: 41px;
}

#etapesDeCommande ul {
	background: url(images/commande/chemin.png) no-repeat 0 0;
	float:left;
	width:740px;
	height:41px;
}

#etapesDeCommande ul.recap{		background-position : 0 0;}
#etapesDeCommande ul.auth{		background-position : 0 -41px;}
#etapesDeCommande ul.port{		background-position : 0 -82px;}
#etapesDeCommande ul.paiement{	background-position : 0 -123px;}

/* correction images décalées*/
#etapesDeCommande ul li span.auth{		padding-left: 74px }
#etapesDeCommande ul li span.port{		padding-left: 78px}
#etapesDeCommande ul li span.paiement{	padding-left: 82px}

#etapesDeCommande ul li {
	color:#a0afb9;
	width:185px;
	float:left;
	height :41px;
}

#etapesDeCommande ul li span {
	padding: 11px 5px 0 67px;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 14px;
}

#etapesDeCommande ul li.selection span {
	color:white;
}

/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDeLivraison {
	float: right;
	margin: 0px 0 20px 0;
	width:345px;
}

.adresseDeLivraisonRecap {
	float: left;
	margin: 0 0 20px 0;
	width:710px;
}

.adresseDeFacturation {
	float: left;
	margin: 0 0 20px 40px;
	_margin: 0 0 20px 0px;
	width:305px;
}
.adresseDeLivraison h3 {
	float: left;
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	width:345px;
	height:15px;
	overflow: hidden;
}
.adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 15px;
}

.adresseDeLivraison h4 {
	color:#515053;
	width:335px;
	margin:5px 0 0 0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	float:left;
}

.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	float:left;
	width: 285px;
	margin:0px 0 20px 0;
	padding: 10px;
	background-color: #f3f3f3;
	border-left: 1px #a6a6a6 solid;
	border-top: 1px #a6a6a6 solid;
	overflow: hidden;
}
.adresseDeLivraison .contenu li {
	list-style: none;
}

.adresseDeLivraisonRecap .contenu {
	float:left;
	width: 690px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}
.adresseDeLivraison .contenu a {
	float: left;
	font-size:11px;
	padding:3px 0 3px 12px;
	background: url(images/puce_lien_produit.png) no-repeat 0 7px ;
	color: #475764;
	text-decoration: underline;
	width: 315px;
}
.adresseDeLivraison .choix {
	float:left;
	list-style:none;
	margin: 20px 0 0 0;
	padding:0;
	width: 315px;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 710px;
	float:left;
}

.adresseDeLivraisonRecap ul li {
	float: left;
	margin:20px 0 0 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

 .adresseDeLivraisonRecap ul li a, .adresseDeLivraisonRecap ul li a:visited {
	border-top:solid 1px #FFF;
	padding:3px 0 3px 10px;
}

a.modifierOuAjouter, a.modifierOuAjouter:visited {
	float: left;
	font-size:12px;
	font-weight:bold;
	padding:3px 0 3px 12px;
	background: url(images/puce_lien_produit.png) no-repeat 0 6px ;
	color: #475764;
	font-weight: bold;
	text-decoration: underline;
}

/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.choixDeLaLivraison, .choixDuReglement {
	float: left;
	width:750px;
	margin: 0;
	padding:0;
}

.choixDeLaLivraison ul, .choixDuReglement ul {
	margin: 0;
	padding:0;
	list-style:none;
	width:750px;
	background: red;
}

.choixDeLaLivraison ul li, .choixDuReglement ul li {
	float: left;
	margin:10px 0;
	padding:0;
	width: 250px;
	height: 100px;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	overflow: hidden;
}

.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	color:#515053;
	margin:0;
	padding:0;
	float:left;
	text-indent:10px;
}

.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	background-color:transparent;
	color:#FFFFFF;
}



/* Block Flash (utilisé en page d'accueil)
-------------------------------------------------------- */

#animFlash{
	float: left;
	height: 207px;
	width: 620px;
	background-image: url(images/flash-washe.jpg);
	z-index: 1;
}

/* Block colonne de droite (utilisé en page d'accueil et en page rubrique)
-------------------------------------------------------- */
.backgroundRule{
	background-image: url(images/colonne-droite-rubrique.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

#colonneDroite #marque{
	height: 207px;
	background-image: url(images/marque.jpg);
	position: relative;
}

	#marque h3{
		color:white;
		font-size:11px;
		line-height:14px;
		position:relative;
		left:18px;
		top:40px;	
	}

	#marque ul{
		position: absolute;
		top: 70px;
		left: 18px;
	}
	
		#marque ul li{
			line-height:15px;
			padding:0 0 0 12px;
			background-image: url(images/puce_marque.png);
			_background-image: url(images/puce_marque_IE6.png);
			background-position:0 5px;
			background-repeat:no-repeat;
		}
		
			#marque ul li a{
				color: #475764;
				font-size: 10px;
			}

#btContactPro {
	float: left;
	margin: 0px 0 0 14px;
	padding: 20px 0 10px 0px;
	overflow: hidden;
}
	
#btContactPro a{	
	float: left;
	text-decoration: none;
	cursor: pointer;
}
#choixconseils{
	float: left;
	padding: 25px 0 10px 14px;
	overflow: hidden;
	height: 200px;
}
#bonsPlans{
	float: left;
	background-image: url(images/bons-plans-wash-e.jpg);
	background-repeat: no-repeat;
	padding: 105px 0 0 14px;
}
#mventes{
	float: left;
	padding:0px;
	margin: 20px 0;
}
#mventes .blocProduit{
	background-image: url(images/fondProduitMventes.jpg);
	background-repeat: no-repeat;
	width: 157px;
	padding:0px;
	margin:0 3px 3px 3px;
}

#mventes .blocProduit h4{
	margin: 0 0px 0 0;
	padding:0 0 0 10px;
}
#mventes .blocProduit .image{
	margin:0px;
	padding:20px;
}

#mventes .blocProduit h4 a{
	font-size:11px;
	text-transform: uppercase;
	color: #4fbfe4;
}

#mventes .blocProduit .chapo{
	font-weight: normal;
	
}
#mventes .blocProduit .prixProduit{
	font-size: 12px;
	font-weight: bold;
	color: #475764;
	display: inline-block;
	padding: 0 0 0 10px;
}

#mventes .blocProduit .prixProduit .promo{
	color: #e3682b;
}
#mventes .blocProduit a.puce{
	margin:0px 0 0 10px;
} 
#mventes .blocProduit p{
	margin:10px 0px;
} 

#choixconseils h2{
	font-size: 24px;
	text-transform: uppercase;
	line-height: 24px;
	color: #0797d6;
	margin: 0 0 5px 0;
}

#bonsPlans h2{
	font-size:20px;
	line-height:20px;
	text-transform: uppercase;
	color: #748ca1;
	margin: 0 0 15px 0;
}

#bonsPlans .inputText{
	width: 140px;
	font-weight: bold;
	color: #475764;
	font-size: 12px;
	padding-left: 10px;
	border: 1px inset #a7a7a7;
	border-bottom: 0;
	background-color: #f3f3f3;
	line-height: 17px;
	margin: 5px 0 5px 0;
}

#bonsPlans .inputSubmit{
	text-decoration: underline;
	background: none;
	border: 0;
	font-size: 11px;
	color: #475764;
	padding-left: 10px;
	text-align: left;
	background: url(images/puce_inputSubmit.png) no-repeat 0 3px;
	cursor: pointer;
}

	#engagements{
	float: left;
	margin-top: 15px;
	}
	
		#engagements h2{
			font-size: 23px;
			line-height: 23px;
			color: #748ca1;
				text-transform: uppercase;overflow: hidden;
		}
		
			#engagements ul li{
				border-top: 1px dotted #C6C7C9;
				position: relative;
				clear: both;
			}
			
			#engagements ul li.first{
				border-top: 0;
			}		
			
				#engagements ul li p{
					position: relative;
					top: 0;
					left: 0;
					margin: 8px 0 0;
					padding: 0 2px 0 0;
					color: #032c46;
					font-size: 12px;
					line-height: 14px;
					text-align: left;
				}
			
					#engagements ul li p strong{
						color: #0797d6;
						text-transform: uppercase;
					}

#facebook{
	position: relative;
	background-image: url("images/facebook-washe.jpg");
	clear: both;
	height: 75px;
	width: 150px;
	margin-top: 30px;
	float:left;
}

#facebook p{
	color: white;
	font-weight: bold;
	position: absolute;
	top: 37px;
	left: 70px;
	width: 80px;
}

			

#calculCalibreMenu {
	height: 30px;
	width: 150px;
	display: block;
	margin: 0px 0 30px 0;
	padding: 0;
	float:left;
}
#DemandeDeCatalogue {
	height: 30px;
	width: 155px;
	display: block;
	margin: 50px 0 30px 0;
	padding: 0;
	float:left;
}


#calculCalibreMenu h2, #DemandeDeCatalogue h2{
	font-size: 24px;
	text-transform: uppercase;
	line-height: 24px;
	color: #0797d6;
	margin: 0 0 5px 0;
}
			
#calculCalibreMenu h2 span{	
	color: #032C46;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	margin-top: 4px;
	text-transform: none;
}
#DemandeDeCatalogue h2 span{	
	color: #fc9763;
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	text-transform: none;
}




/* Bloc Mozaïque (utilisé en page d'accueil et en page produit)
-------------------------------------------------------- */

.blocMozaique {
	float: left;
	margin: 0 0 20px 0;
	padding:0;
}

.blocMozaique h3 {
	width: 700px;
	font-weight: bold;
	margin:0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	height: 20px;
}

.blocMozaique .contenu {
	float:left;
	width: 690px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocMozaique .contenu ul.image {
	margin: 0;
	padding:0;
	list-style:none;
	border:none;
	width: 690px;
	float:left;
}

, .blocMozaique .contenu ul.image li {
	margin:0;
	padding:0;
	border:none;
	float:left;
}

.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited  {
	border: 1px solid #bbbdbf;
	margin:0 1px 0 0;
	_margin:0;
	padding:1px;
	height: 81px;
	width:81px;
	float:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
	zoom:0;
	text-align:center;
}


.blocMozaique .contenu ul.image li a:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

/* Bloc nouveauté (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocNouveaute {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.blocNouveaute h3 {
	margin:0;
}

.blocNouveaute h3 a, .blocNouveaute h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocNouveaute h3 a:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

.blocNouveaute h4 a, .blocNouveaute h4 a:visited {
	color:#00529a;
}

.blocNouveaute h4 a:hover {
	text-decoration:underline;
}

.blocNouveaute .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocNouveaute .contenu a.image, .blocNouveaute .contenu a.image:visited {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	float:left;
	text-align:center;
	display:block;
	background-color:#fff;
	overflow: hidden;	
}

.blocNouveaute .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocNouveaute .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
}

.blocNouveaute .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.blocNouveaute .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0 0 0;
	padding: 0;
	display:block;
}

.blocNouveaute .contenu .description p {
	margin:0;
	padding: 0;
}

.blocNouveaute a.acheter, 
.blocNouveaute button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocNouveaute a.acheter span, 
.blocNouveaute button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.blocNouveaute a.acheter span span, 
.blocNouveaute button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.blocNouveaute a.acheter:hover span, 
.blocNouveaute button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
}

.blocNouveaute a.toutesLesNouveautes, .blocNouveaute a.toutesLesNouveautes:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:5px 0;
	color:#515053;
	font-weight:bold;
	text-indent:10px;
	background-color:#bbbdbf;
}

.blocNouveaute a.toutesLesNouveautes:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

/* Bloc promotion (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocPromo {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.blocPromo h3 {
	margin:0;
}

.blocPromo h3 a, .blocPromo h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocPromo h3 a:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

.blocPromo h4 a, .blocPromo h4 a:visited {
	color:#00529a;
}

.blocPromo h4 a:hover {
	text-decoration:underline;
}

.blocPromo .contenu {
	width: 325px;
	float:left;
	_float:none;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocPromo .contenu a.image, .blocPromo .contenu a.image:visited {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;
	text-align:center;
}

.blocPromo .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocPromo .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
	_width: 158px;
}

.blocPromo .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.blocPromo .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;
}

.blocPromo .contenu .description p {
	margin:0;
	padding: 0;
}

.blocPromo a.acheter, 
.blocPromo button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocPromo a.acheter span, 
.blocPromo button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.blocPromo a.acheter span span, 
.blocPromo button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.blocPromo a.acheter:hover span , 
.blocPromo button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
} 

.blocPromo a.toutesLesPromos, .blocPromo a.toutesLesPromos:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:5px 0;
	color:#515053;
	font-weight:bold;
	text-indent:10px;
	background-color:#bbbdbf;
}

.blocPromo a.toutesLesPromos:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}
/* Bloc produits conseillés (utilisé en page panier.html)
-------------------------------------------------------- */

#produitsPanier{
	padding: 15px 0 0 0;
	float: left;
	width:738px;
}
#produitsPanier h5 {
	float: left;
	font-size: 14px;
	color: #475764;
	font-weight: bold;
	padding:11px 62px 10px 5px; margin:0 0px 0 0;
	background-image: url(_gfx/wash.e.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#produitsPanier .ligneProds{
	padding: 15px 0 0 0;
	float: left;
	width:738px;
}
#produitsPanier .ligneProds .blocProduits{
	padding:0px; margin:0px 2px;
	float: left;
	width:180px;
	height:240px;
	background-image: url(_gfx/fondProduitsPanier.jpg);
}
#produitsPanier .ligneProds .blocProduits .image{
	width:180px;
	height: 100px;
	overflow: hidden;
	text-align: center;
}
#produitsPanier .ligneProds .blocProduits h4{
	width:180px;
	text-align: center;
	margin:5px 0;
	height: 30px;
}
#produitsPanier .ligneProds .blocProduits h4 a{
	font-size:11px;
	text-transform: uppercase;
	color: #4fbfe4;
}
#produitsPanier .ligneProds .blocProduits .prixProduit{
	font-size: 11px;
	color: #475764;
	display: inline-block;
	margin:10px 0 0 0;
	text-align: center;
	width: 180px;
	height: 35px;
}
#produitsPanier .ligneProds .blocProduits .prixProduit .chapo{
	font-size: 11px;
	color: #475764;
}

#produitsPanier .ligneProds .blocProduits .prixProduit .promo{
	color: #e3682b;
	font-size: 12px;
	font-weight: bold;
}

#produitsPanier .ligneProds .blocProduits .ajouterAuPanier{
	margin:20px 0 0 36px; padding: 0 0 0 25px;
	background: url(images/pucePanier.jpg) no-repeat;
	height: 34px;
	width: 132px;
}  
#produitsPanier .ligneProds .blocProduits .ajouterAuPanier a{
	text-align: right;
	padding:10px 0 0 10px;
	color: #475764;
	font-weight: bold;
	text-decoration: underline;
}

/* Bloc produits (utilisé en page index_page.html)
-------------------------------------------------------- */

#produitsIndex{
	background-color: #4B94C9;
	padding-top: 15px;
	float: left;
	width: 620px;
	overflow: hidden;
}
	
#produitsIndex p {
	color:#FFFFFF;
	margin:20px;
	text-align: justify;
	font-style: normal;
}

.produitsIndex{
	float: left;
	height: 214px;
	margin: 0 0 19px 19px;
	_margin: 0 0 19px 10px;
	position: relative;
	float: left;
	overflow:hidden;
	width: 281px;
	background: url(images/fond-produit.png);
	background-repeat: no-repeat;
}

#contenuPageRubrique p {
	font-style: normal;
}

.produitsIndex h3,
#contenuPageRubrique .petitBlocProduit h3,
.blocRubriques h3 {
	height: 20px;
	margin: 20px 20px 0 10px;
	z-index: 1;
	position: relative;
}

.produitsIndex h3 a, .produitsIndex h3 a:visited,
#contenuPageRubrique .petitBlocProduit h3 a,
.blocRubriques h3 a{
	overflow: visible;
	display: inline-block;
	height:20px;
	position: relative;
	font-size: 11px;
	line-height: 20px;
	color: white;
	background: url(images/fond-titre-produit.png) no-repeat center left;
	padding: 0 2px 0 10px;
}

.produitsIndex h3 span.close,
#contenuPageRubrique .petitBlocProduit h3 span.close,
.blocRubriques h3 span.close{
	display:inline-block;
	height:20px;
	position:absolute;
	right:-10px;
	top:0;
	width:10px;
	background: url(images/fond-titre-produit.png) no-repeat center right;
}

.produitsIndex .contenu {
	float:left;
	width: 530px;
	margin:1px 0 0 0;
	padding: 10px;
}

.produitsAutres .contenuAutres {
	float:left;
	width: 400px;
	margin:1px 0 0 0;
	padding:10px;
}
.produitsIndex .contenu .imagePromo {
	margin: 0 10px 0 0;
	padding:0px 10px 0 0;
	width: 100px;
	display:block;
	float:left;
	text-align: center;
	background-color:#fff;
	overflow: hidden;	
}
.produitsIndex .contenu a.image, .produitsIndex .contenu a.image627, .produitsAutres .contenuAutres a.image,  .produitsAutres .contenuAutres a.image627, .produitsIndex .contenu .image, .produitsIndex .contenu .image627, .produitsAutres .contenuAutres .image,  .produitsAutres .contenuAutres .image627  {
	margin: 0 10px 0 0;
	padding:0px 10px 0 0;
	width: 120px;
	height: 220px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;	
}
.produitsIndex .contenu a.image628 {
	margin: 0 10px 10px 0;
	padding:0px 10px 0 0;
	width: 520px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;	
}
.produitsAutres .contenuAutres a.image628, .produitsAutres .contenuAutres .image628 {
	margin: 0 10px 10px 0;
	padding:0px 10px 0 0;
	width: 520px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;
}
.produitsIndex h4, produitsAutres h4{
	margin: 0 25px 0 0;
	padding:0;
}
.produitsIndex h4 a, .produitsAutres h4 a{
	font-size:11px;
	text-transform: uppercase;
	color: #4fbfe4;
}
.produitsIndex .description{
	float: left;
	width: 132px;
}
.produitsIndex .descriptionPromo{
	float: left;
	width: 148px;
}
.produitsAutres .descriptionAutres{
	float: left;
	width: 260px;
	padding:0; margin: 0;
}
.produitsAutres .blocAchats {
	float:left;
	width:200px;
	margin:10px 0 0 40px;
	padding: 10px;
}
.produitsAutres .blocAchats p {
	float:left;
	width:140px;
	margin:60px 0 0 0;
	padding:0;
	text-align: left;
}

p.borderTop{
	border-top: 1px dotted #c6c7c9;
	margin: 0px 0px 0 0;
	padding: 0;
}
p.borderBottom{
	border-bottom: 1px dotted #c6c7c9;
	margin: 0px 20px;
	padding: 0;
}

.produitsIndex .bandeau, .produitsAutres .bandeau{
	position: absolute;
	right: -7px;
	top: -6px;
	width: 100px;
	height: 100px;
	background: url(images/SS_promo_produit.png) no-repeat 0 0; 
}

.produitsIndex .bandeau.nouveautes{
	background-position: 0 0; 
}

.produitsIndex .bandeau.promo, .produitsAutres .bandeau.promo{
	background-position: 0 bottom; 
}

.produitsIndex .chapo{
	font-weight: normal;
}

.produitsIndex .prixProduit{
	font-size: 12px;
	font-weight: bold;
	color: #475764;
	display: inline-block;
	margin: 10px 0 0 0;
}
.produitsIndex .prixProduit .chapo{
	font-size: 12px;
	color: #475764;
}

.produitsIndex .prixProduit .promo{
	color: #e3682b;
	font-size: 13px;
}

.produitsIndex .ajouterAuPanier, .produitsAutres .ajouterAuPanier{
	margin:10px 0 0 0; padding: 0 0 0 25px;
	background: url(images/pucePanier.jpg) no-repeat;
	height: 34px;
	width: 132px;
} 
.produitsIndex .choisirLeProduit, .produitsAutres .choisirLeProduit{
	margin:10px 0 0 0px; padding: 0 0 0 25px;
	background: url(images/puceChoisirLePanier.jpg) no-repeat;
	height: 34px;
	width: 130px;
}
.produitsIndex .ajouterAuPanier a, .produitsAutres .ajouterAuPanier a, .produitsIndex .choisirLeProduit a, .produitsAutres .choisirLeProduit a{
	text-align: right;
	padding:10px 0 0 10px;
	color: #475764;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
} 
/* Petit bloc produit (utilisé en page rubrique.html)
-------------------------------------------------------- */

.petitBlocProduit {
	float: left;
	margin: 0 20px 20px 0;
	width:345px;
}

.separation {
	float: left;
	margin:0;
	height:1px;
	width:710px;
}

.petitBlocProduit h3 {
	margin:0;
}

.petitBlocProduit h3 a, .petitBlocProduit h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.petitBlocProduit h3 a:hover {
	text-decoration:none;
	background-color:#a9abad;
}

.petitBlocProduit .contenu  {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.petitBlocProduit .contenu a.image  {
	margin: 0;
	padding:0px;
	height: 140px;
	width:140px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;	
}

.petitBlocProduit .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
}

.petitBlocProduit .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.petitBlocProduit .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;
}

.petitBlocProduit .contenu .description p {
	margin:0;
	padding: 0;
}

.petitBlocProduit a.acheter, 
.petitBlocProduit button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.petitBlocProduit a.acheter span, 
.petitBlocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.petitBlocProduit a.acheter span span, 
.petitBlocProduit button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.petitBlocProduit a.acheter:hover span , 
.petitBlocProduit button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
} 

/* Contenu d'une fiche produit (produit.html)
-------------------------------------------------------- */

.blocProduit {
	float: left;
	margin:0 0 20px 0;
	padding:0;
	width:710px;
}

.blocProduit .blocDImages {
	float: left;
	margin:0 0 20px 0;
	padding:0;
	width:346px;
}

.blocProduit a.grandeImage, .blocProduit a.grandeImage:visited {
	margin:0;
	padding:0px;
	width:344px;
	float:left;
	background-color:#fff;
}

.blocProduit ul.vignettes {
	margin: 10px 0 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	border:none;
	width:344px;
	float: left;
}

.blocProduit ul.vignettes li {
	margin:0;
	padding:0 0 10px 0;
	border:none;
}

.blocProduit ul.vignettes li a{
	border: 1px solid #bbbdbf;
	margin:0;
	padding:0px;
	height: 81px;
	width:81px;
	float:left;
	display:inline;
	background-color:#fff;
	overflow: hidden;
}

.blocProduit .introProduit {
	float: right;
	margin:0 0 20px 0;
	padding:0;
	width:344px;
}

.blocProduit .introProduit .chapo {
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin:0 0 20px 0;
}

.blocProduit .introProduit .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 24px;
	margin:5px 0 0 0;
	padding: 0;
}

.blocProduit a.acheter, 
.blocProduit button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocProduit a.acheter span, 
.blocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 10px; 
    vertical-align:middle;
    background-color:#0081ca;
} 

.blocProduit a.acheter span span, 
.blocProduit button.acheter span span {
	color:#fff;
    height:40px; 
    padding:0 10px 0 0; 
    line-height:38px; 
    background-color:#0081ca;
} 
 
.blocProduit a.acheter:hover span, 
.blocProduit button.acheter:hover span { 
    background-color:#00529a;
	text-decoration:none;
} 

.blocProduit .description {
	float:right;
	font-size: 12px;
	padding: 0;
	margin:0 0 20px 0;
	width: 710px;
}

.blocProduit .contenusAssocies {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.blocProduit .telechargements {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.blocProduit .contenusAssocies h3, .blocProduit .telechargements h3 {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocProduit .contenusAssocies ul, .blocProduit .telechargements ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
	background:#d8d9da;
}

.blocProduit .contenusAssocies ul li, .blocProduit .telechargements ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.blocProduit .contenusAssocies ul li a, .blocProduit .telechargements ul li a,
.blocProduit .contenusAssocies ul li a:visited, .blocProduit .telechargements ul li a:visited {
	border-top:solid 1px #FFF;
	color:#fff;
	display:block;
	background-color:#0081ca;
	padding:3px 0 3px 10px;
}

.blocProduit .contenusAssocies ul li a:hover, .blocProduit .telechargements ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#00529a;
}

/* Personnalisation du zoom de la fiche produit (produit.html)
-------------------------------------------------------- */

#superbox-overlay {
	width: 100%;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	background:#e0e4cc;
}

#superbox-container .loading {
	width:32px;
	height:32px;
	text-indent:-9999px;
	background-image:url(_gfx/loader.gif);
	background-position:center 0;
	background-repeat:no-repeat;
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 100%;
}

#superbox .close a {
	float:right;
	padding:0 10px 0 30px;
	margin:0px 0 0 0px;
	line-height:22px;
	color:#475764;
	background-image: url(images/BtFermer.gif);
	background-repeat: no-repeat;
	width: 49px;
	height: 22px;
	cursor:pointer;
}

#superbox .nextprev a {
	float:left;
	margin-right:5px;
	padding:0 5px;
	line-height:20px;
	background:#00529a;
	cursor:pointer;
	color:#fff;
}

#superbox .nextprev .disabled {
	background:#ccc;
	cursor:default;
}

#superbox .close a:hover {
	text-decoration:none;
}

/* box d'ajout au panier
-------------------------------------------------------- */
#box-content {
	background-image: url(_gfx/fondPopupAjoutPanier.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 460px;
	margin:0;
	padding:10px;
	overflow: hidden;
}
#box-content img {
	float: left;
	margin:0px;
	padding: 0px;
	width: 100px;
	height: 105px;
}
#box-content h1 {
	float: left;
	margin:0px;
	padding:10px 0px;
	font-size: 14px;
	color: #475764;
	width:360px;
}
#box-content form {
	float: left;
	margin:0px;
	padding:0px 10px;
	font-size: 14px;
	color: #475764;
	width:340px;
	text-align: left;
}
#box-content label {
	float: left;
	margin:0px;
	padding:0px 0px;
	font-size: 14px;
	width:140px;
}
#box-content .blocBts {
	float: left;
	margin:0px 0;
	padding:20px 0px;
	width: 440px;
}
#box-content  .blocBts .btCommander{
	float: left;
	margin:0px 0 0 20px;
	_margin:0px 0 0 10px;
}
/* box d'ajout de commentaires
-------------------------------------------------------- */
.box-comment {
	background-image: url(_gfx/fondPopupComment.jpg);
	background-repeat: no-repeat;
	height:400px;
	width: 600px;
	margin:-11px 0 0 0;
	padding:10px;
	overflow: hidden;
}
.box-comment img {
	float: left;
	margin:0px;
	padding: 0px;
	width: 100px;
	height: 105px;
}
.box-comment h1 {
	float: left;
	margin:20px 0 0 0;
	padding:10px 0px;
	font-size:22px;
	color: #475764;
	width:460px;
}
.box-comment form {
	float: left;
	margin:0px;
	padding:0px 10px;
	font-size: 14px;
	color: #475764;
	width:440px;
	text-align: left;
}
.box-comment form input {
	float: left;
	margin:10px 0 5px 0;
	padding:0px 10px;
	width: 263px;
	height: 20px;
}
.box-comment form textarea  {
	float: left;
	margin:10px 0 0 0;
	padding:0px 0px;
	width: 267px;
}
.box-comment label {
	float: left;
	margin:10px 0 0 0;
	padding:0px 0px;
	font-size: 14px;
	width:150px;
	height:20px;
}
.box-comment label span{
	float: left;
	margin:0px 0 0 0;
	padding:0px 0px;
	font-size:11px;
}
/* Nombre de pages
-------------------------------------------------------- */

.pages {
	float: left;
	width: 550px;
	color:#626164;
	font-size: 11px;
	position: relative;
	z-index: 1;
	border-bottom:1px dotted #C6C7C9;
	margin: 0 35px;
	line-height:19px;
}

.pages a, #pages a:visited {
	color:#626164;
	text-decoration: none;
	font-weight: bold;
}

.pages a:hover {
	text-decoration: underline;
}

.pages form.tri, .pagesRecherche form.tri{
	display: inline;
	float:left;
}

.pages form.tri label, .pagesRecherche form.tri label{
	color: #475764;
	margin-right : 10px;
	font-weight: bold;
}

#subwrapper .pages form.tri select, #subwrapper .pagesRecherche form.tri select {
	width: 130px;
	margin: 0;
}

.pages .pagination{
	float :right;
	_float:left;
	font-weight: bold;
	color: #4fbfe4;
	margin-bottom: 5px;
}

.pages .pagination a{
	position:relative;
	color: #000;
	line-height: 14px;
	text-decoration: underline;
}

.pagination .label{
	margin: 0 10px 0 0;
}
.pagesRecherche {
	float: left;
	width: 550px;
	color:#000;
	font-size: 11px;
	position: relative;
	z-index: 1;
	margin: 0 0px ;
	line-height:19px;
}
.pagesRecherche a {
	color:#000;
	text-decoration: none;
	font-weight: bold;
}
.pagesRecherche a:hover {
	text-decoration: underline;
	color: #000;
}
.pagesRecherche .pagination{
	float :right;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}
.pagesRecherche .pagination a{
	position:relative;
	color: #000;
	line-height: 14px;
	text-decoration: underline;
}

/* spritesheet navigation */
.fleches{
	display: inline-block;
	background: url(images/SS_pagination.png) no-repeat 0 0;
	color: #4fbfe4;
	height: 14px;
	width: 11px;
	vertical-align: middle;
	padding: 0 1px;
	
}

.fleches.premier{
	background-position: -7px 2px; 
}

.fleches.precedent{
	background-position: -26px 2px;
}
.fleches.suivant{
	background-position: -16px 2px;
}
.fleches.dernier{
	background-position: -34px 2px;
}

.fleches.separateur{
	background-position: 6px 1px;
}



/* Pied de page
-------------------------------------------------------- */

/* Pied de page
-------------------------------------------------------- */

#footer {
	float: left;	
	background-color: #F5F7F7;
	border-bottom: 1px dotted #C6C7C9;
	border-top: 1px solid #c8c9ca;
	color: #748CA1;
	padding: 0;
	width: 940px;
	}
	
#footer .colonne {
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 215px;
	}
	
#footer .colonne p {
	margin: 0;
	padding: 8px 0;
	}
	
#footer h4 {
	font-size: 11px;
	color: #626164;
	background-image: none;
	padding: 0 0;
	margin: 3px 0 0 0;
	}
			
#footer a, #footer a:visited  {
	font-weight:normal;
	color: #748CA1;
	text-decoration: none;
	letter-spacing:1px;
}

#footer h4 a, #footer h4 a:visited {
	font-weight: bold;
	border: none;
	letter-spacing:1px;
	}

#footer a:hover {
	text-decoration: underline;
}

#footer .colonne p.validator {
	float: left;
	margin: 5px 0 0 0;
	}
	
#footer .colonne p.validator a, #footer .colonne p.validator a:visited {
	border: none;
	}
	
#footerTop {
	height: 41px;
	position: relative;
	background: url(images/fond-footer-top.gif) repeat-x 0 0 ;
	border-bottom : 1px solid #fff;
	padding-left: 11px;
	}

#footerTop .listeGaranties{
	
}

#footerTop .listeGaranties li{
	float: left;
	line-height: 41px;
	padding-right: 30px;
	}

#footerTop .listeGaranties li a{
	background: url(images/puce_top_footer.png) no-repeat 0 3px;
	text-transform: uppercase;
	font-size: 10px;
	color: #475764;
	font-weight: bold;
	border: 0;
	padding-left: 12px;
}

#footerTop .listePaiements{
	position: absolute;
	right : 0;
	top:0;
	height: 100%;
}

#footerTop .listePaiements li{
	float: left;
	background-image: url(images/SS_footer-logos.jpg);
	background-repeat: no-repeat;
	height: 100%;
	padding-right: 20px;
}

#footerTop .listePaiements li.paybox{
	width: 76px;
	background-position: 0 4px;
}

#footerTop .listePaiements li.paypal{
	width: 66px;
	background-position: -99px 4px;
}
	
#footerTop .listePaiements li.cheque{
	width: 56px;
	background-position: -183px 4px;
}

#footerTop .listePaiements li.virement{
	width: 50px;
	background-position: -262px 4px;
}
	
	


#footerTop .listePaiements li a{
	display: block;
	height: 100%;
	text-indent: -9999px;
}
/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 20px 0;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	font-size: 12px;
	border-bottom:1px solid #ccc;
	clear:both;
	float:left;
	width:100%;
}

#contenu form p.derniereLigne {
	border:none;
}

#contenu form p label {
	float: left;
	width: 290px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
}

#contenu form p label.codeDeReduction {
	width: 180px;
	
}

#contenu form#recalculpanier span.textecode{
	
	color: red;
}
#contenu form p label.petit {
	width: 80px;
}



#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 1px #a9abad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#d8d9da;
}

#contenu form p input.codeDeReduction {
	width: 40px;
	background-color:#fff;
	padding: 4px;
}

#contenu form p select {
	width: 198px;
}

#contenu form p textarea {
	width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
	
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 300px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
}

#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#0081ca;
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 8px 0 0;/* Largeur du côté droit */ 
	color:#FFF;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}

.obligatoire {
	font-size: 10px;
	color: #FF0000;
	margin:10px 0;
}

/* Tableaux
-------------------------------------------------------- */

#contenu table, #contenu table tr {
	padding:0;
	margin:0;
}

#contenu table th {
	font-weight: bold;
	background-color: #d8d9da;
	border-bottom:solid 1px #FFFFFF;
}

#contenu table td {
	font-weight: bold;
	background-color: transparent;
	border:none;
}

#contenu table td.ligne {
	font-weight: bold;
	background-color: transparent;
	border-bottom:solid 1px #d8d9da;
}

#contenu table th.total {
	font-weight: bold;
	color:#FFF;
	background-color: #00529a;
	border-bottom:solid 1px #dedce6;
}

/* Liens internes au site
-------------------------------------------------------- */

.queFaire {
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	float:left;
	text-align:right;
	position: relative;
}

.queFaire a.bouton, 
.queFaire button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.queFaire a.bouton span, 
.queFaire button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 7px; 
    vertical-align:middle;
    background-color:#0081ca;
} 

.queFaire a.bouton span span, 
.queFaire button.bouton span span {
	color:#fff;
    height:24px; 
    padding:0; 
    padding:0 7px 0 0; 
    line-height:22px; 
    background-color:#0081ca;
} 
 
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, 
.queFaire button.bouton:hover span, .queFaire button.bouton:hover span span { 
    background-color:#00529a;
} 
 
/*  général
-------------------------------------------------------- */

#moteurEtCatalogue {
	float: left;
	width: 160px;
	padding: 0;
	margin: 6px 0 30px;
}

#accueil, #menuCatalogue {
	float: left;
	padding: 0;
	margin:0 ;
	width:100%;
}

#accueil ul, #menuCatalogue ul {
	padding: 0;
	margin:0;
	list-style:none;
	color:#FFFFFF;
}

#accueil ul li{
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0 0 1px 0;
}

#accueil ul li a{
	text-decoration:none;
	color:#fff;
	border-left:solid 3px #0068b2;
	display:block;
	background-color:#0081ca;
	padding:5px 0 5px 10px;
}

#accueil ul li a:hover{
	text-decoration:none;
	color:#FFF;
	border-left:solid 3px #02407a;
}

#menuCatalogue{
	margin: 0 0 30px;
}

#menuCatalogue h2{
	font-size: 27px;
	color: #0797d6;
	line-height: 27px;
	text-transform: uppercase;
	margin: 20px 0 5px;
}


#menuCatalogue h2 span,
#engagements h2 span,
#choixconseils h2 span,
#bonsPlans h2 span{	
	color: #032C46;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	margin-top: 4px;
	text-transform: none;
}

#choixconseils h2 span{
	margin: 0;
}

#bonsPlans h2 span{
	font-size: 14px;
	line-height: 10px;
}

#menuCatalogue h3{
	margin: 15px 0 5px 0;
	float: left;
	width: 100%;
	overflow: hidden;
}

#menuCatalogue h3 a{
	font-size: 11px;
	color: #475764;
}

#menuCatalogue ul li{
	border-bottom: 1px dotted #c6c7c9;
	padding:0 0 0 10px;
	background: url(images/puce_menuCatalogue.gif) no-repeat 0 4px;
	line-height: 18px;
	float: left;
	width: 100%;
	}

#menuCatalogue ul li a {
	font-size: 11px;
	color: #3f85a6;
}


#menuCatalogue ul li a.selection {
	color:#3f85a6;
}

#menuCatalogue ul li ul li, #menuCatalogue ul li.element, #menuCatalogue ul li.activer{
	padding:0 0 0 0px;
	margin: 1px 0 0 0px;
	background: none;
	border: none;
}

#menuCatalogue ul li ul li a{
	color: #475764;
	text-decoration: none;
}
.toggler, .toggler2{
color: black;
cursor:pointer;
}

/* page d'aide au calcul du calibre
-------------------------------------------------------- */
#calculCalibre{
	width: 560px;
	overflow: visible;
	float: left;
	padding: 0px;
	margin: 0 0 0px 0;
}
#calculCalibre .colonnecalibre{
	float: left;
	color: white;
	width:255px;
	padding:0; margin: 0 10px;
}
#calculCalibre .colonnecalibre .blocright	{
	margin:0px 0 0 0;
	padding:0;
	width:194px;
	float:right;
	text-align: right;
}
#calculCalibre p {
	float: left;
	color: white;
	width:560px;
	margin: 10px 0 0 0;
}
#calculCalibre a {
	color: white;
	margin: 10px 0;
	text-decoration: underline;
}




/* Recherche
-------------------------------------------------------- */


#moteurDeRecherche, #moteurDeRecherche1, #moteurDeRecherche7, #moteurDeRecherche59{
	width: 620px;
	background-color: #4B94C9;
	overflow: visible;
	float: left;
}
#moteurDeRecherche h2{
	font-size: 12px;
}

#contenu #moteurDeRecherche h3,
#contenuPageRubrique #moteurDeRecherche h3{
	background: url(images/recherche-accessoire.jpg) no-repeat 0 0;
	height:48px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	border-top : 1px solid #A8C0D2;
}
#contenu #moteurDeRecherche1 h3,
#contenuPageRubrique #moteurDeRecherche1 h3{
	background: url(images/choisir-nettoyeur.jpg) no-repeat 0 0;
	height:48px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	border-top : 1px solid #A8C0D2;
}
#contenu #moteurDeRecherche7 h3,
#contenuPageRubrique #moteurDeRecherche7 h3{
	background: url(images/choisir-accessoire.jpg) no-repeat 0 0;
	height:48px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	border-top : 1px solid #A8C0D2;
}
#contenu #moteurDeRecherche59 h3,
#contenuPageRubrique #moteurDeRecherche59 h3{
	background: url(images/choisir-equipement.jpg) no-repeat 0 0;
	height:48px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	border-top : 1px solid #A8C0D2;
}

#contenuPageRubrique #moteurDeRecherche h3{
	background-image: url(images/choisir-accessoire.jpg);
}

#moteurDeRecherche .formWrapper, #moteurDeRecherche1 .formWrapper, #moteurDeRecherche7 .formWrapper, #moteurDeRecherche59 .formWrapper{
	margin: 0 20px;
	padding: 15px 10px 20px 10px;
	background: #9bc5e1 url(images/fond-moteur-recherche.png) repeat-x 0 0;
}
#moteurDeRecherche .formWrapper p, #moteurDeRecherche1 .formWrapper p, #moteurDeRecherche7 .formWrapper p, #moteurDeRecherche59 .formWrapper p{
	margin:0px 0;
	padding:0px 0 10px 0;
	width: 559px;
}
#buse{
	font-size: 18px;
	font-weight: bold;
}
#moteurDeRecherche .formWrapper p a, #moteurDeRecherche1 .formWrapper p a, #moteurDeRecherche7 .formWrapper p a, #moteurDeRecherche59 .formWrapper p a{
	margin: 0px 10px;
	color: #FFF;
}
#moteurDeRecherche .formWrapper ul, #moteurDeRecherche1 .formWrapper ul, #moteurDeRecherche7 .formWrapper ul, #moteurDeRecherche59 .formWrapper ul{
	float: left;
	width: 559px;
	margin: 0px 0 0px 0;
	color: #475764;
	font-weight: bold;
}
#moteurDeRecherche .formWrapper ul li, #moteurDeRecherche1 .formWrapper ul li, #moteurDeRecherche7 .formWrapper ul li, #moteurDeRecherche59 .formWrapper ul li {
	width: 190px;
	float: left;
	text-align: left;
	margin: 0px 0px;padding: 0;
	color: #475764;
}
#moteurDeRecherche .formWrapper ul li a,#moteurDeRecherche1 .formWrapper ul li a, #moteurDeRecherche7 .formWrapper ul li a, #moteurDeRecherche59 .formWrapper ul li a{
	margin: 0px 0px;
	color: #475764;
}

#contenu #moteurDeRecherche form {
	margin: 0;
	padding: 0 0 10px;
	border:none;
}

#contenu #moteurDeRecherche form p,
#contenuPageRubrique #moteurDeRecherche form p{
	margin: 0;
	padding: 0px 0;
	float: none;
	border: 0;
	color: #0d3c5f;
	line-height: 14px;
	position: relative;
	background: none;

}

#moteurDeRecherche .colonne{
	float: left;
	color: white;
	padding-bottom: 10px;
	
}

#moteurDeRecherche .colonne.droite{
	background: url(images/fiche_produit/fond_colonne_droite.png) no-repeat left bottom;
	padding-left: 12px;
	background-color: white;
}

#moteurDeRecherche .colonne.gauche{
	background: url(images/fiche_produit/fond_colonne_gauche.png) no-repeat right bottom; 
}

#contenu #moteurDeRecherche #moteurDeRecherche p.label,
#contenuPageRubrique #moteurDeRecherche p.label{
	color: white;
	font-weight: bold;
	font-size: 12px;
}

#contenu #moteurDeRecherche form p,
#contenuPageRubrique #moteurDeRecherche form p{
	margin: 0;
	padding: 0px 0;
	float: left;
	border: 0;
	color: #0d3c5f;
	line-height: 14px;
}



#contenu #moteurDeRecherche form select,
#contenuPageRubrique #moteurDeRecherche form select,
#contenuPageRubrique form select{
	background-color: #F3F3F3;
	border: 1px inset #a7a7a7;
	border-bottom: 0 none;
	color: #475764;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	margin: 5px 10px 5px 0;
	padding-left: 7px;
	width: 190px;
}

#contenu #moteurDeRecherche form select option,
#contenuPageRubrique #moteurDeRecherche form select option{
	padding:0;
	border:none;
	margin:0;
}

#contenu #moteurDeRecherche form input.boutons {
	border: none;
	width: 135px;
	position: relative;
	top: -2px;
	margin-left: 10px;
}

#moteurDeRecherche form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:none; 
    background:none;
	font-size:13px;
	font-weight:bold;
}

#moteurDeRecherche form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#00529a;
	border:solid 1px #fff;
}

#moteurDeRecherche form button.bouton span span {
	padding:0 8px 0 0;
	border: none;
	color: #FFF;
	height: 18px;
	line-height: 18px; /* Alignement vertical du texte et largeur du côté droit*/
}
	
/* Moyens de paiement
-------------------------------------------------------- */

.moyensDePaiement {
	float:left;
	margin: 0;
	padding:0 10px;
	width:980px;
}

.moyensDePaiement h4 {
	margin:32px 0 0 0;
	float:left;
 
}

.moyensDePaiement ul, .moyensDePaiement ul li {
	list-style:none;
	margin: 0;
	padding:0;
	border:none;
}

#signature {
	float: left;
	width: 940px;
	margin: 15px 0 0;
}

#signature p{
	color: #475764;
	font-size: 10px;
	text-align: center;
}

#signature p a{
	font-style: italic;
	color: #475764;
	text-decoration: underline;
}

#signature p.liens a{
	margin: 0 25px;
}

#contenuPageProduit{
	float: left;
	width: 780px;
	_width: 770px;
	background: url(images/fiche_produit/fond-contenu.gif) repeat-y 0 0;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#contenuPageProduit .blocProduit{
	width: 100%;
	float: left;
}
#contenuPageProduit .blocProduit span.cornerTopRight{
	background: transparent url(images/fiche_produit/fond-fiche-top-right.png) no-repeat scroll right 0;
	height: 169px;
	position: absolute;
	right: 0;
	top: -20px;
	width: 174px;
}

#contenuPageProduit .blocProduit span.promo{
	background: transparent url(images/fiche_produit/fond-promo.png) no-repeat scroll right top;
	height: 99px;
	position: absolute;
	right: 18px;
	top: 18px;
	width: 99px;
}

#contenuPageProduit .blocProduit h2{
	height: 33px;
	padding-right: 25px;
	margin: 0;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	background: url(images/fiche_produit/fond-titre-produit-degrade.jpg) no-repeat;
}
#contenuPageProduit .blocProduit p{
	color: #0d3c5f;
	line-height: 14px;
}

#contenuPageProduit .blocProduit h2 span{
	display: inline-block;
	padding: 0;
	padding-left: 25px;
	margin:0;
	height: 33px;
	line-height: 33px;
	background: url(images/fiche_produit/fond-titre-produit.jpg) repeat-x 0 0;
	vertical-align: top;
}

#contenuPageProduit .blocProduit h2 span.close{
	background: url(images/fiche_produit/fond-titre-produit-right.jpg) repeat-x 0 0;
	background-position: top right;
	padding: 0;
	width:25px;
}
#contenuPageProduit .blocPaysage{
	float: left;
	padding: 0; margin: 0;
	border-right: 1px dotted #c6c7c9;
	width: 509px;
	overflow: hidden;
}

#contenuPageProduit .blocProduit .blocDImages, #contenuPageProduit .blocProduit .blocDImages627{
	float: left;
	background: url(images/fiche_produit/font-fiche-top.png) no-repeat top left;
	padding-top: 15px;
	width: 220px;
	text-align: center;
}
#contenuPageProduit .blocProduit .blocDImages628{
	float: left;
	background: url(images/fiche_produit/font-fiche-top.png) no-repeat top left;
	padding: 15px 15px 0 0; margin: 0;
	width:495px;
	text-align: center;
}

#contenuPageProduit .blocProduit .blocDImages .grandeImage, #contenuPageProduit .blocProduit .blocDImages627 .grandeImage{
	width: 200px;
	border: none;
	float: none;
	padding: 0;
}

#contenuPageProduit .blocProduit .blocDImages ul.vignettes, #contenuPageProduit .blocProduit .blocDImages627 ul.vignettes{
	width:208px;
	padding: 0 0px 0 12px;
}

#contenuPageProduit .blocProduit .blocDImages ul.vignettes li, #contenuPageProduit .blocProduit .blocDImages627 ul.vignettes li {
	float:left;
}

#contenuPageProduit .blocProduit .blocDImages ul.vignettes li a, #contenuPageProduit .blocProduit .blocDImages627 ul.vignettes li a{
	border:1px solid #475764;
	height:45px;
	overflow:hidden;
	width:55px;
	margin: 0 12px 0 0px;
	padding: 0;
}

#contenuPageProduit .blocProduit .introProduit, #contenuPageProduit .blocProduit .introProduit627{
	margin: 0px 0 0 0;
	padding: 15px 10px 0 40px;
	width: 237px;
	text-align: left;
	border-left:1px dotted #C6C7C9;
	border-right: 1px dotted #c6c7c9;
	float: left;
}
#contenuPageProduit .blocProduit .introProduit628{
	margin: 15px 0 0 0;
	padding: 15px 10px 0 10px;
	width: 485px;
	text-align: left;
	float: left;
}

#contenuPageProduit .blocProduit .introProduit p{
	color: #475764;
	line-height: 14px;
}

#contenuPageProduit .blocProduit .introProduit p strong{
	color: #61bde5;
}


#contenuPageProduit .blocProduit .description{
	padding: 15px 10px 0 30px;
	_padding: 15px 10px 0 10px;
	width: 230px;
	height: 226px;
	text-align: left;
	float: left;
}

#contenuPageProduit .blocProduit .description p.livraison{
	float: left;
	overflow: hidden;
	margin:20px 0 0 0; padding: 0;
	font-size: 12px;
	color: #032c46;
	font-weight: bold;
	width: 160px;
}

#contenuPageProduit .blocProduit .description p.livraison strong{
	color: #0797d6;
	text-transform: uppercase;
}

#contenuPageProduit .blocProduit label{
	float: left;
	display: inline-block;
	width: 60px;
	font-weight: bold;
	color: #032c46;
}
#contenuPageProduit .blocProduit select{
	font-weight: bold;
	color: #032c46;
	float: left;
	width:50px;
}
#contenuPageProduit .blocProduit .calcul{
	float: left;
	margin: 0;
	width: 230px;
}
#contenuPageProduit .blocProduit .calcul h3{
	float: left;
	font-size: 14px;
	color: #0797d6;
	width: 230px;
}
#contenuPageProduit .blocProduit .calcul label{
	float: left;
	display: inline-block;
	width: 60px;
	font-weight: bold;
	color: #032c46;
}
#contenuPageProduit .blocProduit .calcul select.longueur{
	float: left;
	width: 70px;
}
#contenuPageProduit .blocProduit .calcul span.aideCalcul{
	float: left;
	margin: 0 0 0 0px;
}
#contenuPageProduit .blocProduit .prixProduit{
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #475764;
	display: inline-block;
	margin:0px 0 0 0;
	width: 220px;
}

#contenuPageProduit .blocProduit .prixProduit .PrixPromo{
	color: #e3682b;
	font-weight: bold;
}
#contenuPageProduit .blocProduit .btCommander{
	float: left;
	margin:20px 0 0 0;
}

ul.tabs {
	float:left;
    background:transparent url(images/fiche_produit/SS_fiche-produit.png) repeat-x scroll left -1px;
	height:43px;
	margin:0 20px;
	padding-left:20px;
	width:720px;
	overflow: hidden;
}
ul.tabs li {
	background:transparent url(images/fiche_produit/SS_fiche-produit.png) repeat-x scroll left -92px;
	color:#64BAE0;
	float:left;
	font-size:15px;
	height:43px;
	line-height:56px;
	padding:0 15px;
    list-style:none;
    display:inline;
}
ul.tabs li.empty span{
	display: inline-block;
	visibility: hidden;
}

ul.tabs li a {
    color:#64BAE0;
    padding:0;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
}
ul.tabs li a:hover, ul.tabs li a.active {
	color:#0797d6;
}
.content {
	float: left;
    padding:10px;
    margin:0 20px;
	width:740px;
}
#content_2, #content_3 { display:none; }



/* bloc produits (page produit)*/

.pageProduit{
	float:left;
	background: #4B94C9;
	width:780px;
}
.pageProduit p{
	float:left;
	width:740px;
	padding: 0 30px;
	color:white;
}

.pageProduit h3.conseils{
	background:transparent url(images/fiche_produit/titre-conseils-washe.png) no-repeat scroll 0 0;
	height:43px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

.pageProduit .rubriquesWrapper{
	background: url(images/fiche_produit/fond-bloc-produit-body.png) repeat-y center 0;
	width: 780px;
}

.pageProduit .rubriquesWrapper .rubriqueTop{
	background: url(images/fiche_produit/fond-bloc-produit-top.png) no-repeat center 0;
	width: 780px;
}

.pageProduit .rubriquesWrapper .rubriqueBottom{
	background: url(images/fiche_produit/fond-bloc-produit-bottom.png) no-repeat scroll center bottom;
	width: 780px;
}

.pageProduit .pages{
	width: 710px;
}

.pageProduit .rubriquesWrapper .blocRubriques{
	width: 740px;
}

.pageProduit .rubriquesWrapper .description{
	width: 400px;
}

.pageProduit .tarif{
	float: left;
}

.pageProduit .rubriquesWrapper .prixProduit{
	margin-top:0;
}

.pageProduit .rubriquesWrapper .image{
	width: 120px;
}

span.bleuClair{
	color:#475764;
}
span.prixTTC{
	color: #e3682b;
	font-size: 16px;
	font-weight: bold;
}

.rubriquesWrapper{
	background: url(images/sous_rubriques/fond-bloc-produit-body.png) repeat-y center 0;
	_background: url(images/sous_rubriques/fond-bloc-produit-body.png) repeat-y;
	margin: 15px 0 20px 0;
	_margin: 15px 0 20px 10px;
	padding: 0;
	position: relative;
	float: left;
	width: 620px;
	_overflow: hidden;
}

.rubriquesWrapper .rubriqueTop{
	position: absolute;
	display: block;
	width: 620px;
	left: 0;
	top: -10px;
	background: url(images/sous_rubriques/fond-bloc-produit-top.png) no-repeat center 0;
	height:124px;
	z-index: 0;
}

.rubriquesWrapper .rubriqueBottom{
	background: url(images/sous_rubriques/fond-bloc-produit-bottom.png) no-repeat scroll center bottom;
	bottom: -14px;
	display: block;
	height: 124px;
	left: 0;
	position: absolute;
	width: 620px;
	z-index: 0;
}

.rubriquesWrapper .blocRubriques{
	margin: 0;
	padding: 0 20px;
	_padding: 0 0px;
	position: relative;
	z-index: 1;
	background: none;
	float: left;
	width: 580px;
}

.blocRubriques h3{
	margin-top :10px;
}

.blocRubriques .contenu{
	margin: 10px 15px 0;
	border-bottom: 1px dotted #c6c7c9;
}

.blocRubriques{
	height: auto;
}

.blocRubriques .description, .blocRubriques .description627{
	width: 385px;
    float: left;
    top: 0;
    left: 0;
    position: relative;
    padding-bottom: 10px;
}
.blocRubriques .description628{
	width:520px;
    float: left;
    top: 0;
    left: 0;
    position: relative;
    padding-bottom: 10px;
}

#contenuPageRubrique .blocRubriques .description627 p, #contenuPageRubrique .blocRubriques .description628 p{
	margin :0;
}

a.more {
	color: #475764;
	text-decoration: underline;
	font-size: 11px;
	background: url(images/puce_lien_produit.png) no-repeat 0 4px ;
	padding-left: 12px;
	font-weight: bold;
}

.blocRubriques .bandeau{
	right: 30px;
	top: 10px;
}

.blocRubriques .image{
	margin: 0 10px 10px 0;
	width: 120px;
}

/* Classes générales*/

.alignRight{
	float: left;
	text-align: right;
	margin-top: 20px;
}
.alignRight2{
	float: right;
	text-align: right;
	margin-bottom:20px;
}
.noFloat{
	float:none;
}

.clearer{
	clear:both;
	line-height: 0;
	font-size: 0;
}

/* Spritesheets 
-------------------------------------------------------- */

.iconSet{
	background-image: url(images/SS_engagements.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 59px;
	float: left;
}

.iconSet.box{
	background-position: 0 top;
}
.iconSet.garantie{
	background-position: 0 center;
	height: 63px;
}
.iconSet.paiement{
	background-position: 0 bottom;
}

.boutons{
	display: block;
	text-indent: -9999px;
	height: 38px;
	width: 135px;
	background: url(images/SS_boutons.png) no-repeat 0 0;
	cursor: pointer;
	border: none;
	overflow: hidden;
}

.boutons.conseils{
	background-position: 0 -38px;
}
.boutons.mventes{
	background-position:0 -418px;
	width:160px;
	height: 34px;
}

.boutons.commander{
	background-position: 0 -76px;
}

.boutons.rechercher{
	background-position: 0 0;
}

.boutons.continuer{
	background-position: 0px -114px;
	display:inline-block;
}

.boutons.revenir{
	background-position:0 -152px;
	width:240px;
}
.boutons.retourachats{
	background-position:0 -450px;
	width:222px;
}
.boutons.voirmonpanier{
	background-position:0 -488px;
	width:178px;
}
.boutons.modifier{
	background-position:0 -525px;
	width:124px;
}
.boutons.valider{
	background-position:0 -562px;
	width:124px;
}

.boutons.identifier{
	background-position:0 -190px;
	margin-top: 15px;
}

.boutons.creerCompte{
	background-position:0 -228px;
	width:180px;
}

.boutons.inscription{
	background-position:0 -266px;
	height: 38px;
}

.boutons.payer4{
	background-position:0 -304px;
	width:230px;
}
.boutons.payer51{
	background-position:0 -752px;
	width:159px;
}
.boutons.payer6{
	background-position:0 -342px;
	width:173px;
}

.boutons.payer9{
	background-position:0 -380px;
	width:252px;
}
.boutons.payer14{
	background-position:0 -600px;
	width:184px;
}
.boutons.transport{
	background-position:0 -638px;
	width:250px;
}
.boutons.retouraccueil{
	background-position:0 -676px;
	width:176px;
}
.boutons.retoursimple{
	background-position:0 -714px;
	width:121px;
}
.boutons.retouralarticle{
	background-position:0 -790px;
	width:194px;
}
.boutons.telechargercatatogue{
	background-position:0 -828px;
	width:248px;
}
.boutons.recevoircatatogue{
	background-position:0 -866px;
	width:221px;
}

.boutons.payer4,
.boutons.payer51,
.boutons.payer6, 
.boutons.payer9,
.boutons.payer14,
.boutons.transport{
	position: absolute;
	bottom: 20px;
	right:30px;
}

.boutons span{
	display : none;
	
}
.blocleft {
	margin:20px 0 0 0;
	padding:0;
	width:50%;
	float:left;
}
.blocright	{
	margin:20px 0 0 0;
	padding:0;
	width:50%;
	float:right;
	text-align: right;
}
.btblocright	{
	margin:20px 0 0 0;
	padding:0;
	width:50%;
	float:right;
	text-align: right;
}




/* Page rubrique */


#titleWrapper{
	position: relative;
	height: 207px;
	border-bottom:solid 1px #475764;
}


#titleWrapper h2{
	position: absolute;
	height:36px;
	left:0;
	bottom: 0;
	line-height: 36px;
	font-size: 18px;
	color:  #fff;
	text-transform: uppercase;
	margin:0 0 0 30px;
	padding: 0 0 0 18px;
	background: url(images/puce_titre_rubrique.png) no-repeat 0 11px;
}

#titleWrapper h2 span {
	font-size: 14px;
	text-transform: none;
}

#contenuPageRubrique{
	background-color: #4B94C9;
	padding-bottom: 50px;
}

#contenuPageRubrique p{
	color: white;
	font-size: 12px;
	line-height: 14px;
	margin: 0 30px;
}

#contenuPageRubrique .produitsWrapper{
	padding-left: 10px;
	margin:10px 0 30px 0;
	float:left;
}

#contenuPageRubrique .petitBlocProduit{
	padding: 0;
	margin: 6px;
	width: 188px;
	height: 181px;
	background: transparent url(images/rubrique_accessoires/fond_produit.png) no-repeat 0 0;
}

#contenuPageRubrique .petitBlocProduit h3{
	background-color: transparent;
}

#contenuPageRubrique .petitBlocProduit .contenu{
	width: 188px;
	background-color: transparent;
	text-align: center;
	padding: 0;
	float: none;
}

#contenuPageRubrique .petitBlocProduit h3 a,
#contenuPageRubrique .petitBlocProduit h3 a:visited{
	background-color: transparent;
}

#contenuPageRubrique .petitBlocProduit .image{
	height: 105px; /* à supprimer */
	text-align: center;
	margin: auto;
	display: block;
	float: none;
	border: none;
}

a.puce{
	text-align: right;
	background: url(images/puce_lien_produit.png) no-repeat 0 4px ;
	margin-left: 20px;
	padding-left: 12px;
	color: #475764;
	font-weight: bold;
	text-decoration: underline;
}

.horizontalRule{
	background: url(images/hr-contenu.png) no-repeat 0 0 ;
	width: 620px;
	height: 2px;
	margin: 20px 0 15px 0;
}


/* Panier */
#contenu.large{
	width: 740px;
	padding: 10px 20px 0;
	
}

#contenu.large h2{
	font-size: 30px;
	line-height: 30px;
	color: #0797d6;
	text-transform: uppercase;
	margin:0;
}

#contenu.large h3{
	font-size: 18px;
	color: #032c46;
	font-weight: normal;
	margin-bottom: 20px;
}

#ecoute{
	background: url(images/commande/fond-ecoute-washe.jpg) no-repeat 0 0;
	width: 140px;
	height: 352px;
	margin-top: 65px;
	float: left;
}

#ecoute p{
	line-height:18px;
}

#ecoute .strong{
	font-size:13px;
	margin:75px 5px 0 10px;
}

#ecoute .contact{
	margin: 25px 5px 0 10px;
}

#ecoute strong{
	font-size:13px;
}

#ecoute a{
	color: #475764;
	text-decoration: underline;
	font-weight: bold;
}

#contenuWrapper{
	float: left;
	background-image: url(images/commande/fond_panier.jpg);
	background-repeat: no-repeat;
	width: 770px;
	overflow: hidden;
}

#contenu table.commande{
	margin-top: 15px;
	float:left;
}

#contenu table.commande th{
	font-size: 17px;
	color: #287cb5;
	vertical-align: top;
}

#contenu table.commande td.ligne,
#contenu table.commande th{
	border:0;
	border-right: 1px dotted #c1c4ca;
	background: none;
	height: 50px;
}
#contenu table.commande td a{
	color: #273746;
	font-weight: bold;
	text-decoration: underline;
}

#contenu table.commande td{
	color: #032c46;
	font-weight: normal;
}

#contenu table.commande td.prix{
	color: #287cb5;
}

#contenu table.commande form{
	margin: 0;
}

#contenu table.commande tr.impair td{
	background-color: #f8fbfe;
}

#contenu table.commande tr.code td,
#contenu table.commande tr.ssTotal td,
#contenu table.commande tr.total td{
	height: 30px;
	font-size: 12px;
	color: white;
	border: none;
}

#contenu table.commande tr.code td{
	background-color: #e5753d;
	border-right: 1px dotted white;
}
#contenu table.commande tr.code td span{
	margin: 0 10px
}
#contenu table.commande tr.code td a{
	color: #FFF;
	text-decoration:underline;
}
#contenu input.codeDeReduction {
	width: 270px;
	background-color:#fff;
	padding: 4px;
	margin:0 10px;
}
#contenu .code input.codeDeReduction {
	width: 210px;
}

#contenu table.commande tr.ssTotal td{
	background-color: #e3eef5;
	color: #273746;
	text-align: right;
	font-weight: bold;
}

#contenu table.commande tr td.prixTotal{
	font-size: 14px;
} 

#contenu table.commande tr.total td{
	background: url(images/commande/fond_tableau_bas.png) repeat-x left bottom;
	text-transform: uppercase;
	text-align: right;
}
/* Page contact.html */

#contact, #contactPro{
	float:left;
	width: 99%;
	margin: 20px 5px;
}
#demandecatalogue{
	float:left;
	width: 95%;
	margin: 20px 20px;
}
#contact{
	color: #287cb5;
}
#demandecatalogue h1{
	color: #287cb5;
	font-size: 24px;
	font-weight: normal;
	margin: 10px 0 30px 0;
}
#demandecatalogue .entete{
	float: left;
	height: 207px;
	width: 620px;
	z-index: 1;
}

#demandecatalogue .couverture{
	float:left;
	width:289px;
	margin:0 10px 0 0;
	overflow: hidden;
}
#demandecatalogue .description{
	float:left;
	width:290px;
	margin:0;
	overflow: hidden;
}
#demandecatalogue form{
	float:left;
	margin:20px 0;
	overflow: hidden;
}
#contact .colonne.bordure{
	border-left: 1px dotted #c1c4c8;
	padding-left: 10px;

}
#contact .colonne label, #demandecatalogue label {
	font-weight: bold;
	float:left;
	width: 120px;
}
#demandecatalogue label.mercide {
	font-weight: normal;
	font-size: 14px;
	width:290px;
	margin: 10px 0;
}
#demandecatalogue input.email {
	width:280px;
	margin: 10px 0;
}
#demandecatalogue h5 {
	width:100%;
	margin: 10px 0;
}

#contact p {
	border: none;
}
#contact .colonne p{
	font-weight: bold;
	border: none;
}

#contact .colonne .fieldset, #demandecatalogue .fieldset{
	line-height: 16px;
	height: 30px;
}
#contact .colonne .colonneSubmit{
	margin-left: 160px;
	_margin-left: 140px;
}

#contact .colonne a{
	color : #475764;
	text-decoration: underline;
}
#contact textarea, #contact  input.objet {
	width:280px;
	margin-bottom: 15px;
	background: none;
}
#contactPro p {
	border: none;
	margin: 20px 0;
	width: 100%;
}
#contactPro span{
	font-size: 12px;
	font-weight: normal;
}

#contactPro label {
	float: left;
	width: 290px;
	font-weight: bold;
}
#contactPro input{
	width: 300px;
}
#contactPro textarea {
	width: 590px;
}

#contactPro input.radio {
	width: 20px;
	margin-left: 40px;
}


/* Commande Etape authentification */

#commandeAuth,
#commandeInscr{
	float:left;
	background-color: #f8fbfe;
	width: 760px;
	overflow: hidden;
}
#commandeInscr2{
	float:left;
	background:#3b88bf;
	width: 760px;
	overflow: hidden;
	margin: 0px;
	
}



#fondBleu{
	float: left;
	width: 99%;
	background:#3b88bf;
	padding:12px;
	margin: 0px;
}
#separateur {
	float: left;
	width: 100%;
	margin: 0px 0 10px 0;
}



#commandeAuth .colonne,#commandeInscr .colonne, #commandeInscr2 .colonne, #contact .colonne{
	float: left;
	width: 49%;
	_width: 300px;
	_overflow:hidden;
	
	
}


#commandeAuth .colonne.bordure, #commandeInscr .colonne.bordure, #commandeInscr2 .colonne.bordure{
	border-right : 1px dotted #c1c4c8;
	

}

#commandeAuth .colonne h3, #commandeAuth .colonne p, #commandeAuth .colonne form {
	margin-left: 20px;
	margin-right: 20px;
}

#commandeAuth .colonne h3{
	margin-top: 40px;
	font-size: 16px;
	color: #287cb5;
}

#commandeAuth .colonne p{
	color: #032c46;
	padding: 1px 0;
}

#commandeAuth .colonne label{
	font-weight: bold;
	float:left;
	width: 120px;
}

#commandeAuth .colonne .fieldset{
	line-height: 16px;
	height: 30px;
}

#commandeAuth .colonne .colonneSubmit{
	margin-left: 120px;
}

#commandeAuth .colonne a{
	color : #475764;
	text-decoration: underline;
}

#commandeInscr, #commandeInscr2 {
	float: left;
	width: 100%;
}

#commandeInscr p{
	color: #748ca1;
	margin:10px;
	padding: 0;
	font-size: 11px;
	line-height: 18px;
}
#commandeInscr2 p{
	color: #748ca1;
	margin:0 10px 0 25px;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
}

#contenu #commandeInscr h3{
	padding: 10px 10px 25px;
	margin:0;
	font-size: 16px;
	color: #287cb5;
	line-height: 16px;
}
#contenu #commandeInscr2 h3{
	padding: 10px 10px 20px 25px;
	margin:0;
	font-size: 16px;
	color: #287cb5;
	line-height: 16px;
}


#commandeInscr .colonne div, #commandeInscr2 .colonne div{
	padding:0 60px;
}
#commandeInscr .colonne div.blocRight, #commandeInscr2 .colonne div.blocRight{
	float: left;
	padding:0 0px 0 125px;
	margin: 20px 0;
}

#commandeInscr .colonne form, #commandeInscr2 .colonne form{
	float: left;
	width: 100%;
	margin: 10px 0;
}

#commandeInscr form p, #commandeInscr2 form p{
	border: 0;
	margin:10px 0;
	color:#032c46;
	font-size: 11px;
	line-height: 13px;
}

#contenu p.mentions{
	color:#748ca1;
	font-size: 10px;
	line-height: 14px;
	float:left;
}


#commandeInscr label, #commandeInscr2 label{
	color:#032C46;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	margin:10px 0;
	/margin:0px 0;
}

#commandeInscr label.checkBoxLabel{
	float: left;
	margin:3px 20px;
	width: 180px;
}
#commandeInscr2 label.checkBoxLabel{
	float: left;
	margin:3px 10px;
	width: 180px;
}

#commandeInscr input.checkbox, #commandeInscr2 input.checkbox {
	float: left;
	padding:2px 4px;
	width:20px;
}


#commandeInscr label span, #commandeInscr2 label span{
	color:#287cb5;
}

#commandeInscr input, #commandeInscr2 input{
	background: url(images/fond_input.png) no-repeat 0 0;
	border:0;
	height:16px;
	padding:2px 4px;
	width:240px;
}


#commandeInscr select, #commandeInscr2 select{
	background: url(images/fond_input.png) no-repeat 0 0;
	border:0;
	height:20px;
	padding:2px 4px;
	margin: 0 40px 0 0;
	width:180px;
}


/* PAIEMENT */
#commandePaiement{
	float:left;
	width: 740px;
	background-color: #4894C8;
}

#contenu #commandePaiement h3{
	background:transparent url(images/commande/fond-paiement.png) no-repeat scroll 0 0;
	border-top:1px solid #A8C0D2;
	height:52px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
#commandePaiement .entete{
	background:#9BC5E1 url(images/fond-moteur-recherche.png) repeat-x scroll 0 0;
	margin:0 20px;
	padding:15px 10px 0;
	position: relative;
	float: left;
	width:680px;
}

#commandePaiement .entete p{
	font-size:12px;
	line-height: 14px;
	color: #0d3c5f;
	margin-bottom:20px;
	margin-right:130px;
}

#commandePrix{
	color:#0D3C5F;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:38px;
	line-height:38px;
	position:absolute;
	right:10px;
	text-align:center;
	top:10px;
	width:95px;
	background: url(images/commande/fond-prix.png) no-repeat 0 0;
}

.moyensPaiement{
	float:left;
	margin: 8px 20px 0 10px;
	padding-bottom:14px;
	width:720px;
	background: url(images/commande/paiement-rule.png) no-repeat 0 bottom;
	position: relative;
}

.moyensPaiement .logo{
	float:left;
	margin-right:20px;
}

.moyensPaiement h4{
	font-size: 15px;
	color:white;
	margin: 5px 0 0 0;
	float: left;
	width: 500px;
}

.moyensPaiement p{
	font-size: 11px;
	line-height: 14px;
	color:white;
	float:left;
	width:260px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}



#topFooter{
	background: #287CB5 url(images/commande/fond_footer-top.png) repeat-x left top;
	float: left;
	width: 940px;
	padding: 20px 0 50px;
	border-bottom: 1px solid white;
}

#topFooter p{
	color: #d6e6f1;
	margin: 0px 60px;
	text-align: justify;
}



/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}