﻿@charset "utf-8";
* {
	margin:0;
	padding:0
}

body {
	body{font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;position:relative;background:#F4F4F4 url(../images/v3bg.png) repeat-x 0 0; }
	/*ben*/font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;/*ben*/
}

#wrap {
	width:970px;
	margin:12px auto 0px auto;
	padding-bottom:34px
}

#contenair {
	background:#fff; 
	padding:6px 15px;/*ben*/background:#FFF url(../images/logo.jpg) no-repeat 6px 0;
}
a, a:active {outline:none}
a img {border:none}
.clear {clear:both; background:#fff}
.clearBoth {clear:both}
.clearLeft {clear:left}
/* ========== */
/* ! HEADER   */
/* ========== */

#header {
	position:relative
}
#topHeader {
	height:55px;
	position:relative;
	margin-bottom:10px
}
a.logo {
	background-position: -1063px 0; width:219px; height:55px;
	/*background-image:url(../images/spFancy.png);*/
	background-repeat:no-repeat;
	overflow:hidden;
	display:block
}
#login {
	position:absolute;
	right:0px;
	top:0
}
	#login ul {
		list-style:none
	}
		#login ul li {
			float:left;
			padding:0 10px;
			background:url(../images/trait.jpg) no-repeat right 6px; 
			_background:url(../images/trait.jpg) no-repeat right 8px
		}
		#login ul li.last {
			background:none
		}
			#login ul li a {
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#727a7f;
				text-decoration:none;
				text-transform:uppercase
			}
			#login ul li a:hover {
				text-decoration:underline
			}
#compte {
	position:absolute;
	right:0px;
	bottom:10px
}
	#compte ul {
		list-style:none
	}
		#compte ul li {
			float:left;
			padding:0 15px;
			background:url(../images/trait2.jpg) no-repeat right 4px; 
			_background:url(../images/trait2.jpg) no-repeat right 6px
		}
		#compte ul li.last {
			background:none
		}
		#compte ul li span {
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#727a7f;
		}
			#compte ul li a {
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#727a7f;
				text-decoration:none;
			}
			#compte ul li a.org, #compte ul li a u {
				color:#99cc00;
			}
			#compte ul li.last a {
				background:url(../images/panier.jpg) no-repeat right center;
				color:#99cc00;
				font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				padding-right:25px
			}
			#compte ul li a:hover {
				text-decoration:underline
			}
			/* nombre d'articles dans le panier header */
			/*ben*/#compte ul li a #nbrArticlesPanier {color:#99CC00; font-weight:normal;}/*ben*/
			#compte .inscNlPicto {background:#FFF url(../images/spFancy.png) no-repeat -25px -203px; border:none; display:inline-block; width:20px; height:17px; vertical-align:middle;display:none;/*skin noel*/}
			#compte .inscNlLibele {color:#99cc00; vertical-align:middle; font-weight:bold;}
			#compte .inscNlChamp {background:#FFF url(../images/spBg.png) no-repeat -127px -19px; border:none; width:110px; height:15px; font-size:9px; color:#727a7f; padding:2px 3px 0 5px; margin:0; vertical-align:middle;}
			#compte .inscNlBtn {background:#FFF url(../images/spFancy.png) no-repeat 0 -203px; border:none; display:inline-block; width:20px; height:17px; vertical-align:middle; cursor:pointer;}			
#menu {
	background-image:url(../images/spBg.png);
	background-repeat:no-repeat;
	width:941px; 
	height:32px;
	position:relative;
	background-position: -298px 0;
}
#navigation ul { 
	display: none; 
	position: absolute; 
	left: 0; 
	margin: 0; 
	padding: 0; 
	top:33px ;
	z-index:9999
}
	
	#menu ul {
		list-style:none
	}
	#menu ul table {
		background:#fff;
	}
		#menu ul li {
			float:left;
			background:url(../images/trait_menu.jpg) no-repeat right 6px; 
			_background:url(../images/trait_menu.jpg) no-repeat right 8px;
			/*ben*//*height:32px;
			line-height:31px;*//*ben*/
			position:relative
		}
		#menu ul li.last {
			background:none
		}
			#menu ul li a {
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#727a7f;
				text-decoration:none;
				text-transform:uppercase;
				padding:0 13px;
				display:block;
				float:left;
				height:32px;
				line-height:31px;
			}
			#menu ul li#tousProd {
				height:32px;
				display:block
			}
			#menu ul li#tousProd a.green {
				color:#5cad35
			}
			#menu ul li#tousProd a.hover {
				height:32px;
				color:#fff;
				display:block;
				line-height:31px;
				float:left;
				background-position: -0px 0;
				background-image:url(../images/spBg.png);
				background-repeat:no-repeat;
				overflow:hidden
			}
			#menu ul li#tousGamme a.hover, #menu ul li#tousMarque a.hover {
				background:url(../images/deg_soumenu.jpg) repeat-x;
				height:32px;
				color:#fff;
			}
			
			#menu ul li a:hover {
				color:#5cad35
			}
#subMenu1, #subMenu2, #subMenu3 {
	background:#fff
}
	#menu ul li table.center a.span {
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#bacc17;
		background:url(../images/puce_sprite.png) no-repeat left -42px;
		display:block;
		text-transform:uppercase;
		text-decoration:none;
		padding:0 0 0 7px;
		float:none;
		height:15px;
		margin-bottom:3px
	}
	#menu ul li table.center a.span:hover {
		text-decoration:underline;
		color:#bacc17;
	}
				#menu ul li table.center tr td {
					width:auto !important
				}

				#menu ul li table.center a {
					background:url(../images/puce_sprite.png) no-repeat left -82px;
					font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#666;
					padding:0 0 0 7px;
					text-transform:none;
					display:inline;
					float:none;
					line-height:normal;
					height:auto
				}
				#menu ul li table.center a:hover {
					text-decoration:underline;
					color:#666;
				}

				#menu ul li .subContent p a.hover{
					background:url(../images/bg_lien_sous.jpg) no-repeat left center;
					font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#666;
					padding:0 0 0 7px;
					line-height:11px;
					height:11px;
					text-decoration:underline;
					float:none
				}
				
			
#menu form {
	position:absolute;
	right:8px;
	margin:0;
	padding:0;
	top:2px;
	.top:5px
}
	#menu form input {
		/*bug*/background-color:#FFF;/*bug*/
		background-image:url(../images/spBg.png);
		background-repeat:no-repeat;
		width:150px;
		height:18px;
		overflow:hidden;
		font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#727a7f;
		padding-left:20px;
		border:none;
		background-position: -127px 0;
	}
.livraison {
    background-position: -713px 0; width:190px; height:214px;
	background-image:url(../images/spFancy.png);
	background-repeat:no-repeat;
	overflow:hidden
}
.exclu {
	background-position: -182px 0; width:188px; height:90px;
	background-image:url(../images/spFancy.png);
	background-repeat:no-repeat;
	overflow:hidden
}
#menu form input.btn {
		border:none;
		position:relative;
		top:4px;
		.top:3px;
		padding:0px;
		line-height:normal;
		background-position: -1283px 0; width:17px; height:18px;
		background-image:url(../images/spFancy.png);
		background-repeat:no-repeat
	}

/* ============= */
/* ! BREADCOMB   */
/* ============= */
#breadComb {
	height:33px; 
	padding-left:15px; 
	font:11px/33px 'Trebuchet MS', Arial, Helvetica, sans-serif; 
	color:#666666;
}
	/*bug*//*#breadComb span {
		float:left
	}*//*bug*/
	#breadComb ul {
		list-style:none;
		float:left;
	}
		#breadComb ul li {
			float:left;
			height:33px;
			line-height:33px;
			padding-left:3px
		}
			#breadComb ul li a {
				font:11px/33px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#666666;
				text-decoration:underline;
				margin-right:3px
			}
/* ========== */
/* ! MILLEU   */
/* ========== */
#millieu {
}

/* ============= */
/* ! LEFT SIDE   */
/* ============= */
#leftSide {
	float:left;
	width:190px;
	margin-right:10px
}
#leftSide .mathon {
	width:185px;
	margin-bottom:10px
}
#leftSide .mathon .txtCont{
	background:#f1f1f2;
	min-height:255px;
	height:auto !important;
	height:255px;
	padding:0 15px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
}
	#leftSide .mathon .txtCont p {
		line-height:13px;
	}
	#leftSide .mathon .txtCont p strong{
		display:block
	}
#leftSide .rub {
	width:185px;
	margin-bottom:10px
}
#leftSide .rub .txtCont{
	background:#f1f1f2;
	/*ben*//*min-height:255px;*//*ben*/
	height:auto !important;
	height:255px;
	padding:0 15px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
}
	#leftSide .rub .txtCont a {
		line-height:13px;
		text-decoration:none;
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#666666;
		background:url(../images/puce_sprite.png) no-repeat left -54px;
		padding:0 0 0 7px;
		display:block
	}
	#leftSide .rub .txtCont a:hover {
		text-decoration:underline
	}
		#leftSide .rub .txtCont a span {
			color:#94bf20;
		}
		#leftSide .rub .txtCont a:hover span {
			text-decoration:none
		}
	/*ben*/#leftSide .rub .txtCont a.categorieActive {color:#94BF20; font-weight:bold;}/*ben*/
	#leftSide .rub .txtCont strong{
		display:block;
		color:#94bf20
	}
