@charset "utf-8";
/* CSS Document */

		* {margin:0; padding:0; outline: none}
		/*body {font: 11px Verdana, Arial, Helvetica, sans-serif; background: url("/img/fixed_bottom.jpg") top center no-repeat; background-attachment:fixed; margin:0}*/
		body {font: 11px Verdana, Arial, Helvetica, sans-serif; background: #006c9a url('/homepage/0112/bg.jpg') center top repeat-x; background-attachment:fixed; margin:0; padding: 0}
		
		#Content {width: 1000px; margin: 0 auto; background-color: #fff}
		.header{ width: 1000px; background: #1080D6 url(/homepage/0511/bg_header.png) left top no-repeat; height: 140px; position:relative; z-index: 99; margin: 10px auto 0 auto; border:none}
		.header img { border:none}
		
		#ShortDescription {position: absolute; top: -1000px;}
		#ShortDescription img {position: absolute; top: -550px}
		
		#Header #logo {border:none; padding: 0 0 0 10px;}
		
		#Header #leftcorner {position: absolute; width:20px; left: -1px; top: -1px; background: url('img/bgleft_header.gif') top left no-repeat;}
		#Header #rightcorner {position: absolute; width:20px; right: -1px; top: -1px; background: url('img/bgright_header.gif') top right no-repeat;}
		
		#Hotline img {width: 250px; height: 69px; position: absolute; top:-1px; left: 250px;}
		
		#Header #LiensUtiles {position: absolute; top: 68px; left: 250px; width: 280px; height: 20px;}
		#Header #LiensUtiles a {color: #535353; font-size: 10px; text-decoration: none;}
		#Header #LiensUtiles a:hover {text-decoration: underline;}
		#LiensUtiles .SuiviCompteClient {position: absolute; top: 0px; left: 0px; width:130px}
		#LiensUtiles .SuiviCompteClient li {list-style-position: inside; color: #535353}
		#LiensUtiles .SuiviCompteClient li:hover {list-style-position: inside; color: #000}
		#LiensUtiles .ContactInscription {position: absolute; top: 0px; left: 140px; width:150px}
		#LiensUtiles .ContactInscription li {list-style-position: inside; color: #535353}
		#LiensUtiles .ContactInscription li:hover {list-style-position: inside; color: #000}
		#LiensUtiles .ContactInscription .RedLink {color: red; font-weight: none;}
		#recherche {background: #356486 url('/homepage/1210/bg_noel.jpg') top center repeat-y; text-align:center; width: 995px; height: 22px}
		
		#EspaceClient {position: absolute; top: 13px; left: 575px;}
		#EspaceClient fieldset {border: none}
		#EspaceClient label {color: red; font-weight: bold; display:block; margin-bottom: 5px}
		#EspaceClient input {color: #585858; border:1px solid #aaa; font-size:12px; margin-bottom: 3px; width: 135px; padding:2px; height: 16px;}
		#EspaceClient button {position: absolute; top: 30px; left: 145px;; background: none; border: none;}
		#EspaceClient a {font-size:10px; text-decoration: none}
		#EspaceClient a:hover {color: red; text-decoration: underline}
		
		#FilAriane , #breadcrumb {color: #000; padding: 0; padding: 20px 10px 10px 10px;}
		#FilAriane a, #breadcrumb a{color: #000; text-decoration:none}
		#FilAriane a:hover, #breadcrumb a:hover {text-decoration: underline;}
		
		
		/* MENU NAVIGATION PRINCIPAL */
		#Navigation ul {position: absolute; bottom: 0; font: bold 10px Verdana; list-style-type: none; width: 998px; margin: 0 auto; border: none; background: url('/images/bg_menu.jpg') top left repeat-x}
		#Navigation li {display: inline}
		#Navigation li a {width: 71px; padding: 7px 4px 3px 4px; font: bold 9px Verdana, Arial, Helvetica, sans-serif; float: left; display: block; text-decoration: none; color: #666666; text-align: center; height: 25px; border-right: 1px solid #d2d2d2; border-left: 1px solid #fff;}
		#Navigation li a:hover,#Navigation li a:active {color: #303030; background: #fff}
		
		#Electroportatif {position: absolute; top:118px; left: -1px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 180px; display: none}
		#AutoMotoVelo {position: absolute; top:118px; left: 80px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 170px; display: none}
		#JardinEspacesVerts {position: absolute; top:118px; left: 226px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 170px; display: none}
		#ProtectionIndividuelle {position: absolute; top:118px; left: 321px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 185px; display: none}
		#HygieneSecurite {position: absolute; top:118px; left: 402px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 170px; display: none}
		#Collectivites{position: absolute; top:118px; left: 161px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 170px; display: none}
		#OutillageMateriel {position: absolute; top:118px; left: 483px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 180px; display: none}
		#EquipementAtelier {position: absolute; top:118px; left: 564px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 180px; display: none}
		#ManutentionLevage {position: absolute; top:118px; left: 645px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 170px; display: none;}
		#DroguerieQuincaillerie {position: absolute; top:118px; right: 91px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 200px; display: none}
		#Electromenager {position: absolute; top:118px; left: 726px; border: 1px solid #adb9c2; border-top: none; background: #fff; width: 200px; display: none}
		.promos a {width: 89px; background: #0066cc url('/homepage/1209/bg_ospeciales.jpg') center center repeat-x; color: #fff; border-right: none}
		.promos a:hover {width: 89px; background: #227FDC; color: #fff; border-right: none}
		.link a, .link a:link, .link a:visited, .link a:active  {text-decoration: none; display: block; color: #303030; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 3px 0 3px 10px; border-bottom: 1px dotted #e4e4e4}
		.link a:hover {background: #fddd2a; color: #000; text-decoration: underline;}
		.linkpromo a, .linkpromo a:link, .linkpromo a:visited, .linkpromo a:active  {text-decoration: none; display: block; color: #303030; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 3px 0 3px 10px; border-bottom: 1px dotted #e4e4e4; height: 19px;}
		.linkpromo a:hover {background: #668CFF; color: #fff; text-decoration: underline;}
		/* XXXXXXXXXXXXXXXXXXXXXXXXX */
		
		#InfosPanier {position: absolute; top: -8px; right: 100px;}
		#InfosPanier #panier {border: none}
		#InfosPanier #commander {position: absolute; top: 67px; left: 90px; border:none}
		#InfosPanier #nbarticles {text-decoration: underline; font: 9px Verdana, Arial, Helvetica, sans-serif; position: absolute; bottom: 2px; left: 15px; color:#323232}
		#InfosPanier #nbarticles:hover {text-decoration: none;}
		
		
		
		
		
		
		#Search {height: 30px; position: relative; z-index:1}
		#Search form {margin: 0; padding: 0; float: left}
		#Search #GoSearch {width: 141px; padding: 0 3px}
		#Search #GoNews {width: 36px; padding: 0 3px}
		#Search label {font: bold 14px Verdana, Arial, Helvetica, sans-serif;}
		#Search fieldset {border: none; padding-left: 50px;}
		#Search button {border: none; background: none; position: relative; top: 4px}
		#Search input {border: none; position: relative; top: 3px; font: 12px Verdana, Arial, Helvetica, sans-serif; height: 15px; padding: 2px}
		#Search #newsletter {width: 150px}
		#searchResult a {color: #0066cc; width:auto; margin:0; padding: 2px 0}
		#searchResult a:hover {width:auto; background: #0066cc; color: #fff; margin-top:10px; padding: 2px 0}

		
		
		#FicheProduit {background: #fff; width: 779px; padding: 0; border: none; margin: 0; float:left; margin-left: 20px; -moz-border-radius: 10px}
		#FicheProduit h1 {color:#0066cc; font: bold 22px Verdana, Geneva, sans-serif;}
		#FicheProduit a, a:active, a:link, a:visited {text-decoration: none; color: #999}
		#FicheProduit a:hover {color:  #666;}
		
		#FicheProduit .onglet_on
	{
		width:145px;
		cursor: hand;
		height:20px;
		float:left;
		text-align: center;
		padding-top: 7px;
		background-image:url(/images/onglet_on.jpg);
		color: #F00;
		margin-right:2px;
		list-style: none;
		font-weight: bold;

	}
#FicheProduit .onglet_off
	{
		width:145px;
		cursor: hand;
		height:20px;
		float:left;
		padding-top: 7px;
		text-align: center;
		background-image:url(/images/onglet_off.jpg);
		margin-right:2px;
		list-style: none;
	}
#FicheProduit .onglet_out
	{
		width:145px;
		cursor: hand;
		height:20px;
		float:left;
		padding-top: 7px;
		text-align: center;
		color: #CCC;
		background-image:url(/images/onglet_off.jpg);
		margin-right:2px;
		list-style: none;
	}
#FicheProduit .onglet_off:hover
	{
		font: bold 11px Verdana, Geneva, sans-serif; color: red
	}
#FicheProduit .onglet_on:hover
	{
		font: bold 11px Verdana, Geneva, sans-serif; color: red
	}
#FicheProduit  .art_simi
	{
		width: 220px;
		height: 220px;
		float: left;
		margin-right: 20px;
		border:1px solid #cccccc;
		background-color:#FFF;
		margin-bottom: 10px;
		padding-right: 10px;
		position: relative;
		text-align: center;
	}
#FicheProduit  .art_simi:hover
	{
		cursor: pointer;
		border: 1px solid #a9a9a9;
	}
#FicheProduit .title_autre
	{
		font: 11px Verdana, Geneva, sans-serif;
		background-color: #efefef;
		border: 1px solid #c6c6c6;
		position: absolute; top:0; left:0;
		width: 198px;
		padding: 3px 15px 3px 15px;

}
#FicheProduit h3 {color: red; font-size: 18px; padding-bottom: 10px}
#FicheProduit .autres_img_produit {border: 1px solid #f4f4f4}
#FicheProduit .autres_img_produit:hover {border: 1px solid #999}
#FicheProduit .img_produit:hover {border: 1px solid #999}




#PhotoNonContractuelle {font: 8px Verdana, Geneva, sans-serif; position: absolute; bottom:0; right:2px; color: #333}
#ApercuProduit {position: relative; float: left}

#Footer {margin: 10px 0; width: 1000px; text-align:center; height: 40px; border: 1px solid #e1e1e1; background: #fff url(homepage/2703/bg_partenaire.jpg) top left no-repeat}

#Panier h1 {margin-bottom: 10px}

#EtapesPanier ul li {width:800px;}
/*.current {-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; background: #0066cc url('/images/navCurrentBtn.gif') right top no-repeat;}*/
.oldcurrent {background: #0066cc url('/images/navLastDoneBtn.jpg') right top no-repeat;}
.currentfinal {background: #0066cc url('/images/navCurrentBtn.gif') right top no-repeat;}
#EtapesPanier li {list-style: none; width: 180px; height: 30px; float:left; display:inline; padding: 10px 10px 30px 10px;}
#EtapesPanier li a {color: #999}

#Panier .articles {background-color: #fff}
#Panier .articles small {color: #666}
#Panier .articles a {color: red; text-decoration: underline}
#Panier .articles a:hover {text-decoration: none}

		#boutique img {border: none;}
		#boutique .produit a {color: #000; text-decoration: none;}
		#boutique .produit a:hover {color: #000; text-decoration: underline;}
		#boutique .boutique a {color: #000; text-decoration: none;}
		#boutique .boutique a:hover {color: #000; text-decoration: underline;}
		#boutique .boutique img:hover {opacity:0.8; filter:alpha(opacity=80);}
		#boutique .boutique {width: 193px; background: #fff url(/images/bg_boutiquealpha.gif) bottom repeat-x;}
		#boutique .boutique:hover {width: 193px; background: #fff url(/images/bg_boutiquenegatif.gif) bottom repeat-x;}
		#boutique .boutique2 {width: 193px; background: #fff url(/images/bg_boutiquenegatif.gif) bottom repeat-x;}
		#boutique .boutique2:hover {width: 193px; background: #fff url(/images/bg_boutiquealpha.gif) bottom repeat-x;}
		#boutique .boutique2 a:hover {color: #000; text-decoration: underline;}
		#boutique .boutique2 img:hover {opacity:0.8; filter:alpha(opacity=80);}
		#boutique .boutique a {padding: 5px; padding: 0;}
		#boutique .bdhaut {width: 195px; height: 20px; margin: 0; padding: 0; background: url('/images/bdhaut_boutique.gif') top left no-repeat;}
		#boutique .bdbas {width: 195px; margin: 0; height: 21px; padding: 0; background: url('/images/bg_boutique.gif') top right no-repeat; position: relative;}
		#boutique .bdbas span.prix {position: absolute; right: 10px; top: 1px; font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none;}
		#boutique .bdbas a {color: #000; text-decoration: none;}
		#boutique .bdbas a:hover {color: #000; text-decoration: underline;}
	    #boutique .pages a:hover {height: 15px; width: 15px; text-align:center; vertical-align: middle; color: #fff; display:block; padding: 5px; background: url(/images/bulle_noire.gif) center no-repeat; width:20px; margin-right:2px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
	    a.numd {height: 15px; width: 15px; text-align:center; vertical-align: middle; color: #303030; display:block; padding: 5px; background: url(/images/bulle_jaune.gif) center no-repeat; width:20px; margin-right:2px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
	    a.numon {height: 15px; width: 15px; text-align:center; vertical-align: middle; color: #fff; display:block; padding: 5px; background: url(/images/bulle_noire.gif) center no-repeat; width:20px; margin-right:2px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
	    a.numoff {height: 15px; width: 15px; text-align:center; vertical-align: middle; color: #303030; display:block; padding: 5px; background: url(/images/bulle_jaune.gif) center no-repeat; width:20px; margin-right:2px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
		#boutique .bdbas2 {background: url(/images/bg_boutique2.gif) top left no-repeat; display:block; width:195px; height: 30px; font-weight: bold; padding-top: 10px; vertical-align: middle;}
	
	a
	{
		text-decoration: none;
		color: #333	}
	a:hover
	{
		text-decoration: none;
		color:  #666;
	
		}
	a img
	{
		border: 0px;
	}
	.lst_articles
	{
		
		float: right;
		height: auto;
		width: 760px;
		
	}
	.table_lst
	{
		border:1px solid #bcbcbc;
		border-collapse : collapse;	
	}
	.table_lst td
	{
		border-bottom:1px solid #bcbcbc;	
		text-align: center;
	}
	.impaire
	{
		background: #FFF;
	}
	.impaire:hover
	{
		background: #ffffff url(/images/table_impaire.jpg) repeat-y right top;
	}
	.paire
	{
		background: #ffffff url(/images/table_paire.jpg) repeat-y right top;
	}
	.paire:hover
	{
		background: #ffffff url(/images/table_impaire.jpg) repeat-y right top;
	}
	.livraison
	{
		float: right;
	}
	.titre
	{
		font: Verdana, Geneva, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #09F;
	}
	.modele
	{
		font: Verdana, Geneva, sans-serif;

		font-style: italic;
		font-size: 10px;
	}
	.nouveau
	{
		font: Verdana, Geneva, sans-serif;
	    font-weight: bold; 
		font-size: 10px;
		color: #F00;
	}
	.partir_de
	{
		font: Verdana, Geneva, sans-serif;
		font-style: italic;
		font-size: 10px;
		color: green;
	}
	.prix
	{
		font: Verdana, Geneva, sans-serif;
	    font-weight: bold; 
		font-size: 14px;
		color: green;
	}
	.reference
	{
		font: Verdana, Geneva, sans-serif;
	    font-weight: lighter; 
		font-size: 14px;
		color: #09F;
	}
	.delais
	{
		font: Verdana, Geneva, sans-serif;
	    font-weight: italic; 
		font-size: 10px;
		color: red;
	}
	.voir
	{
		font: Verdana, Geneva, sans-serif;
	    font-weight: bold; 
		font-size: 10px;
		color: #666;
	}
	h1
	{		
		width: 100%;
		font: Verdana, Geneva, sans-serif;
		font-weight: lighter;
		font-size: 20px;
		color: red;	
		border-bottom: 3px solid #c2c2c2;
		margin:0;
		margin-bottom: 5px;
	}
	.pages
	{
		float: right;
	}
	.sous_menu
	{
		float: left;
		width:215px;
	}
	.menu_gauche
	{
		margin-top: 5px;
		margin-left:0px;
		width: 210px;
		border:1px solid #bcbcbc;
		border-collapse : collapse;	

	}
	.menu_gauche td
	{
		border-bottom:1px solid #bcbcbc;	
		text-align: left;
		font-size: 9px;
		background-color: #FFF;
		padding: 5px;
	}
	.menu_gauche td:hover
	{
		background: #f3f3f3 url(/images/cursor.gif) repeat-y right top;
		cursor: pointer;
	}
	.tri
	{
		color:#FFF;
		text-decoration: underline;
		font-weight:lighter;
	}
	.tri:hover
	{
		text-decoration: underline;
		color: #ebebeb;
	}
	#plus_cat
	{
		font: Verdana, Geneva, sans-serif;
		font-size: 10px;
		font-weight: bold;
	}
	#plus_design
	{
		font: Verdana, Geneva, sans-serif;
		font-size: 10px;
		font-weight: bold;
	}
	#plus_model
	{
		font: Verdana, Geneva, sans-serif;
		font-size: 10px;
		font-weight: lighter;
		font-style: italic;
	}
	.img_preview_in
	{
		float: left; 
		overflow: hidden; 
		background: url(/images/bg_infos_plus.gif) no-repeat left top;
		text-align: center; 
		width: 240px;
		height: 160px;
		overflow: hidden;
		padding: 3px;  margin: 5px; 
		width: 232px;
		opacity:0.8;filter:alpha(opacity=80);
	}
	.img_preview_in:hover
	{
		cursor: pointer;
		background: url(/images/bg_infos_plus_on.gif) no-repeat left top;
		opacity: 1;filter:alpha(opacity=100);
	}
	.input_prix
		{
			border:1px solid #afafaf;
			height: 17px;
			width: 30px;
		}
		.link_page
		{
			background: transparent url(/images/bulle_page.jpg) no-repeat top center;
			text-decoration: none;
			padding: 5px 6px 9px 7px;
			font-weight: bold;
			color: white;
			font-size: 10px;
			cursor: pointer;
		}
		.link_page:hover
		{
			background: transparent url(/images/bulle_page_on.jpg) no-repeat top center;
			padding: 5px 6px 9px 7px;
			color: #ededed;
			cursor: pointer;
		}
		.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0;
text-align:center
}

.pagination a {
background:#fff;
border:1px solid #06c;
color:#06c;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#fff;
border:1px solid red;
color: red
}

.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
background:#f4ebff;
border:1px solid red;
color: red;
font-weight:700;
margin:2px;
padding:.2em .4em
}
		#LeftNavSquelette { float: left; list-style: none; width: 190px; margin-left: 3px; margin-top: 10px; }
		/*#LeftNavSquelette ul {margin:5px; padding:0;}
		#LeftNavSquelette ul li {  list-style: none; font: Verdana, Geneva, sans-serif; font: 9px; color: #666;  border-bottom: 1px dotted #CCC;  padding: 4px;padding-left: 10px;  }
		#LeftNavSquelette ul li:hover { background-color: #efefef; }
		#LeftNavSquelette ul li a {   font: 9px; color: #666; text-decoration: none;  }
		#LeftNavSquelette ul li a:hover {   font: 9px; color: #999;  }*/