#leftSide .autreCat {
	margin-top:10px
}
#leftSide .noMarg {
	margin:0px 0 10px 0
}
#leftSide .autreCat .txtCont{
	background:#f1f1f2;
	min-height:240px;
	height:auto !important;
	height:240px;
	padding:0 10px 0 15px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	width:160px
}
	#leftSide .autreCat .txtCont a {
		line-height:13px;
		text-decoration:none;
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#666666;
		background:url(../images/puce_sprite.png) no-repeat left -54px;
		padding:0 0 0 7px;
		display:block
	}
	#leftSide .autreCat .txtCont a:hover {
		text-decoration:underline
	}
	#leftSide .autreCat strong{
		display:block;
	}

/* ============== */
/* ! RIGHT SIDE   */
/* ============== */
#rightSide {
	float:left; 
	width:728px; 
	background:#f2f2f2;
	padding:6px 6px 6px;
	.padding:6px 6px 2px;
}
#rightSide .colLeft {
	float:left;
	margin-right:6px;
}
#rightSide .colLeft .pub2 {
	display:-moz-inline-block;
	display:inline-block;
	margin:6px 6px 0 0;
	float:left;
	position:relative
}
#rightSide .colLeft .pub3 {
	display:-moz-inline-block;
	display:inline-block;
	margin:6px 0 0 0;
	float:left;
	position:relative
}
#rightSide .colLeft .pub2 p, #rightSide .colLeft .pub3 p {
	position:absolute;
	bottom:10px;
	color:#000;
	text-transform:uppercase;
	left:58px;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif
}
#rightSide .colLeft .pub2 span, #rightSide .colLeft .pub3 span {
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#db0000;
	display:block
}
#rightSide .colLeft .pub2 span del, #rightSide .colLeft .pub3 span del{
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
}

#rightSide .colRight {
	float:left
}

.onglet {
	width:188px;
}
	ul#menu-onglet {
		list-style:none
	}
		ul#menu-onglet li {
			float:left;
			height:26px
		}
			ul#menu-onglet li a {
				text-decoration:none;
				font:bold 11px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				color:#fff;
				text-align:center;
				display:block;
				float:left
			}
			ul#menu-onglet li a.topVente {
				background-image:url(../images/spBg.png);
				background-repeat:no-repeat;
				width:102px;
				margin-right:2px;
				_margin-right:1px;
				background-position: -8017px 0;
				height:26px;
			}
			ul#menu-onglet li a.promo {
				background-image:url(../images/spBg.png);
				background-repeat:no-repeat;
				background-position: -1429px 0;
				height:26px;
				width:84px
			}
.cornerTop {
	background-position: -10732px 0; 
	width:970px; 
	height:7px;
	background-image:url(../images/spBg.png);
	background-repeat:no-repeat;
	overflow:hidden
}
.topMathon {
	background-position: -13592px 0; width:185px; height:19px;
	background-image:url(../images/spBg.png);
	background-repeat:no-repeat;
	overflow:hidden
}
.bottomMathon {
	background-position: -9292px 0; width:185px; height:19px;
	background-image:url(../images/spBg.png);
	background-repeat:no-repeat;
	overflow:hidden
}
.onglet .box-onglet {
	clear:both;
	margin:0;
	padding:0;
	background:#FFF;
	border:1px solid #e30f7f;
	overflow:hidden;
}
.onglet .box-onglet .inner {
	padding:21px 10px 4px;
	margin:0;
}
	.onglet .box-onglet .inner .subInner ul {
		list-style:none
	}
		.onglet .box-onglet .inner .subInner ul li {
			overflow:hidden;
			height:56px;
			border-bottom:1px solid #e8e8e9;
			margin-bottom:9px;
			.margin-bottom:4px;
			_margin-bottom:3px
		}
		.onglet .box-onglet .inner .subInner ul li.last {
			border:none;
			margin:0
		}
		.onglet .box-onglet .inner .subInner ul li img {
			float:right;/*ben*/
		}
		.paiement {
			background-position: -1301px 0; width:179px; height:34px;
			background-image:url(../images/spFancy.png);
			background-repeat:no-repeat;
			overflow:hidden
		}
		.onglet .box-onglet .inner .subInner ul li p {
			font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#e31680;
			float:left;/*ben*/
		}
		.onglet .box-onglet .inner .subInner ul li span {
			font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#e31680;
			display:block;
			margin-left:15px
		}
		.onglet .box-onglet .inner .subInner ul li p a {
			font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#666666;
			text-decoration:none
		}
		.onglet .box-onglet .inner .subInner ul li p a:hover {
			text-decoration:underline
		}

		.onglet .box-onglet .inner #pro ul li p {
			font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#e52315;
		}
		.onglet .box-onglet .inner #pro ul li span {
			font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#e52315;
			display:block;
			margin-left:15px
		}
#nouveaute {
	margin-top:5px;
	width:188px
}

#nouveaute h3 {
	background-position: -1240px 0;
	background-image:url(../images/spBg.png);
	background-repeat:no-repeat;
	height:28px;
	color:#fff;
	font:bold 11px/28px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-left:10px;
	display:block;
	width:178px
}
#nouveaute .nouvContent {
	border:1px solid #0282c5; 
	height:208px; 
	width:186px;
	background:#fff
}
	#nouveaute .nouvContent ul {
		list-style:none
	}
		#nouveaute .nouvContent ul li {
			float:left;
			border:1px solid #f2f2f2;
			position:relative;
			cursor:pointer;
			overflow:hidden
		}
		#nouveaute .nouvContent ul li .boxcaption{ 
				position: absolute; 
				background: #000; 
				height: 70px; 
				width: 92px; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
				z-index:9999;
				left:0px;
				top:0px;
				color:#fff;
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-align:center;
				top:91px;
				padding-top:20px
 			}
		#nouveaute .nouvContent ul li.noBordT1 .boxcaption{ 
				position: absolute; 
				background: #000; 
				height: 73px; 
				width: 92px; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
				z-index:9999;
				left:0px;
				top:0px;
				color:#fff;
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-align:center;
				top:93px;
				padding-top:20px
 			}
		#nouveaute .nouvContent ul li.noBordT2 .boxcaption{ 
				position: absolute; 
				background: #000; 
				height: 73px; 
				width: 92px; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
				z-index:9999;
				left:0px;
				top:0px;
				color:#fff;
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-align:center;
				top:93px;
				padding-top:20px
 			}
		#nouveaute .nouvContent ul li.noBord {
			float:left;
			border-left:none;
			border-right:none;
			border-top:1px solid #f2f2f2;
			border-bottom:1px solid #f2f2f2;
		}
		#nouveaute .nouvContent ul li.noBordT1 {
			float:left;
			border-left:1px solid #f2f2f2;
			border-right:1px solid #f2f2f2;
			border-top:none;
			border-bottom:1px solid #f2f2f2;
		}
		#nouveaute .nouvContent ul li.noBordT2 {
			float:left;
			border-left:none;
			border-right:none;
			border-top:none;
			border-bottom:1px solid #f2f2f2;
		}
			#nouveaute .nouvContent ul li img {
				float:left
			}
#nouveaute .nouvContent a {
	height:22px;
	font:11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0085c6;
	text-decoration:none;
	clear:left;
	padding-left:13px;
	position:relative;
	top:0px;
	.top:-2px
}
#contentProduit {
	float:left; 
	width:740px; 
}
#contentProduit .orangeFonce {
	background-position: -2964px 0; width:740px; height:103px;
	background-image:url(../images/spDeg.png)
}
#contentProduit .bleu {
	background-position: -0px 0; width:740px; height:103px;
	background-image:url(../images/spDeg.png)
}
#contentProduit .rose {
	background-position: -3705px 0; width:740px; height:103px;
	background-image:url(../images/spDeg.png)
}
#contentProduit .orange {
	background-position: -2223px 0; width:740px; height:103px;
	background-image:url(../images/spDeg.png)
}
#contentProduit .move {
	background-position: -1482px 0; width:740px; height:103px;
	background-image:url(../images/spDeg.png)
}
.topProduit {
	height:103px; 
	margin-bottom:1px;
	overflow:hidden;
	background-position: -741px 0; width:740px; height:103px;
	background-image:url(../images/spDeg.png)
}
	.topProduit h3 {
		color:#fff;
		text-transform:uppercase;
		font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 10px 0 0 22px;
		float:left;
		/*ben*/width:235px;/*ben*/
	}
	/*ben*/.topProduit h3 a {color:#FFF; text-decoration:none;}/*ben*/
	.topProduit p {
		color:#fff;
		font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
		width:422px;
		float:right;
		padding:20px 28px 0 0;
	}
	
/*ben*/
.topMarque {
	height:103px; 
	margin-bottom:1px;
	overflow:hidden;
	background-position: -741px 0; width:740px; height:103px;
	background-image:url(../images/spDeg.png)
}
	.topMarque h3 {
		color:#fff;
		text-transform:uppercase;
		font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 10px 0 0 22px;
		float:left
	}
	.topMarque p {
		color:#fff;
		font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
		width:421px;
		float:right;
		padding:17px 28px 0 21px;
	}
	.topMarque p span {display:block; width:92px; height:71px; position:relative; overflow:hidden; float:left; margin-right:10px;}
	.topMarque p span img {position:absolute; top:-10px; left:0;}
/*ben*/

/*ben*/
.topRecherche {
	/*ben*/height:45px;/*ben*/
	margin-bottom:1px;
	overflow:hidden;
	width:740px;
	background:#ffffff url(../images/bg_cartouche.png) no-repeat 0 0;
}
	.topRecherche h3 {
		color:#fff;
		text-transform:uppercase;
		font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 10px 0 0 22px;
		float:left
	}
/*ben*/

.trie {
	height:28px; 
	margin-bottom:2px; 
	background:#666666;
	font:11px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	overflow:hidden;
	padding:0 16px 0 20px
}
.trie span {
	float:left
}
.trie ul {
	padding-left:57px;
	display:inline;
	float:left;
	color:#fff;
	list-style:none
}
	.trie ul li {
		float:left;
		width:110px;
	}
		.trie ul li a {
			float:left;
			display:-moz-inline-block;
			display:inline-block;
			background:url(../images/puce_sprite.png) no-repeat right 10px;
			padding-right:14px;
			text-decoration:none;
			/*ben*/color:#cccccc;/*ben*/
			overflow:hidden;
			height:18px
		}
		.trie ul li.trie_prix a {
			float:left;
			display:-moz-inline-block;
			display:inline-block;
			background:url(../images/trie_prix.jpg) no-repeat right 11px;
			padding-right:24px;
			text-decoration:none;
			/*ben*/color:#cccccc;/*ben*/
		}
		/*ben*/.trie ul li a.trieActif, .trie ul li.trie_prix a.trieActif {color:#ffffff; font-weight:bold;}/*ben*/
		.trie p {
			float:right;
			font:10px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#fff;
		}
		.trie p a {
			font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#fff;
		}
		.trie p a.on {
			font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
.paginationGrille {
	height:27px; 
	background:#cccccc; 
	padding:0 20px; 
	overflow:hidden; 
	line-height:27px;
	/*bug*//*position:relative;top:-1px;*//*bug*/
	/*bug*/margin-top:-1px;/*bug*/
	margin-bottom:0px
}
	.paginationGrille span {
		color:#796679;
		font:11px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
		float:left
	}
.pagination {
	float:right;
	font:11px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#796666
}
	.pagination a {
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#796666
	}
.paginationGrille .pagination a.disabled {
		color:#a59dae
	}
	.pagination a.on {
		color:#000
	}
	.pagination a.prec {
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#000;
		background:url(../images/puce_sprite.png) no-repeat left -26px;
		padding-left:12px;
		height:18px;
		overflow:hidden;
	}
	.pagination a.suiv {
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#000;
		background:url(../images/puce_sprite.png) no-repeat right -10px;
		padding-right:12px
	}

.grille {
	border-left:1px solid #cccccc; 
	border-right:1px solid #cccccc;
	min-height:400px;
	height:auto !important;
	height:400px;
}
	.grille ul {
		list-style:none;
		overflow:hidden
	}
		.grille ul li {
			float:left;
			display:inline;
			padding:15px 0 10px 30px;
			width:154px;
			height:281px;
			border-bottom:1px solid #cccccc
		}
			.grille ul li a {
				font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#000;
				text-decoration:none;
				display:block
			}
			.grille ul li a img {
				display:block;
				margin:0px auto;
				margin-bottom:5px
			}
			.grille ul li small {
				font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#000;
				text-decoration:none;
				display:block
			}
			.grille ul li span {
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#db0000;
				display:block
			}
			.grille ul li span del{
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#000;
			}
			.grille ul li p {
				color:#A5A5A5;
				font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
				display:block;
				text-transform:uppercase
			}
			.grille ul li a.panier {
				color:#333;
				font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
				display:block;
				text-decoration:underline;
				margin-bottom:3px

}

/* ========== */
/* ! FOOTER   */
/* ========== */
#footer {
	width:940px;
	background:#f4f4f4;
	margin-top:11px;
}
	.topFooter {
		background-position: -12651px 0;
		width:940px; 
		height:4px;
		overflow:hidden;
		background-image:url(../images/spBg.png);
		background-repeat:no-repeat
	}
	.bottomFooter {
		 background-position: -8351px 0;
		width:940px; 
		height:4px;
		overflow:hidden;
		background-image:url(../images/spBg.png);
		background-repeat:no-repeat
	}
	#footer .footerLien {
		padding:21px 0 21px 28px
	}
	#footer ul {
		list-style:none;
	}
		#footer ul li {
			float:left;
			font:11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#828186;
			width:189px;
			margin-right:25px
		}
		#footer ul li.last {
			width:auto;
			margin-right:17px
		}
			#footer ul li ul {
				margin-top:2px
			}
				#footer ul li ul li {
					clear:left;
					margin:-1px 0
				}
				#footer ul li a {
					font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
					color:#828186;
					text-decoration:none
				}
				#footer ul li a:hover {
					text-decoration:underline
				}
/* ================= */
/* ! FICHE PRODUIT   */
/* ================= */
.blocOrangef .retourListe {
	background-position: -2454px 0;
}
.blocOrangef .titreProd {
	  background-position: -6535px 0;
}
.blocBleu .retourListe {
	background-position: -1890px 0;
}
.blocBleu .titreProd {
	background-position: -4312px 0;
}
.blocRose .retourListe {
	background-position: -2642px 0;
}
.blocRose .titreProd {
	background-position: -7276px 0;
}
.blocOrange .retourListe {
	background-position: -2266px 0;
}
.blocOrange .titreProd {
	background-position: -5794px 0;
}
.blocMove .retourListe {
	background-position: -2078px 0;
}
.blocMove .titreProd {
	background-position: -5053px 0;
}

.retourListe {
	width:174px;
	height:38px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	padding-left:16px;
	background-position: -1702px 0;
	background-image:url(../images/spBg.png);
	overflow:hidden
}
.retourListe a {
	font:bold 12px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.titreProd {
	float:left;
	background-position: -3571px 0;
	background-image:url(../images/spBg.png);
	background-repeat:no-repeat;
	height:38px;
	width:714px;
	padding-left:26px;
	font:18px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff
}
.ficheProd {
	width:941px;
	clear:left
}
.topFiche {
	background-image:url(../images/spBg.png);
	background-repeat:no-repeat;
	background-position: -11709px 0; width:941px; height:8px;
	overflow:hidden
}
.contentProd {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	overflow:auto;
	padding:13px 15px;/*ben*/
	/*min-height:393px;
	height:auto !important;*/
/*	height:393px*/
}

.gallery {
	float:left; padding-right:15px;/*ben*/
}

.bigThumbs {
	width:365px;/*ben*/
	height:365px;/*ben*/
	float:left;
}
a.zoom {
		display:block; 
		width:57px; 
		height:23px;
		margin: 0 auto; 
		background-position: -2299px 0;
		background-image:url(../images/spFancy.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
		color:#000;
		text-decoration:none;
		outline:none
}

.loading {
		background:#FFF url(../images/loading.gif) center center no-repeat;
}
.window {
		width:365px; 
		height:365px; 
		margin:0 9px 25px 0
}
.thumbs {
	float:left;
	width:70px;
	margin-left:15px;/*ben*/
	height:365px;/*ben*/
}
	.thumbs a {
		font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#99cc00;
		text-decoration:none
	}
	.thumbs a:hover {
		text-decoration:underline
	}
	.thumbs a.video {
		background:url(../images/video.png) no-repeat left center;
		text-decoration:none;
		width:58px;
		height:46px;
		margin:0 auto;
		display:block;
	}
	.thumbs a.video:hover {
		text-decoration:underline
	}
	.thumbs u {
		display:block;
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#000;
		margin-top:17px
	}
	.thumbs span {
		display:block;
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#000;
	}
	.thumbs ul.sku {
		list-style:none;
		width:45px;
		margin:0 auto;
		overflow:hidden;
	}
		.thumbs ul.sku li {
			float:left;
			width:43px;/*ben*/
			height:43px;/*ben*/
			margin:8px 0 0 0;/*ben*/
		}

.rat img {
	vertical-align:middle
}
.rat {
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#d1d1d2;
	margin:2px 0 4px;
	overflow:hidden
}
.rat div {
	float:left;
	margin-right:5px
}
	
.thumb_link {border:1px solid #ffffff;}
.thumb_hover {border:1px solid #dbdcde;}
.thumb_active {border:1px solid #99CC00;}/*ben*/

.description {
	float:left;
	border-left:1px dotted #dbdcde;
	padding-left:20px;/*ben*/
  width:230px;
	margin-right:20px;/*ben*/

}
	.description h3 {
		font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#000;
		margin:15px 0 0;/*ben*/
	}
	.description small {
		font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#b2b2b2;/*ben*/
		font-weight:bold;/*ben*/
		display:block
	}
	.description .avis {font-size:11px; color:#808080; margin-top:20px}/*ben*/
	.description .avis a {color:#97cc00}/*ben*/
	.description .envoyerAmi {margin-top:20px;}/*ben*/
	.description .envoyerAmi a {color:#c2a041; font-size:11px; font-weight:bold}/*ben*/
	.description p {
		font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#000;
		display:block;
		text-align:justify;
		margin:20px 0 0;/*ben*/
	}
	.description span {
		font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#000;
		display:block;
	}
	/*ben*/.description #pictosFicheProduit {margin:20px 0;}/*ben*/
	/*ben*/.description #pictosFicheProduit span {display:inline-block; width:31px; height:30px; margin-right:2px; background-color:#FFF; background-image:url(../images/spPictosFicheProduit.png); background-repeat:no-repeat; cursor:help; }/*ben*/
	/*ben*/.description #pictosFicheProduit1 {display:inline-block; background-position:0 0;}/*ben*/
	/*ben*/.description #pictosFicheProduit2 {display:inline-block; background-position:-32px 0;}/*ben*/
	/*ben*/.description #pictosFicheProduit3 {display:inline-block; background-position:-64px 0;}/*ben*/
	/*ben*/.description #pictosFicheProduit4 {display:inline-block; background-position:-96px 0;}/*ben*/
	/*ben*/.description #pictosFicheProduit5 {display:inline-block; background-position:-128px 0;}/*ben*/
	/*ben*/.description #pictosFicheProduit6 {display:inline-block; background-position:-160px 0;}/*ben*/
	/*ben*/.description #pictosFicheProduit7 {display:inline-block; background-position:-192px 0;}/*ben*/	
.panierProduit {
	float:left
}
.livre {
	 background-position: -904px 0; width:158px; height:174px;
	 background-repeat:no-repeat;
	 background-image:url(../images/spFancy.png)
}
.prixBarre {
	background-position: -1507px 0;
	background-repeat:no-repeat;
	background-image:url(../images/spFancy.png);
	width:146px; 
	height:59px;
	text-align:right;
	padding:7px 20px 0 0;
	margin-bottom:5px
}
	.prixBarre span {
		/*ben*/font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;/*ben*/
		color:#ff0000
	}
	/*ben*/.prixBarre span#ecoPart {color:#5CAD35; font-size:10px; font-weight:normal;}/*ben*/
		.prixBarre del {
			color:#000;
		}
	.prixBarre strong {
		display:block;
		font:bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
		/*ben*/margin-top:-7px; margin-bottom:-3px;/*ben*/
	}
.panierProduit form {
	margin:0;
	padding:0;
}
	.panierProduit form {
		padding-left:11px;
		position:relative
	}
	.panierProduit form input {
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		/*bug*/background-color:#FFF;/*bug*/
		color:#000;
		text-align:center;
		background-position: -674px 0;
		background-repeat:no-repeat;
		background-image:url(../images/spFancy.png);
		width:38px;
		height:18px;
		vertical-align:middle;
		border:none;
		display:-moz-inline-block;
		display:inline-block;
	}

	.panierProduit form label {
		font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#5b5b5b;
	}
	.panierProduit form img {
		display:inline-block;
		_position:absolute
	}
.panierProduit .alerteStock {background-color:#ffffcc; color:#3f3f0c; font-size:10px; text-align:center; margin:5px 0 0; padding:2px 0;}/*ben*/	
.panierProduit a.ajoutPanier {
	padding-left:41px;
	display:block;
	font:bold 12px/43px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-position: -0px 0;
	background-repeat:no-repeat;
	background-image:url(../images/spFancy.png);
	width:131px;
	height:43px;
	text-decoration:none;
	text-transform:uppercase;
	margin:8px 0
}
.panierProduit a.ajoutPanier:hover {
	background-position: -0px -43px;
	background-repeat:no-repeat;
	background-image:url(../images/spFancy.png);
}
/* produit non disponible */
/*ben*/.panierProduit a.pdtNonDispo {padding-left:41px;display:block;font:bold 12px/43px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;background-position: 0px -86px;background-repeat:no-repeat;background-image:url(../images/spFancy.png);width:131px;height:43px;text-decoration:none;text-transform:uppercase;margin:8px 0; cursor:default;}/*ben*/
/* ajouter aux favoris */
/*ben*/.panierProduit a.ajoutFavoris {display:block; margin:-7px 0 10px 36px; font-size:11px; color:#99CC00}/*ben*/
/*ben*/.panierProduit a.ajoutFavoris span {display:inline-block; width:6px; height:6px; overflow:hidden; margin-right:4px; background:#FFF url(../images/spFancy.png) no-repeat -172px -6px;}/*ben*/

.panierProduit p {
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#e41e2d;
	text-align:center; margin:10px 0;/*ben*/
}
	.panierProduit p strong {
		color:#000;
	}
/* liste des avis ben */	
	#listeAvisClients {padding:20px 20px 7px 20px; font-size:11px;}
		#listeAvisClients h4 {margin:0; font-size:13px; font-weight:bold; color:#99cc00; text-transform:uppercase;}
			#listeAvisClients h4 span {font-size:10px; color:#7f7f7f; padding-left:10px;}
				#listeAvisClients h4 span a {text-transform:none; color:#7f7f7f; }
				#listeAvisClients h4 span a:hover {text-decoration:none;}
		#listeAvisClients .voirTousAvis {color:#99cc00; font-weight:bold;text-decoration:none;}
		#listeAvisClients .voirTousAvis:hover {text-decoration:underline;}
		#listeAvisClients .itemAvisClient {padding:10px 0 15px; margin:0 0 5px 0; border-bottom:#dbdcde solid 1px;}
			#listeAvisClients .itemAvisClient .titreAvis {font-size:13px; font-weight:bold; color:#000; margin:11px 0 3px;}
			#listeAvisClients .itemAvisClient .auteurDateAvis {color:#bfbfbf; margin:0 0 8px 0;}
			#listeAvisClients .itemAvisClient .messageAvis {color:#404040; margin:0;}		
.autreProduit {
	margin-top:9px;
	overflow:hidden;
	padding-left:1px
}
	.autreProduit div {
		float:left;
		background-position: -8120px 0;
		background-repeat:no-repeat;
		background-image:url(../images/spBg.png);
		width:230px;
		height:203px;
		margin-right:6px;
	}
	.autreProduit div.last {
		margin-right:0px;
	}
.autreProduit div h5 {
	margin:9px 0 0 12px;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.autreProduit div.prodSim a, .autreProduit div.prodSim h5 {
	color:#762d86
}
.autreProduit div.prodMarque a, .autreProduit div.prodMarque h5 {
	color:#e31680
}
.autreProduit div.prodNote a, .autreProduit div.prodNote h5 {
	color:#0085c6
}
.autreProduit div.last a, .autreProduit div.last h5 {
	color:#e31119
}

.autreProduit div ul {
	list-style:none;
	margin:10px 0 0 12px
}
	.autreProduit div ul li {
		overflow:hidden;
		margin-bottom:5px;
		height:66px
	}
		.autreProduit div ul li img {
			float:left;
			margin-right:12px
		}
		.autreProduit div ul li a {
			font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			display:block;
			text-decoration:none;
			margin:0
		}
		.autreProduit div ul li a:hover {
			text-decoration:underline
		}
		.autreProduit div a {
			font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-decoration:none;
			margin-left:10px;
		}
		.autreProduit div a:hover {
			text-decoration:underline
		}
		.autreProduit div ul li p {
			color:#000;
			font:11px "Trebuchet MS", Arial, Helvetica, sans-serif
		}
		.autreProduit div ul li span {
			color:#d90418
		}
/* FANCY BOX */
html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
/*	background: transparent url('../images/fancy_progress.png') no-repeat;*/
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	cursor: pointer;
	z-index: 181;
	display: none;
	background-repeat:no-repeat;
	background-image:url(../images/fancy_closebox.png)
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	/*background: transparent url('../images/fancy_left.png') no-repeat;*/
}

span#fancy_right_ico {
	right: -9999px;
/*	background: transparent url('../images/fancy_right.png') no-repeat;*/
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	/*background: transparent url('../images/fancy_shadow_n.png') repeat-x;*/
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	/*background: transparent url('../images/fancy_shadow_ne.png') no-repeat;*/
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	/*background: transparent url('../images/fancy_shadow_e.png') repeat-y;*/
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
/*	background: transparent url('../images/fancy_shadow_se.png') no-repeat;*/
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
/*	background: transparent url('../images/fancy_shadow_s.png') repeat-x;*/
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	/*background: transparent url('../images/fancy_shadow_sw.png') no-repeat;*/
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	/*background: transparent url('../images/fancy_shadow_w.png') repeat-y;*/
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
/*	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;*/
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
/*	background: transparent url(../images/fancy_title_left.png) repeat-x;*/
}

td#fancy_title_main {
	height: 32px;
	/*background: transparent url(../images/fancy_title_main.png) repeat-x;*/
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
/*	background: transparent url(../images/fancy_title_right.png) repeat-x;*/
}

/* MENU CORNERS */
.dCorner {
	position: absolute;
	zoom: 1;
}
.dcItem {
	position: absolute;
	display: none;
}
.dcItem img {
	width: 100%;
	height: 100%;
}
.dctop, .dcbottom {
	left: 0px;
}
.dctop, .dctop-left, .dctop-right {
	top: 0px;
}
.dcbottom, .dcbottom-left, .dcbottom-right {
	bottom: 0px;
}
.dcleft, .dcright {
	top: 0px;
}
.dcleft, .dctop-left, .dcbottom-left {
	left: 0px;
}
.dcright, .dctop-right, .dcbottom-right {
	right: 0px;
}
.cornerBottom {
	background:url(../images/spBg.png) no-repeat;
	 background-position: -9761px 0; 
	 width:970px; 
	 height:7px;
	 overflow:hidden
}
.fevad {
	background-position: -627px 0; width:46px; height:46px;
			background-image:url(../images/spFancy.png);
			background-repeat:no-repeat;
			overflow:hidden
}
/* RATING */
.rating0 {
	display:inline-block;
	background-position: -1678px 0; width:88px; height:16px;
	background-image:url(../images/spFancy.png);
	overflow:hidden
}
.rating1 {
	display:inline-block;
	background-position: -1767px 0; width:88px; height:16px;
	background-image:url(../images/spFancy.png);
	overflow:hidden
}
.rating2 {
	display:inline-block;
	background-position: -1856px 0; width:88px; height:16px;
	background-image:url(../images/spFancy.png);
	overflow:hidden
}
.rating3 {
	display:inline-block;
	background-position: -1945px 0; width:88px; height:16px;
	background-image:url(../images/spFancy.png);
	overflow:hidden
}
.rating4 {
	display:inline-block;
	background-position: -2034px 0; width:88px; height:16px;
	background-image:url(../images/spFancy.png);
	overflow:hidden
}
.rating5 {
	display:inline-block;
	background-position: -2123px 0; width:88px; height:16px;
	background-image:url(../images/spFancy.png);
	overflow:hidden
}

.topTab {
	background:#fff;
	border-top:1px solid #b5b5ba;
}
.leftTab {
	background:#fff;
	border-left:1px solid #b5b5ba
}
.rightTab {
	background:#fff;
	border-right:1px solid #b5b5ba
}
.bottomTab {
	background:#fff;
	border-bottom:1px solid #b5b5ba
}
.margR {padding-left:15px}



/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/

/*ben*/



/*******/
/*reset*/
/*******/

/*ben*/table{border-collapse:collapse;border-spacing:0; text-align:left}
fieldset {border:none;}
body, p, a, input {color:#333333;}
/*ben*/#contentProduit {font-size:12px;}



/**********************************************/
/* Structure des blocks et elements de blocks */
/**********************************************/

/*structure des blocs*/
.block, .body, .head, .foot {overflow:hidden; _overflow:visible; zoom:1; }
.blockInside {/*bug*//*position:relative;*//*bug*/ zoom:1;}

/* blocks */
.head {margin:0;border:0; background:#737270; color:#fff; padding:2px 10px;font-size: 12px;}

/* blockSimple */
.blockSimple .blockInside {border:1px solid #cccccc;}
.blockSimple .tl, .blockSimple .tr, .blockSimple .bl, .blockSimple .br{ background-image:url('skin/blocks/cornersSimple.png'); height:4px; width:4px;}
.blockSimple .tl,.blockSimple .tr {margin-bottom:-4px;}
.blockSimple .bl,.blockSimple .br {margin-top:-4px;}

/* line, unit */
.line, .lastunit {overflow: hidden; _overflow: visible; zoom:1; margin:0; padding:0; display:block; }
.unit{float:left;margin-right:10px; zoom:1;_margin-right:7px;}
.lastunit {float:none; width:auto !important; margin-right:0 !important;}

/* marges des blocs */
.Vspace, .Tspace {margin-top:10px !important}
.Vspace, .Bspace {margin-bottom:10px !important}
.BigBspace {margin-bottom:40px !important;}
.LgBspace {margin-bottom:20px !important;}
.insideSpace .body {padding:13px 8px;}

/* margins pour les contenus, XmarginYY*/
.Nomargin {margin:0 !important;}
.marginSm {margin:5px !important}
.margin{margin:10px !important}
.marginLg {margin:20px !important}
.VmarginSm, .TmarginSm {margin-top:5px !important} .VmarginSm, .BmarginSm {margin-bottom:5px !important} .HmarginSm, .LmarginSm {margin-left:5px !important} .HmarginSm, .RmarginSm {margin-right:5px !important}
.Vmargin, .Tmargin {margin-top:10px !important} .Vmargin, .Bmargin {margin-bottom:10px !important} .Hmargin, .Lmargin {margin-left:10px !important} .Hmargin, .Rmargin {margin-right:10px !important}
.VmarginLg, .TmarginLg {margin-top:20px !important} .VmarginLg, .BmarginLg {margin-bottom:20px !important} .HmarginLg, .LmarginLg {margin-left:20px !important} .HmarginLg, .RmarginLg {margin-right:20px !important}
.VmarginXlg, .TmarginXlg {margin-top:30px !important} .VmarginXlg, .BmarginXlg {margin-bottom:30px !important} .HmarginXlg, .LmarginXlg {margin-left:30px !important} .HmarginXlg, .RmarginXlg {margin-right:30px !important}

/* paddings pour les contenus */
.Nopadding {padding:0 !important;}
.noPadding{padding:0!important;}
.paddingSm {padding:5px !important}
.padding{padding:10px !important}
.paddingLg {padding:20px !important}
.VpaddingSm, .TpaddingSm {padding-top:5px !important} .VpaddingSm, .BpaddingSm {padding-bottom:5px !important} .HpaddingSm, .LpaddingSm {padding-left:5px !important} .HpaddingSm, .RpaddingSm {padding-right:5px !important}
.Vpadding, .Tpadding {padding-top:10px !important} .Vpadding, .Bpadding {padding-bottom:10px !important} .Hpadding, .Lpadding {padding-left:10px !important} .Hpadding, .Rpadding {padding-right:10px !important}
.VpaddingLg, .TpaddingLg {padding-top:20px !important} .VpaddingLg, .BpaddingLg {padding-bottom:20px !important} .HpaddingLg, .LpaddingLg {padding-left:20px !important} .HpaddingLg, .RpaddingLg {padding-right:20px !important}
.Lpadding15 {padding-left:15px}/*modf. page cata ML*/

/* autre */
.hidden {display:none !important;}
.noBorder {border:none !important;}
.noBorder .blockInside {border:none;}
.noBorderBottom{border-bottom-style:none!important;}

/* positionnement flottant */
.floatL {float:left !important;}
.floatR {float:right !important;}
.clearR {clear:right !important;}
.clearL {clear:left !important;}
.clear {clear:both !important;}
.context {overflow:hidden; _overflow:visible; zoom:1}

/* alignement (vertical-align, text-align) */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}

/* largeurs des blocs */
.size1on1{float:none !important;margin-right:0; width:auto}
.size1on2{width:49.32%!important}
.size2on5{width:39.19%!important}
.size3on5{width:59.46%!important}
.size2on3{width:66.22%!important}

/* largeurs specifiques*/
.W40 {width: 40px !important;}/*ben*/
.W50 {width: 50px !important;}
.W70 {width: 70px !important;}
.W90 {width: 90px !important;}
.W100 {width: 100px !important;}
.W110 {width: 110px !important;}
.W120 {width: 120px !important;}
.W130 {width: 130px !important;}
.W140 {width: 140px !important;}
.W150 {width: 150px !important;}
.W160 {width: 160px !important;}
.W170 {width: 170px !important;}
.W180 {width: 180px !important;}
/*ben*/.W185 {width: 185px !important;}/*ben*/
.W190 {width: 190px !important;}
.W200 {width: 200px !important;}
.W210 {width: 210px !important;}
.W220 {width: 220px !important;}
.W230 {width: 230px !important;}
.W240 {width: 240px !important;}
.W250 {width: 250px !important;}
.W260 {width: 260px !important;}
.W270 {width: 270px !important;}
.W280 {width: 280px !important;}
.W290 {width: 290px !important;}
.W300 {width: 300px !important;}
.W310 {width: 310px !important;}
.W320 {width: 320px !important;}
.W330 {width: 330px !important;}
.W340 {width: 340px !important;}
.W350 {width: 350px !important;}
.W360 {width: 360px !important;}
.W370 {width: 370px !important;}
.W380 {width: 380px !important;}
.W390 {width: 390px !important;}
.W400 {width: 400px !important;}
.W450 {width: 450px !important;}/*ben*/
.W923 {width: 923px !important;}/*modf. page cata ML*/



/************/
/* tableaux */
/************/

/* data arrays */
.dataArray {margin-right:-1px;margin-bottom:-1px;_margin-left:-1px;}
.dataArray table {width:100%;}
.dataArray table thead{background:#e3e3e2;}
/*ben*/.dataArray table th, .dataArray table td{border:1px solid #d9d9d9;/*line-height:2em;*/padding-left:10px;}
.dataArray table td a.details {line-height:2em;padding:0 5px;text-decoration:underline;float:right;}
.subDataArray {margin-bottom:-1px;margin-right:-1px;_margin-left:-1px;}



/********************/
/* textes et images */
/********************/

.upper {text-transform:uppercase;}
.smaller {font-size:11px;}
.bigger {font-size:1.1em;}

/* mea : image + texte */
.mea,.mea .text,.meaRight, .meaRight .text,.meaWrap{overflow:hidden; _overflow:visible; _zoom:1;}
.mea .media, .meaWrap .media{float:left; margin-right:10px; _margin-right:7px;}
.meaRight .media {float:right; margin-left:10px; _margin-left:7px;}
.meaTop .media {display:block;width:100%;}


/**************************************/
/* formz :mise en page de formulaires */
/**************************************/

fieldset legend {color:#99CA00;font-size:1.2em;font-weight:bold;}
.formz input, .formz label,.formz textarea,formz button {vertical-align:middle;}

/* redefinition des champs de formulaire */
.formz span.text input, .formz .field textarea {border:none; background:none;padding:1px 0 1px 1px; margin-right:-2px;} /* input text & textarea */
.formz .field textarea {margin:-1px -2px -1px 0;border:1px solid #CCCCCC;} /* input text & textarea */
/*ben*/.formz span.field input, .formz .field textarea, .formz .field select{width:100%; font-size:12px;}
.formz span.text, .formz select {border:1px solid #cccccc; background:#fff;}  /*select */

/* contruction formulaire base :ctrl est un conteneur de ligne, field un conteneur de champs */
.formz .ctrl {overflow:hidden; _overflow:visible; zoom:1;margin-bottom:8px}
.formz .ctrl sup { font-size:7px;}
.formz .multiplesCtrl {overflow:hidden; _overflow:visible; zoom:1;}
.formz .currency {float:right !important;margin:2px 5px 0;}
/*ben*/.formz .ctrl label {float:left;margin-right:8px; _margin-right:5px;line-height:1.4em; font-size:12px} /* label a gauche */
.formz .ctrl label span {font-weight:normal;font-size:0.9em;font-style:italic;} /* label a gauche */
.formz .ctrl .field, .formz .ctrl .multiFields {display:block; overflow:hidden;zoom:1; } /* champ parfaitement cale avec le label */
.formz .ctrl .fieldInline {display:inline-block;display:-moz-inline-stack;}
.formz .inlineFields label, .formz .labelTop .inlineFields label,.formz .inlineFields  .field input, .formz .inlineFields .field, .formz .inlineFields .field select,
.formz .checkLeft div.inlineFields label, .formz .checkLeft div.inlineFields .check {width:auto;float:none;margin:0;display:inline;} 
.formz .inlineFields .field {overflow:visible;position:relative; top:1px;line-height:1.4em; float:right; right:15px;} /* champs inline */
.formz .autoSize select, .formz .autoSize input, .formz .autoSize label, .autoSize select, .autoSize input, .autoSize label {width:auto;} 
.formz .fullSize select, .formz .fullSize input, .formz .fullSize label, .fullSize select, .fullSize input, .fullSize label {width:99%;}
.formz .inlineFields label {font-size: 1em;}
.formz .errorAlter label {color:#f00;}
.errorAlter label {color:#f00;}
.submit  input {background:none !important;border:none;color:#fff;margin:0;}
.labelThin label{color:#000 !important;font-weight:normal;font-size:1em;}
.inlineFields input {width:auto !important;margin-right:5px !important; margin-left:5px;}/* met un .field en vide. Cela permet d'utiliser le .field comme pour un espace, le padding-right:2px; est lu pour combler les 2px qui manquent comme les field ont des bordure de 1px */
.formz .blankField {border:none; background:none; width:auto;padding-right:2px;} 

/*fix borders on inline select */
.inlineFields .field select {border-bottom: 2px solid #cccccc;}

/* alignements textes labels */
.formz .checkLeft label {text-align:left;}
.rightLabels .ctrl label{text-align:right;}

/*autres*/
.Error{color:Red;margin-bottom:8px;}
.mth_star {color:#ff0000;}
.mth_textRight {text-align:right;}
.mth_formCache {padding-bottom:25px;}
/*ben*/.rblHorizontal input {float:left; margin:3px 2px 0 4px;}
.rblHorizontal label {float:none!important;}
.formz .field .textZone{width:100%;}

/* largeur des labels en % (on peut aussi specifier des largeurs fixes si besoin) */
.label10 label, .field10 .field {width:10%;} 
.label15 label, .field15 .field {width:15%;} 
.label20 label, .field20 .field {width:20%;}
.label25 label, .field25 .field {width:25%;}
.label30 label, .field30 .field {width:30%;} 
.label35 label, .field35 .field {width:35%;} 
.label40 label, .field40 .field {width:40%;}
.label45 label, .field45 .field {width:45%;}
.label50 label, .field50 .field {width:50%;}
.label55 label, .field55 .field {width:55%;}
.label60 label, .field60 .field {width:60%;}
.label70 label, .field70 .field {width:70%;}
.label80 label, .field80 .field {width:80%;}
.label90 label, .field90 .field {width:90%;}
.labelAuto label, .fieldAuto .field {width:auto !important;}



/***********/
/* boutons */
/***********/

.btn,.btn span,.btn input{display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:18px;white-space:nowrap;background:url(../images/btnType1Png24.png) left  top no-repeat;color:#FFF;text-decoration:none !important;cursor:pointer;text-align:center;font-size: 11px;_background-image:url(../images/btnType1.png);}
/*ben*/.btn{padding-left:9px;_width:1%;font-size:0.833em; /*margin-top:5px;*/ margin-bottom:5px;}
.btn span{display:block;background-position:right top;padding-right:9px;text-transform:uppercase;font-weight:bold;}
.btn span input{border:none;background:none;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:"Trebuchet MS", Arial, Verdana, sans-serif;padding:0 0 2px 11px;margin-left:-13px;_width:1%;*margin-left:-11px;height:18px;text-transform:uppercase;font-weight:bold; _line-height : 12px;_padding-top:3px;}
.btnType2,.btnType2 span,.btnType2 input {background-image:url('../images/btnType2Png24.png');_background-image:url(../images/btnType2.png);}
.btnTypeBig, .btnTypeBig span {background-image:url('../images/btnType1BigPng24.png');line-height:24px;_background-image:url(../images/btnType1Big.png);}
.btnTypeBig {padding-left:14px;}
.btnTypeBig span {padding-right:13px;}
.btnTypeBig span input {height:24px;}



/********************/
/* process commande */
/********************/

/* steps */
.steps {overflow:hidden;_overflow:visible;zoom:1;}
.steps h5 {float:left;margin-right:15px;_margin-right:12px;color:#6b6b68;line-height:1.9em;font-size:12px}
.steps ul {overflow:hidden; zoom:1;margin-bottom:10px;}
.steps ul li {float:left; padding-left:17px;margin-right:-16px;font-size:12px;font-weight:bold;list-style:none;}
.steps ul li, .steps ul li span {background:url(../images/steps_off.png) no-repeat left top;color:#9C9C9C;}
.steps ul li span {background-position:right top;display:block;line-height: 22px;padding-right:30px;padding-left:7px}
.steps ul li.first {background-position:left -30px;padding-left:10px;}
.steps ul li.first span {background-position:right -30px;}
.steps ul li.last{background-position:left -60px;float:none; overflow:hidden; _float:left;margin-right:0;}
.steps ul li.last span{background-position:right -60px;zoom:1;padding-right:5px;}
.steps ul li.current, .steps ul li.current span, .steps ul li.passed, .steps ul li.passed span {background-image:url(../images/steps_on.png);}
.steps ul li.current, .steps ul li.current span {color: #fff;}
.steps ul li.passed, .steps ul li.passed span {color:#def1cf;}

/* mon panier */
.monPanier .topCorners, .monPanier .bottomCorners {display:none;}
.monPanier h1 {text-transform:uppercase;margin:5px 0;color:#333333; font-size:24px; font-weight:normal}
.monPanier .dataArray {margin:0;border:1px solid #d9d9d9;margin-left:1px; *margin:0;}
.monPanier .dataArray td, .monPanier .dataArray th {border:0; padding:0px 5px; font-size:12px;}
.monPanier tbody.subSection th {border-bottom:1px solid #d9d9d9;background:#bfb4a6;font-weight:bold;}
.monPanier .dataArray tbody tr {border-bottom:1px solid #d9d9d9;*border:none;}
.monPanier .dataArray tbody tr td {*border-bottom:1px solid #d9d9d9;}
.monPanier thead {border-left:1px solid #72716d;}
.monPanier thead th{background:#969592;color:#fff;font-weight:bold;text-align:center;}
.monPanier thead th.altColor {background-color:#737270;}
.monPanier .color1 th, .monPanier .color1 td {background:#E6E5E0;}
.monPanier .color2 th, .monPanier .color2 td {background:#dfd9d2;}
.monPanier tfoot tr.color1 {border-left:1px solid #bfb4a6;}
.monPanier tfoot tr.color2 {border-left:1px solid #dfd9d2;}
.monPanier tfoot td {font-weight:bold;text-align:center;}
.monPanier tfoot th {font-weight:bold;text-align:left;}
.monPanier .dataArray td input.radio {vertical-align:middle;position:relative;top:-3px;*top:-1px;_top:0;}
.monPanier .dataArray tbody td {text-align:center;}

.monPanier .totaux tbody td.lineTotal {text-align:right;padding-right:30px}
.monPanier .totaux tfoot td.finalBasketTotal {text-align:right;padding-right:30px}

.monPanier .dataArray tbody.subSection td {text-align:left;}
.monPanier .dataArray tbody tr.empty td {display:none;}
.monPanier .dataArray .product {text-align:left;}
.monPanier .dataArray .price .oldPrice{text-decoration:line-through;}
.monPanier .dataArray .productLine .product span{display:block;}
.monPanier .dataArray .productLine .product .media {margin-top:1px;}
.monPanier .dataArray .productLine .product .mea .text{padding:10px 0 10px 10px; line-height:18px;}
.monPanier .dataArray .basketEmpty tfoot td, .monPanier .basketEmpty tbody.subSection td, .monPanier .basketEmpty tfoot th, .monPanier .basketEmpty tbody.subSection th{opacity: 0.3;-moz-opacity: 0.3;filter:alpha(opacity=50);}
.monPanier .dataArray tbody tr.promo td {border-bottom:1px solid red;background:url('../images/borderRedTrick.png') no-repeat center top; }
.monPanier .dataArray tbody tr.promo .first {background:url('../images/borderRedTrick.png') no-repeat left top; padding-right:0;}
.monPanier .dataArray tbody tr.promo .last, .monPanier .dataArray tbody tr.promo .rightBorder {background:url('../images/borderRedTrick.png') no-repeat right top; }
/*ben*/.monPanier tbody td.delete a {margin: 0 auto;display:block;height:16px;width:11px;background:url('../images/supprimer.png') no-repeat left top;position:relative;overflow:hidden;text-indent: 1000px;text-decoration:underline;}
.monPanier tbody td.add a {background: url('../images/basket.png') no-repeat right center; padding-right:20px;text-transform:uppercase;text-decoration:none !important;}
.monPanier .dataArray .promo td, .monPanier .dataArray .promo th, .monPanier .dataArray .promo a, .monPanier .dataArray .promo , .monPanier .dataArray .promo .price select option, .monPanier .dataArray .promo .price select{ color:#da0000;font-weight:bold;}
.monPanier .dataArray .promo img {vertical-align:middle;}
.monPanier .dataArray .productLine td, .monPanier .dataArray .productLine td a {color:#333;font-weight:normal;}
.monPanier .dataArrayTypeDomiciliation {border:none;}
.monPanier .dataArrayTypeDomiciliation th {font-weight:bold;background:#f6f5f3;}
.monPanier .dataArrayTypeDomiciliation table td, .monPanier .dataArrayTypeDomiciliation table th {border:1px solid #ccc;font-size:0.89em;}
.monPanier .dataArrayTypeDomiciliation table td {white-space:nowrap}
.monPanier .dataArrayTypeDomiciliation tbody tr {border:none;}

/* reassurances */
/*bug*/#leftSide .rub #reassurance1, #reassurance2, #reassurance3, #reassurance4, #reassurance5 {display:block; width:153px; height:18px; overflow:hidden; margin-bottom:5px}/*bug*/
/*bug*/#leftSide .rub #paybox {display:inline-block; width:40px; height:12px; overflow:hidden;}/*bug*/
/*bug*/#leftSide .rub #reassurance1 {background:#F1F1F2 url(../images/spPanier.png) no-repeat 0 0;}/*bug*/
/*bug*/#leftSide .rub #reassurance2 {background:#F1F1F2 url(../images/spPanier.png) no-repeat 0 -18px;}/*bug*/
/*bug*/#leftSide .rub #reassurance3 {background:#F1F1F2 url(../images/spPanier.png) no-repeat 0 -36px;}/*bug*/
/*bug*/#leftSide .rub #reassurance4 {background:#F1F1F2 url(../images/spPanier.png) no-repeat 0 -54px;}/*bug*/
/*bug*/#leftSide .rub #reassurance5 {background:#F1F1F2 url(../images/spPanier.png) no-repeat 0 -72px;}/*bug*/
/*bug*/#leftSide .rub #paybox {background:#F1F1F2 url(../images/spPanier.png) no-repeat 0 -90px;}/*bug*/
#leftSide .rub .reassurances p {font-size:11px; line-height:15px; color:#666666; padding-bottom:15px;}
#leftSide .rub .reassurances p b {display:inline; color:#666666; font-weight:bold;}

/* champ quantité */
.productLine input{width:25%}

/* frais de port */
#ctl00_ContentBody_shippingMethod tbody tr {border-bottom:none!important;}
#ctl00_ContentBody_shippingMethod tbody td {text-align:left!important;}
#ctl00_ContentBody_shippingMethod tbody td span input {margin: 3px 4px 0 2px;}

/* Espacement (dans les Ã?Â©tapes 3 et 4) entre les lignes de saissie de la carte / et pour le choix de paiement (cb, chk, etc.) */
.mth_espacement {height:6px;}

/* mode de paiement */
#ctl00_ContentBody_paymentMethod tbody tr td {text-align:left;height:23px;}
/*ben*/#ctl00_ContentBody_paymentMethod tbody tr td input{float:left!important; margin:2px 4px 0 3px;}
#ctl00_ContentBody_paymentMethod tbody tr td img{float:left!important;}
#ctl00_ContentBody_paymentMethod tbody tr {border-bottom:none!important;}

/* autre */
.mth_enExergue{background-color:#E6E5E0;color:#333333;}

/*code promo*/
/*ben*/#ctl00_ContentBody_promoCode {padding:2px; width:100px; margin:5px -10px 0 0; font-size:12px; height:14px; border:#CCC 1px solid;} 
.montantReduction {background-color:#cc0000; color:#FFF; padding:0 3px;}/*ben*/
.prixApresReduction {color:#cc0000;}/*ben*/
.prixAvantReduction {text-decoration:line-through;}/*ben*/

/* ma commande : box adresse */
fieldset.adresseBox {overflow:hidden;_overflow:visible;zoom:1;}
fieldset.adresseBox input {float :left;}
/*ben*/fieldset.adresseBox label {margin-left:10px;_margin-left:7px;overflow:hidden;_overflow:visible;zoom:1;display:block; line-height:16px;}
.AddressBook, .AddressBook table{width:100%;}

/* identification */
#ctl00_ContentBody_LoginForm {padding:0;margin:0;width:100%}



/***********************/
/* espace client old   */
/***********************/

.monCompte .blockSimple .tl, .monCompte .blockSimple .tr, .monCompte .blockSimple .bl, .monCompte .blockSimple .br{ background-image:none;}
.monCompte .cartouche .blockSimple .tl, .monCompte .cartouche .blockSimple .tr, .monCompte  .cartouche .blockSimple .bl, .monCompte .cartouche .blockSimple .br{ background-image:url(../images/cornersSimple.png);}
.monCompte .head {background:#969691 url(../images/bg_head_moncompte.png) repeat-x left bottom;}
.monCompte .head h3 {font-size:0.655em;font-weight:bold;text-transform:uppercase;line-height:20px;}
.monCompte .pasInscrit .body  {background:url(../images/bkgPasInscrit.png) no-repeat right bottom;}
.monCompte .univers {color:#00a9a6;}
.monCompte #leftCol {}
fieldset.gris label, .gris {color:#515151;}
fieldset.voucher {background:#f3f3f3;padding:10px 18px;}
fieldset.gradientFieldset {background:url(../images/bg_gradientFieldset.png) repeat-x left bottom;margin: 10px;}
tr.gradient {background:url(../images/bg_gradientFieldset.png) repeat-x left bottom;}
tr.gradient td{border-right:none !important;}
/*ben*/.monCompte .cartouche .blockInside {border:none;}
/*ben*/.monCompte .cartouche .body {background:transparent url(../images/bg_cartouche.png) no-repeat left top;}
/*ben*/.monCompte .cartouche .body h1{color:#fff; font-weight:normal; margin:10px 0 0 10px; font-size:20px;}
/*ben*/.monCompte .cartouche .body p{color:#fff; margin:5px 0 0 10px; font-size:12px; line-height:16px;}
.monCompte h1 {text-transform:uppercase;margin:5px 0;color:#99CA00; font-weight:normal;}
.monCompte .body h5 {text-transform:uppercase;margin:5px 0;color:#99CA00; font-size:13px;}
.relaisColisTable {width:100%;}
.relaisColisTable th, .relaisColisTable  td{padding:10px;}
.relaisColisTable thead th{background:#f3f3f3;border:1px solid #ccc;border-left:none;border-right:none;}
.relaisColisTable .relaisList {border-bottom:1px solid #ccc;padding-bottom:10px;}
.relaisColisTable .last {border-bottom:none;}
strong.telephone {font-size:1.4em;margin-bottom:20px;float:left;}
/*ben*/ul.ButtonMenu {list-style:none;}
table.brownBg .even {background:#f5f4f1;}
table.brownBg .odd {background:#bfb4a6;}
/*ben*/span.SelectLink a {color:#CCCCCC;}
/*ben*/.infosLegales, .infosLegales a {color:#999; font-size:11px;}



/****************/
/* autres pages */
/****************/

/*ben*/.professionnels .univers, .professionnels h1, .professionnels h2 {color:#99CA00;}
/*ben*/.professionnels .blockInside {border:none;}



/* ben : nouvelles pages */



/***************************/
/* page toutes nos marques */
/***************************/
#toutesNosMarques {float:left;width:955px;margin:0 auto 20px;text-align:left;}
#toutesNosMarques h1 {background:#99cc00 url(../images/v3bg-marques.png) no-repeat 0 0; padding:10px 15px 0; height:40px;}
#toutesNosMarques h1 a {font-size:22px;font-weight:normal;text-decoration:none;text-transform:uppercase;color:#ffffff;}

/* recherche des marques */
#toutesNosMarques .toutesNosMarques_recherche{color:#666;}

#toutesNosMarques .toutesNosMarques_recherche .toutesNosMarques_recherche_titre{background-color:#f1f2f2;padding:5px 0 5px 5px; width:950px;font-size:14px;}
#toutesNosMarques .toutesNosMarques_recherche .toutesNosMarques_recherche_titre a{color:#666; text-decoration:none;}
#toutesNosMarques .toutesNosMarques_recherche .toutesNosMarques_recherche_titre .toutesNosMarques_recherche_titre_normal{padding:0 10px 0 10px;}
#toutesNosMarques .toutesNosMarques_recherche .toutesNosMarques_recherche_titre .toutesNosMarques_recherche_titre_hover{background:#f9f9f9 url("../images/fleche_filtres_verte.png") no-repeat 85px center;padding:5px 30px 5px 10px;background}

#toutesNosMarques .toutesNosMarques_recherche .toutesNosMarques_recherche_cat{background-color:#f9f9f9;font-size:14px;border-bottom:1px solid #F1F2F2;width:955px;height:40px;}
#toutesNosMarques .toutesNosMarques_recherche .toutesNosMarques_recherche_cat  a{color:#666; text-decoration:none;}
#toutesNosMarques .toutesNosMarques_recherche .toutesNosMarques_recherche_cat ul{padding:12px 0;list-style-type:none;padding-left:auto;padding-right:auto;} 
#toutesNosMarques .toutesNosMarques_recherche .toutesNosMarques_recherche_cat li{float:left;padding-left:28px;}

/* textes des marques */
#toutesNosMarques p {color:#a3a3a3; font-size:12px; line-height:12px;padding: 10px 0 10px 0;}
#toutesNosMarques a {color:#a3a3a3; text-decoration:none;}

/* featured brands */
#featuresBrands { padding:0px 0 30px 0;}
#featuresBrands table {width:953px;margin:0;border:solid 1px #F1F2F2;border-collapse: collapse;}
#featuresBrands table td {border:#F1F1F2 1px solid;padding:10px;}

/* logos des marques */
/*bug*/a#logoMarque01, a#logoMarque02, a#logoMarque03, a#logoMarque04, a#logoMarque05, a#logoMarque06, a#logoMarque07, a#logoMarque08, a#logoMarque09, a#logoMarque10, a#logoMarque11, a#logoMarque12 {display:block; width:129px; height:73px; overflow:hidden;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque01 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat 0 0;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque02 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -129px 0;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque03 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -258px 0;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque04 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -387px 0;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque05 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -516px 0;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque06 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -645px 0;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque07 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat 0 -73px;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque08 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -129px -73px;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque09 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -258px -73px;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque10 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -387px -73px;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque11 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -516px -73px;}/*bug*/
/*bug*/#featuresBrands table td a#logoMarque12 {background:#FFF url(../images/sp-logos-marques-ustensiles-de-cuisine.png) no-repeat -645px -73px;}/*bug*/

/* liens des marques */
#featuresBrands table td p a {text-decoration:none; font-size:12px; font-weight:bold; color:#333333; border-bottom:#333333 dotted 1px;}
#featuresBrands table td p a:hover {border:none;}

/* all brands */
table.allBrands {width:100%; background-color:#F1F1F2;text-align:left;}
table.allBrands th, .allBrands td {width:112px; padding-left:10px; text-align:left;}
table.allBrands th {color:#94bf20; border-bottom:#D9D9D9 solid 1px; height:29px; vertical-align:bottom; padding-bottom:1px; }
table.allBrands td {padding-bottom:10px; line-height:24px;}
table.allBrands td ul {list-style:none; margin-top:5px}
table.allBrands td a{color:#666666; font-size:12px;  font-weight:normal; text-decoration:none;}
table.allBrands td a:hover {color:#94bf20;}

/* Catégories des marques */
#toutesNosMarques .toutesNosMarques_cat{height:40px;background-color:#f1f1f2;}
#toutesNosMarques .toutesNosMarques_cat h2{color:#666666;font-size:18px;}
#toutesNosMarques .toutesNosMarques_cat h2 a{color:#666666;font-size:18px;text-decoration:none;}



/**************************/
/* page catalogues mathon */
/**************************/


/* colonnes */
#cataloguesMathon #colGauche { margin-left:15px; padding-right:55px; border-right:#dadada 1px dashed; margin-bottom:30px}
#cataloguesMathon #colDroite { padding-left:55px;}

/* titre + paragraphe d'intro */
#cataloguesMathon h1 {font-size:24px; color:#67b133; font-weight:normal; margin:0 0 20px 0;}
#cataloguesMathon p {font-size:12px; color:#40454b; margin:0 0 15px 0;}

/* telecharger catalogue */
table#tableTelechargerCatalogue td { background-color:#f2f2f2}
table#tableTelechargerCatalogue td h3 {font-size:14px; color:#40454B; margin-top:30px}
table#tableTelechargerCatalogue td i {font-family:Georgia, 'Times New Roman', Times, serif; font-size:12px}
table#tableTelechargerCatalogue td p {font-size:11px; margin:10px 10px 10px 0}
table#tableTelechargerCatalogue td a {color:#42A7DA; font-size:12px; font-weight:bold;}
table#tableTelechargerCatalogue td a:hover {text-decoration:none;}
table#tableTelechargerCatalogue td a span {font-weight:normal; font-style:italic}

/* commander le catalogue */
table#tableCommanderCatalogue td {background-color:#f2f2f2; border-bottom:#FFF solid 1px; font-size:12px; font-weight:bold; padding:5px; text-align:right; width:50%;}
table#tableCommanderCatalogue a#compteOk {display:block; width:145px; height:32px; background:#fff url(../images/spBoutons.png) no-repeat 0 0;}
table#tableCommanderCatalogue a#compteKo {display:block; width:145px; height:32px; background:#fff url(../images/spBoutons.png) no-repeat 0 -32px;}
table#tableCommanderCatalogue a#compteLog {display:block; width:169px; height:32px; background:#fff url(../images/spBoutons.png) no-repeat 0 -64px; margin:0 auto;}

/*page recherche*/
.topRecherche .searchArticle div.zoneRecherche {clear: left; margin-left: 25px;}
.topRecherche .searchArticle div.zoneRecherche span.title {margin-bottom:5px;}
.topRecherche .searchArticle div.zoneRecherche span.customInput input {background-color:#FFF; border:#CCC solid 1px;}


/* champ recherche autocomplete */
ul.autocomplete_completionListElement { background-color:#FFF; border:#cccccc solid 1px; border-top:none; list-style:none;}
ul.autocomplete_completionListElement li {color:#666; font-size:11px; line-height:13px; padding:5px; cursor:pointer; background-image:none;}
ul.autocomplete_completionListElement li:hover {background-color:#F3F2ED;}

/**************************/
/*       formulaire       */
/**************************/

/* titres */
.formulaire h3 {font-size:16px; color:#97cc00; font-weight:bold;}
/* blocs gris*/
.formBloc {font-size:11px; color:#000; background-color:#F2F2F2; border-bottom:#FFF solid 1px;}
/* tabeaux */
.formTable {width:100%}
/* intitulés des champs */
.formLabel {font-size:11px; color:#000; text-transform:uppercase;}
/* champs textarea */
.formTextarea {font-size:11px; color:#333; padding:2px 4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/* champs textes */
.formInputText {font-size:11px; color:#333; padding:2px 4px;}
/* boutons radios */
.formLabelRadio {font-size:11px; color:#333; display:inline-block;}
.formInputRadio {margin:-2px 2px 0 1px;}
/* liste déroulante */
.formSelect {font-size:11px; vertical-align:middle; padding:2px 0;}
.formOption {color:#333;}
/* ancien numéro client */
.formNumClient {background-color:#E6E6E6}
/* infos news + champs */
.formInfos {font-size:11px; color:#999; font-style:italic;}
/* champs obligatoires */
.formAlert {font-size:9px; color:#cc0000; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}


/***********************/
/* espace client new   */
/***********************/

/* titres */
.cpte h1 {font-size:24px; color:#97cc00; font-weight:normal; text-transform:uppercase; }
.cpte h2 {font-size:12px;	color:#FFF;	background-color:#969691;	font-weight:bold;	text-transform:uppercase;	padding:5px 10px;}
.cpte h3 {font-size:14px; color:#97cc00; font-weight:bold; text-transform:uppercase; }
.cpte h4 {font-size:14px; color:#000; font-weight:bold;text-transform:uppercase;}
/* paragraphes */
.cpteTexte {font-size:12px; color:#000;}
/* blocs */
.cpteBloc {border:#dadada solid 1px; border-top:none; margin-bottom:20px;}
/* mentions légales */
.cpteLegal {font-size:10px; color:#ccc; text-transform:none;}
/* adresses clients */
.cpteAdresse {font-size:12px; color:#000; text-transform:uppercase;}
/* tableaux */
.cpteTable {width:100%;}
	.cpteTable th {font-size:12px; color:#666666; background-color:#dadada; font-weight:bold; text-transform:uppercase; padding:4px 9px; text-align:left;}
	.cpteTable td {font-size:12px; color:#000; padding:5px 10px; text-align:left;}
	.cpteTable td.bordureGauche {border-left:#dadada solid 1px;}
	.cpteTable tr.itemCommande:hover {background-color:#f4fae5; cursor:pointer;}
		.cpteTable tr.itemCommande a {color:#000; text-decoration:none;}
	.cpteTable tr.fraisLivraison {background-color:#efefef;}

/**************************/
/*     Général             */
/**************************/

/* boutons petit */
.btnVertSm {font-size:11px; color:#FFF; text-decoration:none; height:30px; line-height:30px; padding-left:15px; display:inline-block; background:#99cd00 url(../images/spBoutons.png) no-repeat left -126px;}
.btnVertSm span {height:30px;line-height:30px; padding-right:15px; display:inline-block; cursor:pointer; background:#99cd00 url(../images/spBoutons.png) no-repeat right -126px;}
.btnBleuSm {font-size:11px; color:#FFF; text-decoration:none; height:30px; line-height:30px; padding-left:15px; display:inline-block; background:#00C2E5 url(../images/spBoutons.png) no-repeat left -96px;}
.btnBleuSm span {height:30px;line-height:30px; padding-right:15px; display:inline-block; cursor:pointer; background:#00C2E5 url(../images/spBoutons.png) no-repeat right -96px;}
/* liens textes */
.lienGris {font-size:12px; color:#999; text-decoration:underline;}
.lienVert {font-size:12px; color:#97cc00; text-decoration:underline;}
.lienRouge {font-size:12px; color:#F00; text-decoration:underline;}
.lienEmail {font-size:12px; color:#000; border-bottom:#000 dotted 1px; font-weight:bold; text-decoration:none;}


/**********************************/
/*Simulation DropDown sur TextBox */
/**********************************/
.tblDropDown{width:100px;}
.tblDropDownTextBox{height:20px;}
.tblDropDownDropDown{width:17px;height:20px;}
.btnTypeDropDown span {height:20px;line-height:20px; padding-left:0px; display:inline-block; cursor:pointer; background:#99cd00 url(../images/btnDopDown.png) no-repeat; width:17px;}
