@charset "ISO-8859-1";

* {
	font-family: Verdana, helvetica, sans-serif ;
	font-size: 10px;
	color: #444;
	}

body {
	margin: 0;
	padding: 0;
	background: #d7d9da url("/images/header_bg_repeat.gif") top left repeat-x;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

h1{
	font-size: 18px;
	color: #ea690b;
	width: auto;

}

h2{
	font-size: 13px;
	color: #ea690b;
}

h3{
	font-size: 11px;
}

h5 {
	font-weight: bold;
	font-size: 18px;
	color: #ea690b;
	width: auto;
}

a {
	color: #636466;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #ea690b;
}


img {
	border: 0
}

.orange {
	color: #ea690b;
}
.orangeBold {
	color: #ea690b;
	font-weight: bold;
}

.bug {
	width: 100%;
	height: 20px;
	display: inline-block;
}





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

#main {
	width: 994px;
	margin: 0 auto 0 auto;
	padding: 0;
	display: block;
}
/*
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 990px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
*/

#global {
	display: block;
	width:994px;
}

#content {
	width:972px;
	height: auto;
	background: #FFF url("/images/middle_shadow_left_right.gif") repeat-y;
	padding-left: 11px;
	padding-right: 11px;
	float: left;
}

#contenu {
	display: inline-block;
	vertical-align: top;
	width: 681px;
	height: auto;
	padding: 0 0 5px 24px;
}

.introTxtRub {
	font-size: 11px;
	width: 670px;
	height: auto;
	margin: 0 0 15px 0;
	float: left;
}

.introTxtRub p, .introTxtRub u, .introTxtRub b, .introTxtRub strong, .introTxtRub em  {
	font-size: 11px;
}

.introTxtRub ul,.introTxtRub li {
	font-size: 11px;
}

.introTxtRub a  {
	font-size: 11px;
	color: #ea690b;
	font-weight: bold;
}

.titrePage {
	color: #ea690b;
	text-align: left;
	font-weight: bold;
	width: 681px;
	margin-top: 15px;
	margin-bottom: 15px;
	/*float: left;*/

}

	h1 span {
		font-size:18px;
		color: #636466;
	}

.sousTitrePage {
	color: #ea690b;
	text-align: left;
	font-weight: bold;
	margin-bottom:15px;
	margin-top:15px;
	width: 681px;
	/*float: left;*/
}
/*
.textePage {
	color: #141414;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 775px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}
*/

/* Page de contenu footer */

.contenuTxt {
	width: 100%;
	height: auto;
}

	.contenuTxt h2 {
		margin: 25px 0 10px 0;
	}
	.contenuTxt h3 {
		margin: 15px 0 10px 0;
	}
	.contenuTxt a {
		color: #ea690b;
	}
	.contenuTxt p {
		margin: 0 0 10px 0;
	}
	.contenuTxt img {
		float: left;
		display: inline-block;
		margin: 0 25px 10px 0;
	}
	.contenuTxt table {
		border: 0;
		padding: 8px;
		width: 65%;
		text-align: center;
	}
		.contenuTxt table tr th {
			padding: 4px;
		}
		.contenuTxt table tr td {
			background-color: #f8f8f8;
			padding: 2px;
		}



/* input style */
.inputGlob {
	height: 20px;
	background: transparent url("/images/input_commun_bg.gif") left top repeat-x;
	border: 1px solid #e4e4e4;
	padding: 0;
}

.textarea {
	background: transparent url("/images/input_commun_bg.gif") left top repeat-x;
	border: 1px solid #e4e4e4;
	padding: 0;
}


/* bouton strech */
.btGlob {
	background-image:url("/images/bouton_commun_bg.gif");
	background-position: left top;
	background-repeat :no-repeat;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	height: 27px;
	margin: 0;
	padding: 0 0 0 15px;
}
	.btGlob:hover {
		background-position: left bottom;
	}

.btGlob span {
	background-image:url("/images/bouton_commun_bg.gif");
	background-position: right top;
	color: #FFFFFF;
	background-color: #FFF;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	padding: 6px 15px 0 0;
}
	.btGlob:hover span {
		background-position: right bottom;
	}

button.btGlob {
	color: white;
	font-weight: bold;
	font-size: 11px;
	border: 0;
	margin: 10px 0 0 10px !important;
	padding: 0 16px !important;
}

/* HEADER -------------------------------------------------------- */

#header {
	width: 994px;
	height: 225px;
	background: transparent url("/images/header_top.gif") no-repeat;
	float: left;
	margin-top: 12px;
	padding: 0;
}

	#logoTop {
		float: left;
		width: 190px;
		height: 96px;
		margin: 0;
		padding-top: 47px;
		padding-right: 41px;
		padding-bottom: 0px;
		padding-left: 44px;
	}

	#banner {
		float: left;
		width: 480px;
		height: 60px;
		margin-top: 52px;
		margin-bottom: 19px;
	}

	#gplus1 {
		float:left;
		display:inline-block;
		margin-left: 0px;
		width: 90px;
/*		float: left;	*/
	}

	#recherche {
		float: left;
		width: 470px;
		height: 23px;
		background: #FFFFFF url("/images/search_bg_input.png") 12px no-repeat;
		padding-left: 12px;
		margin-left: -13px;
	}
		#recherche input {
			float: left;
			color: #636466;
			border: 0px #000000 solid;
			width: 365px;
			margin-top: 4px;
			margin-left: 22px;
		}

		#recherche a {
			float: right;
			width: 72px;
			height: 23px;
			background: #FFFFFF url("/images/search_bt.gif") no-repeat;
		}


	.recherchePlus {
		margin-top: 3px;
		margin-left: 8px;
	}

	.recherchePlus a {
		font-style: italic;
		font-weight: bold;
		text-decoration: none;
	}

	.recherchePlus a:hover {
		color: #15b6eb;
	}


	#menuTopRight {
		float: right;
		width: 173px;
		height: 95px;
		margin-top: 52px;
		margin-right: 15px;
	}

			#menuTopRight ul {
				width: auto;
				height: auto;
				margin: 0;
				padding:0;
				list-style-type: none;
			}

			#menuTopRight ul li {
				width: 196px;
				height: 17px;
				float: left;
			}
			#menuTopRight ul li a {
				width: auto;
				height: auto;
				text-decoration: none;
				padding-left: 18px;
				background: #636466 url("/images/puce_fleche.gif") left top no-repeat;
			}

			#menuTopRight ul li a:hover {
				text-decoration: none;
				background: #ea690b url("/images/puce_fleche.gif") left top no-repeat;
			}

			#menuTopRight ul li span {
				width: auto;
				height: auto;
				background: #FFF;
			}
			#menuTopRight ul li span:hover {
				width: auto;
				height: auto;
				color: #ea690b;
				background: #FFF;
			}

/*
			#menuTopRight ul li a.dem {
				width: 160px;
				height: 15px;
				text-decoration: none;
				padding-left: 15px;
				background: transparent url(images/menu_top_right_bg_dem.gif)  left top no-repeat;
			}

			#menuTopRight ul li a.dem:hover {
							width: 160px;
				height: 18px;
				text-decoration: none;
				background: transparent url(images/menu_top_right_bg_dem.gif)  top top no-repeat;
			}

			#menuTopRight ul li .dem span {
				width: 129px;
				height: auto;
				background: transparent;
			}
			#menuTopRight ul li .dem span:hover {
				width: auto;
				height: auto;
				color: #FFF;
				background: transparent;
			}*/

			.dem {
				width: 170px;
				height: 15px;
				text-decoration: none;
				margin-left: -3px;
				margin-top: -3px;
				padding-top: 1px;
				background: transparent url("/images/menu_top_right_bg_dem.gif") left top no-repeat;
				float: left;
			}
			.dem:hover {
				width: 170px;
				height: 15px;
				text-decoration: none;
				margin-left: -3px;
				padding-top: 1px;
				background: transparent url("/images/menu_top_right_bg_over.gif") left top no-repeat;
				float: left;
			}
			.dem a {
				color: #FFF;
				width: 170px;
				height: 13px;
				padding-left: 18px;
				padding-right: 18px;
				text-decoration: none;
			}


			.psm {
				width: 170px;
				height: 15px;
				text-decoration: none;
				margin-left: -3px;
				padding-top: 1px;
				background: transparent url("/images/menu_top_right_bg_prod.gif") left top no-repeat;
				float: left;
			}
			.psm:hover {
				width: 170px;
				height: 15px;
				text-decoration: none;
				margin-left: -3px;
				padding-top: 1px;
				background: transparent url("/images/menu_top_right_bg_over.gif") left top no-repeat;
				float: left;
			}
			.psm a {
				color: #FFF;
				width: 170px;
				height: 13px;
				padding-left: 18px;
				padding-right: 18px;
				text-decoration: none;
			}


			.prm {
				width: 170px;
				height: 15px;
				text-decoration: none;
				margin-left: -3px;
				padding-top: 1px;
				background: transparent url("/images/menu_top_right_bg_prm.gif") left top no-repeat;
				float: left;
			}
			.prm:hover {
				width: 170px;
				height: 15px;
				text-decoration: none;
				margin-left: -3px;
				padding-top: 1px;
				background: transparent url("/images/menu_top_right_bg_over.gif") left top no-repeat;
				float: left;
			}
			.prm a {
				color: #FFF;
				width: 170px;
				height: 13px;
				padding-left: 18px;
				padding-right: 18px;
				text-decoration: none;
			}

/* MENU RUB --------------------------------------------------------------------*/

#menuShadow {
	width: 928px;
	height:45px;
	float:left;
	margin-left: 31px !important;
	margin-left: 15px;
	margin-top: 20px;
	padding-left: 4px;
	padding-top: 3px;
	background: transparent url("/images/menu_top_bg_shadows.gif") no-repeat;
}

#menu {
	width: 918px;
	height:38px;
	float:left;
	padding-left: 6px;
	background: transparent url("/images/menu_top_bg.gif") no-repeat;
}

.rub {

	width: auto;
	display: block;
	border-right: 1px solid #4b4b4d;
}

		a.rubAccueil {
			color: white;
			font-size : 10px;
			width: 50px;
			height : 25px;
			padding-top: 13px;
			padding-left: 6px;
			padding-right: 6px;

			text-decoration: none;
			float: left;
			border-right: 1px solid #4b4b4d;
			border-left: 1px solid #4b4b4d;
		}
		a.rubAccueil:hover {
			background: #ea690b url("/images/menu_top_bg_over.gif") left no-repeat;
		}


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 9px;
	cursor: default;
	width: 920px;
	height: 38px;
	border:0;
	background-color: transparent;

}

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	margin: 0;
	padding: 0;
	cursor: pointer;
	float: left;
	background-color: transparent;
	background-image: none;
	white-space: normal;

}

/* Liens du menu */

ul.MenuBarHorizontal li a,  ul.MenuBarHorizontal li a:visited {
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 5px;
	background-color: transparent;
	text-decoration: none;
	height: 33px;
	background-image: none;
	text-align: left;
	font-size: 10px;
	text-transform: uppercase;
}

ul.MenuBarHorizontal a:hover
{
	color: #ffffff;
	background: transparent url("/images/menu_top_bg_over.gif") left repeat;
}

ul.MenuBarHorizontal a.selection_main
{
	color: #ffffff;
	background: transparent url("/images/menu_top_bg_selection.png") left repeat;
}

ul.MenuBarHorizontal a.selection
{
	background: #8B8B8B;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarHorizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10px;
	z-index: 1020;
	cursor: default;
	/*width: auto;*/

	position: absolute;
	left: -1000em;
	border:0;
	background-color: transparent;

}


/* Permet d'avoir le sous-menu visible*/
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	border-bottom: 1px solid transparent; /* Fix browser zoom */
}


/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Container du sous-menu */
ul.MenuBarHorizontal ul {
	border: none;
	margin: -1px 0 0 0;
	padding:0;
	padding-bottom: 5px;
	background: transparent url("/images/menu_top_foot_item.png") left bottom no-repeat;
	width: 212px;
/*	border-left:solid 1px #8daf5d;
	border-top:solid 1px #8daf5d;*/
	}


/* Container du sous-menu */
ul.MenuBarHorizontal ul li {
	border: none;
	margin:0;
	padding:0;

	width: 212px;
/*	border-left:solid 1px #8daf5d;
	border-top:solid 1px #8daf5d;*/
	}




/* Liens du sous-menu */

ul.MenuBarHorizontal ul li {
	background-color: #636466;
	border:0;
	margin:0;
	padding: 0;
	}

ul.MenuBarHorizontal ul li a, ul.MenuBarHorizontal ul li a:visited {
	font-size: 10px;
	display: block;
	cursor: pointer;
	color:#ffffff;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	margin:0;
	background-image: none;
	height:auto;
	width:inherit;
	width:200px;
	border-top: 1px solid #4b4b4d;
	border-left: 0;
	text-transform: none;
	}

ul.MenuBarHorizontal ul li a:hover {
	font-size: 10px;
	display: block;
	cursor: pointer;
	color:#ffffff;
	background-image:none;
	background-color:#ea690b;
	border-top: 1px solid #4b4b4d;
	text-decoration:none;
}



/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	border: 0;
	margin:0;
	padding: 0;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;

	}
}

/* FIN MENU RUB ------------------------------------------------------------*/


/* COLONNE DE DROITE -----------------------------------------------------*/

#sideBar {
	display: inline-block;
	width: 218px;
	height: auto;
	padding: 0 0 5px 19px;
	margin-top: 10px;
}

	/* MON COMPTE BLOC */
	#blocMonCompte {
		width: 218px;
		height: auto;
		margin-bottom: 10px;
	}

		.blocMonCompteHead {
			width: 218px;
			height: 34px;
			background: transparent url("/images/bloc_mon_compte_head.gif") left top no-repeat;
			/*float: left;*/
		}

		.blocMonCompteMiddle {
			width: 206px;
			height: auto;
			padding-top: 6px;
			padding-left: 10px;
			border-left: 1px solid #d7d9da;
			border-right: 1px solid #d7d9da;
			background: #f8f8f8;
			/*float: left;*/
		}


			/*input */
			.blocMonCompteMail {
				width: 196px;
				height: 15px;
				margin-bottom: 6px;
				padding-top: 3px;

				background: transparent url("/images/bloc_mon_compte_input_mail.gif") left top no-repeat;
			}
				.blocMonCompteMail input {
					color: #444444;
					width: 190px;
					height: auto;
					margin:0;
					padding-bottom: 0;
					padding-top: 0;
					padding-left: 6px;
					border: 0;
					background: transparent;

				}

			.blocMonComptePass {
				width: 124px;
				height: 15px;
				padding-top: 3px;
				background: transparent url("/images/bloc_mon_compte_input_pass.gif") left top no-repeat;
				display: inline-block;
				vertical-align: top;
			}
				.blocMonComptePass input {
					color: #444444;
					width: 118px;
					height: auto;
					margin:0;
					padding-bottom: 0;
					padding-top: 0;
					padding-left: 6px;
					border: 0;
					background: transparent;

				}

			.blocMonCompteBouton {
				width: 66px;
				height: 18px;
				margin-left: 6px;
				background: transparent url("/images/bloc_mon_compte_input_bouton.gif") left top no-repeat;
				display: inline-block;
			}
				.blocMonCompteBouton input {
					width: 66px;
					height: 18px;
					margin:0;
					padding: 0;
					border: 0;
					background: transparent;
					cursor: pointer;
				}

			.blocMonCompteDeconect a {
				width: 77px;
				height: 18px;
				margin-left: 60px;
				margin-bottom: 6px;
				background: transparent url("/images/bloc_mon_compte_input_bouton_decon.gif") left top no-repeat;
				display: inline-block;
			}

			.blocMonCompteWelcom {
				color: #838383;
				width: 196px;
				height: auto;
			}
			.blocMonCompteWelcom span {
				color: #f2be00;
				font-weight: bold;
				width: auto;
				height: auto;
			}



			.blocMonCompteMiddle ul {
				width: auto;
				height: auto;
				margin: 0;
				padding:0;
				list-style-type: none;
			}

			.blocMonCompteMiddle ul li {
				width: 196px;
				height: 17px;

			}
			.blocMonCompteMiddle ul li a {
				width: auto;
				height: auto;
				color: #838383;
				text-decoration: none;
				padding-left: 15px;
				background: #636466 url("/images/puce_fleche.gif") left top no-repeat;
			}

			.blocMonCompteMiddle ul li a:hover {
				text-decoration: none;
				background: #f2be00 url("/images/puce_fleche.gif") left top no-repeat;
			}

			.blocMonCompteMiddle ul li span {
				width: auto;
				height: auto;
				color: #444444;
				background: #f8f8f8;
			}
			.blocMonCompteMiddle ul li span:hover {
				width: auto;
				height: auto;
				color: #f2be00;
				background: #f8f8f8;
			}

			.separatorLine {
				width: 196px;
				height: 1px;
				margin-top: 8px;
				margin-bottom: 8px;
				border-top: 1px solid #d7d9da;
			}


		.msError {
			color: #ea690b;
			width: 300px;
			height: auto;
			margin-bottom: 8px;

		}

		.blocMonCompteMiddle .msError {
			width: 196px;
		}


	/* Blocs Pub */

	.blocDemenag {
		width: 218px;
		height: 140px;
		background: transparent url("/images/bloc-pub_demenagement.gif") left top no-repeat;

		margin: 0 0 15px 0;
	}

	.blocPro {
		width: 218px;
		height: 209px;
		background: transparent url("/images/bloc-pub_espace-pro.gif") left top no-repeat;

		margin: 0 0 15px 0;
	}
		.blocPro p {
			color: #838383;
			padding: 30px 0 10px 11px;
		}

	.blocSurMesure {
		width: 218px;
		height: 115px;
		background: transparent url("/images/bloc-pub_sur-mesure.gif") left top no-repeat;

		margin: 0 0 15px 0;
	}

	.blocAdhesifPerso {
		width: 218px;
		height: 180px;
		background: transparent url("/images/bloc-pub_adhesif_personnalise_.png") left top no-repeat;

		margin: 0 0 15px 0;
	}

	.blocDemenagSmall {
		width: 218px;
		height: 46px;
		background: transparent url("/images/bloc-pub_demenagement_small.gif") left top no-repeat;
		margin: 0 0 15px 0;
	}

	.blocProSmall {
		width: 218px;
		height: 46px;
		background: transparent url("/images/bloc-pub_espace-pro_small.gif") left top no-repeat;
		margin: 0 0 15px 0;
	}

	.blocSurMesureSmall {
		width: 218px;
		height: 46px;
		background: transparent url("/images/bloc-pub_sur-mesure_small.gif") left top no-repeat;
		margin: 0 0 15px 0;
	}

	/* TOP VENTES BLOC */
	#blocTopVentes {
		width: 218px;
		height: auto;
	}

		.blocTopVentesHead {
			width: 212px;
			height: 22px;
			background: #f8f8f8 url("/images/bloc_top_ventes_head.gif") left top no-repeat;
			text-align: left;
			padding-top: 12px;
			padding-right: 6px;
			font-size: 12px;
		}

		.blocTopVentesMiddle {
			width: 206px;
			height: 300px;
			padding-top: 6px;
			padding-left: 10px;
			border-left: 1px solid #d7d9da;
			border-right: 1px solid #d7d9da;
			background: #f8f8f8;
			/*float: left;*/
		}

		.blocTopVentesEntry {
			float: left;
			height: 55px;
			margin-top: 5px;
		}

		.blocTopVentesImg {
			border: 1px solid #DDD;
			background-color: #FFF;
			width: 64px;
			height: 48px;
			float: left;
		}

		.blocTopVentesLink {
			float: left;
			width: 120px;
			margin-left: 5px
		}

		.blocTopVentesLink a {
			font-size: 9px;
			text-decoration: none;
		}

		.blocTopVentesLink a:hover {
			font-size: 9px;
			text-decoration: underline;
		}


	/* TOP RECHERCHE BLOC */
	#blocTopRecherche {
		width: 218px;
		height: auto;
	}

		.blocTopRechercheHead {
			width: 212px;
			height: 22px;
			background: #f8f8f8 url("/images/bloc_top_recherche_head.gif") left top no-repeat;
			text-align: left;
			padding-top: 12px;
			padding-right: 6px;
			font-size: 12px;
		}

		.blocTopRechercheHead span {
			font-size: 12px;
		}

		.blocTopRechercheMiddle {
			width: 206px;
			height: auto;
			padding-top: 6px;
			padding-left: 10px;
			border-left: 1px solid #d7d9da;
			border-right: 1px solid #d7d9da;
			background: #f8f8f8;
			/*float: left;*/
		}

			.blocTopRechercheMiddle ul {
				width: auto;
				height: auto;
				margin: 0;
				padding:0;
				list-style-type: none;
			}

			.blocTopRechercheMiddle ul li {
				width: 196px;
				height: 17px;

			}
			.blocTopRechercheMiddle ul li a {
				width: auto;
				height: auto;
				color: #838383;
				text-decoration: none;
				padding-left: 15px;
				background: #636466 url("/images/puce_fleche.gif") left top no-repeat;
			}

			.blocTopRechercheMiddle ul li span {
				width: auto;
				height: auto;
				color: #444444;
				background: #f8f8f8;
			}

			.blocTopRechercheMiddle ul li span:hover {
				width: auto;
				height: auto;
				color: #15b6eb;
				background: #f8f8f8;
			}

	/* MON PANIER BLOC */
	#blocMonPanier {
		width: 218px;
		height: auto;
		margin-bottom: 10px;
	}

		.blocMonPanierHead {
			width: 212px;
			height: 23px;
			background: #f8f8f8 url("/images/bloc_mon_panier_head.gif") left top no-repeat;
			/*float: left;*/
			text-align: right;
			padding-top: 11px;
			padding-right: 6px;
		}
			.blocMonPanierHead span {
				color: #98d71c;
				font-weight: bold;
			}

		.blocMonPanierMiddle {
			width: 206px;
			height: auto;
			padding-top: 6px;
			padding-left: 10px;
			border-left: 1px solid #d7d9da;
			border-right: 1px solid #d7d9da;
			background: #f8f8f8;
			/*float: left;*/
		}
			.libQte {
				width: 34px;
				height: 10px;
				font-weight: bold;
				display: inline-block;
			}
			.libProd {
				width: 106px;
				height: 10px;
				font-weight: bold;
				display: inline-block;
			}
			.libPrix {
				width: 56px;
				height: 10px;
				font-weight: bold;
				text-align: center;
				display: inline-block;
			}

			.colQte {
				width: 30px;
				height: auto;
				color: #98d71c;
				font-weight: bold;
				margin-bottom: 4px;
				padding-left: 4px;
				display: inline-block;
			}
			.colProd {
				width: 103px;
				height: auto;
				margin-bottom: 4px;
				padding-left: 3px;
				display: inline-block;
			}
			.colPrix {
				width: 56px;
				height: auto;
				font-weight: bold;
				margin-bottom: 4px;
				text-align: right;
				display: inline-block;
			}

			.colTotalLib {
				width: 137px;
				height: auto;
				font-weight: bold;
				padding-left: 3px;
				display: inline-block;
			}
			.colTotalPrix {
				color: #98d71c;
				width: 56px;
				height: auto;
				font-weight: bold;
				text-align: right;
				display: inline-block;
			}



			.blocMonPanierMiddle ul {
				width: auto;
				height: auto;
				margin: 0;
				padding:0;
				list-style-type: none;
			}

			.blocMonPanierMiddle ul li {
				width: 196px;
				height: 17px;

			}
			.blocMonPanierMiddle ul li a {
				width: auto;
				height: auto;
				color: #838383;
				text-decoration: none;
				padding-left: 15px;
				background: #636466 url("/images/puce_fleche.gif") left top no-repeat;
			}

			.blocMonPanierMiddle ul li a:hover {
				text-decoration: none;
				background: #98d71c url("/images/puce_fleche.gif") left top no-repeat;
			}

			.blocMonPanierMiddle ul li span {
				width: auto;
				height: auto;
				color: #838383;
				background: #f8f8f8;
			}
			.blocMonPanierMiddle ul li span:hover {
				width: auto;
				height: auto;
				color: #98d71c;
				background: #f8f8f8;
			}


	/* NEWSLETTER BLOC */

	#blocNewsletter {
		width: 218px;
		height: 90px;
		padding: 0;

	}

		.blocSideBarFoot {
			margin-bottom: 8px;
			width: 218px;
			height: 15px;
			background: transparent url("/images/bloc_sidebar_foot.gif") left top no-repeat;
		}

		.blocNewsletterHead {
			width: 218px;
			height: 34px;
			background: transparent url("/images/bloc_newsletter_head.gif") left top no-repeat;
			float: left;
			text-align: right;
		}

		.blocNewsletterMiddle {
			width: 218px;
			height: auto;
			padding-top: 6px;
			padding-bottom: 6px;
			background: #f8f8f8 url("/images/bloc_newsletter_middle.gif") left top repeat-y;
			float: left;
		}

		.blocNewsletterContentMiddle {
			width: auto;
			height: auto;
			padding-left: 11px;
			float: left;
		}

			.blocNewsletterMail {
				width: 161px;
				height: 15px;
				padding-top: 3px;
				padding-bottom: 1px;
				background: transparent url("/images/bloc_newsletter_input_mail.gif") left top no-repeat;
				float: left;
			}
				.blocNewsletterMail input {
					color: #838383;
					width: 155px;
					height: auto;
					margin:0;
					padding-bottom: 0;
					padding-top: 0;
					padding-left: 6px;
					border: 0;
					background: transparent;
					float: left;
				}

			.blocNewsletterBouton {
				width: 28px;
				height: 18px;
				background: transparent url("/images/bloc_newsletter_bouton.gif") left top no-repeat;
				float: left;
				margin-left: 7px;
			}
				.blocNewsletterBouton input {
					width: 28px;
					height: 18px;
					margin:0;
					padding: 0;
					border: 0;
					background: transparent;
					cursor: pointer;
				}



		.blocNewsletterRadio {
			width: auto;
			height: 18px;
			padding-bottom: 8px;
			float: left;

		}

		.blocNewsletterRadio label {
			padding-top: 3px;
			padding-right: 4px;
			float: left;
		}
		.blocNewsletterRadio input {
			float: left;
			margin-left: 0;
		}


/* FOOTER -------------------------------------------------------- */

#footer{
	width: 994px;
	height: 173px;
	/*padding-bottom: 20px;*/
	clear:both;
	background: transparent url("/images/footer_bg.gif") left top no-repeat;
}

	#copyright {
		width: 173px;
		height: 81px;
		margin-top: 21px;
		padding-left: 36px;
		padding-top: 39px;
		float: left;
		background: transparent url("/images/footer_logo.gif") 28px top no-repeat;
	}


	#navFooter {
		width: auto;
		height: 122px;
		margin-top: 6px;
		margin-left: 30px;
		float: left;

	}

		.navFooterBlocs {
			width: auto;
			height: 150px;
			padding-top: 21px;
			padding-left: 18px;
			padding-right: 30px;
			background: transparent url("/images/footer_barre_verticale.gif") left 10px no-repeat;
			float: left;
		}



		.navFooterBlocs a {
			color: #838383;
			height: 10px;
			text-decoration: none;
			padding-bottom: 6px;
			padding-left: 8px;
			background: transparent url("/images/footer_puce_links.gif") left -10px no-repeat;
			display: block;
		}
		.navFooterBlocs a:hover {
			color: #ea690b;
			height: 10px;
			text-decoration: none;
			background: transparent url("/images/footer_puce_links.gif") left 5px no-repeat;
		}

		h4 {
			font-size: 12px;
			color: #ea690b;
			height: 16px;
			margin-bottom: 6px;
			display: block;
		}



a.LIEN_footer:link {
	color: #0066CC;
	text-decoration: none;
}

a.LIEN_footer:visited {
	color: #0066CC;
	text-decoration: none;
}

a.LIEN_footer:hover {
	color: #0066CC;
	text-decoration: underline;
}


/* FIN FOOTER -------------------------------------------------------- */


/* ACCUEIL -----------------------------------------------------------*/

#rubImgEnter {
	width: 681px;
	height: 137px;
	margin-top: 10px;
	float: left;
}

	#rubImgEnter ul {
		margin: 0;
		padding:0;
		list-style-type: none;
	}
	#rubImgEnter ul li {
		width: 125px;
		height: 137px;
		margin-left: 10px;
		padding: 0;
		float: left;
	}

	/* RUB 1 */
	a.rubImg1  {
		width: 125px;
		height: 137px;
		background: transparent url("/images/acc_pictos.gif") left top no-repeat;
		float: left;
	}
	a.rubImg1:hover {
		background: transparent url("/images/acc_pictos.gif") left -197px no-repeat;
	}

	/* RUB 2 */
	a.rubImg2  {
		width: 125px;
		height: 137px;
		background: transparent url("/images/acc_pictos.gif") -140px top no-repeat;
		float: left;
	}
	a.rubImg2:hover {
		background: transparent url("/images/acc_pictos.gif") -140px -197px no-repeat;
	}

	/* RUB 3 */
	a.rubImg3  {
		width: 125px;
		height: 137px;
		background: transparent url("/images/acc_pictos.gif") -282px top no-repeat;
		float: left;
	}
	a.rubImg3:hover {
		background: transparent url("/images/acc_pictos.gif") -282px -197px no-repeat;
	}

	/* RUB 4 */
	a.rubImg4  {
		width: 125px;
		height: 137px;
		background: transparent url("/images/acc_pictos.gif") -425px top no-repeat;
		float: left;
	}
	a.rubImg4:hover {
		background: transparent url("/images/acc_pictos.gif") -425px -197px no-repeat;
	}

	/* RUB 5 */
	a.rubImg5  {
		width: 125px;
		height: 137px;
		background: transparent url("/images/acc_pictos.gif") -565px top no-repeat;
		float: left;
	}
	a.rubImg5:hover {
		background: transparent url("/images/acc_pictos.gif") -565px -197px no-repeat;
	}

#cataList {
	width: 681px;
	height: auto;
	margin-top: 30px;
	float: left;
}

	.catalistBloc2  {
		width: 320px;
		height: auto;
		padding: 10px;
		float: left;
	}

	.catalistBloc2 h2 {
		padding-left: 10px;
		font-size: 11px;
		color: #ea690b;
		font-weight: bold;
		text-transform: uppercase;
	}

	.catalistBloc2 h3 {
		padding-left: 10px;
		font-size: 11px;
		color: #ea690b;
		font-weight: bold;
		text-transform: uppercase;
	}

	.catalistBloc2 ul {
		width: auto;
		height: auto;
		margin-top: 15px;
		margin-left: 0;
		padding:0;
		list-style-type: none;
		/*background: transparent url(images/acc_picto_fermer_over.gif) right top no-repeat;*/
		float: left;
	}
	.catalistBloc2 ul li {
		width: auto;
		height: auto;
		margin: 0 0 6px 0;

	}
	.catalistBloc2 ul li a {
		width: auto;
		height: auto;
		color: #636466;
		text-decoration: none;
		padding-left: 15px;
		background: #FFF url("/images/puce_fleche.gif") left top repeat-y;
		display: inline-block;
		vertical-align: bottom;
	}

	.catalistBloc2 ul li a:hover {
		color: #ea690b;
		text-decoration: none;
		background: #FFF url("/images/puce_fleche.gif") left top no-repeat;
	}

	.catalistBloc2 ul li span {
		width: auto;
		height: auto;
		color: #636466;
		background: #FFF;
		display: inline-block;
	}
	.catalistBloc2 ul li span:hover {
		color: #ea690b;
		background: #FFF;
	}

	.catalistBloc3  {
		width: 298px;
		height: 189px;
		background: transparent url("/images/list_catalog_bloc_bg.gif") left top no-repeat;
		padding: 20px;
		float: left;
	}

	.catalistBloc3 b {
		font-size: 10px;
		font-weight: bold;
	}

	.catalistBloc3 h2 {
		font-size: 11px;
		color: #ea690b;
		font-weight: bold;
		text-transform: uppercase;
	}

	.catalistBloc3 h2 a {
		color: #ea690b;
		text-decoration: none;
	}

	.catalistBloc3 h2 a:hover {
		color: #ea690b;
		text-decoration: underline;
	}

	.catalistBloc3 ul {
		width: 135px;
		margin-top: 5px;
		padding-left: 15px;
		float: left;
	}

	.catalistBloc3 ul li {
		margin-top: 8px;
	}

	.catalistBloc  {
		width: 298px;
		height: 189px;
		background: transparent url("/images/list_catalog_bloc_bg.gif") left top no-repeat;
		padding: 20px;
		float: left;
	}
	.catalistBloc h2 {
		font-size: 11px;
		color: #ea690b;
		font-weight: bold;
		text-transform: uppercase;
	}
	.catalistBloc h2 a {
		color: #ea690b;
		text-decoration:none;
	}

	.catalistBloc h3 {
		font-size: 11px;
		color: #ea690b;
		font-weight: bold;
		text-transform: uppercase;
	}
	.catalistBloc h3 a {
		color: #ea690b;
		text-decoration:none;
	}

	.catalistBloc h2 a:hover {
		color: #ea690b;
		text-decoration:underline;
	}

	.catalistBloc ul {
		width: 150px;
		height: 130px;
		margin-top: 15px;
		margin-left: 0;
		padding:0;
		list-style-type: none;
		/*background: transparent url(images/acc_picto_fermer_over.gif) right top no-repeat;*/
		float: left;
	}
	.catalistBloc ul li {
		width: auto;
		height: auto;
		margin: 0 0 6px 0;

	}

	.test  {
		width: 300px;

	}

	.catalistBloc ul li a {
		width: auto;
		height: auto;
		color: #636466;
		text-decoration: none;
		padding-left: 15px;
		background: #FFF url("/images/puce_fleche2.gif") left top no-repeat;
		display: inline-block;
		vertical-align: bottom;
		font-size-adjust: 0.5;
	}

	.catalistBloc ul li a:hover {
		color: #ea690b;
		text-decoration: none;
		background: #FFF url("/images/puce_fleche3.gif") left top no-repeat;
	}

	.catalistBloc ul li span {
		width: auto;
		height: auto;
		color: #444;
		background: #FFF;
		display: inline-block;
	}
	.catalistBloc ul li span:hover {
		color: #ea690b;
		background: #FFF;
	}

	.catalistBloc .allList {
		width: 200px;
		height: auto;
		font-weight: bold;
		margin: 0 0 0 0;
		float: left;
		bottom: 0;
	}
		.catalistBloc .allList a {
			font-size: 10px;
			background: #FFF url("/images/puce_fleche_orange.gif") right 4px no-repeat;
			padding: 0px 10px 0 2px;
			text-decoration: none;
		}
		.catalistBloc .allList a:hover {
			color: #ea690b;
			text-decoration: none;
		}

	.imgRubAcc {
		width: 145px;
		height: 160px;
		float: right;
	}

/* CHEMIN -------------------------------------------------------- */

#chemin {
	/*float: left;*/
	width: 671px;
	height: 16px;
	color: #636466;
	font-size: 10px;
	margin-top: 5px;
	padding-top: 0;
	padding-left: 10px;
	padding-bottom: 0;
	background: transparent url("/images/puce_fleche_orange.gif") left 3px no-repeat;
}

.LIEN_chemin:link {
	color: #636466;
	text-decoration: none;
}
/*
a.LIEN_chemin:visited {
	color: #ef5c1f;
	text-decoration: underline;
}
*/
.LIEN_chemin:hover {
	color: #ef5c1f;
	text-decoration: none;
}

.rubCours {
	color: #ef5c1f !important;
	text-decoration: none;
	font-weight: bold;
}

.lienFilAriane, .lienFilAriane span {
	color: #636466;
	text-decoration: none;
}

.lienFilAriane:hover, .lienFilAriane span:hover {
	color: #ef5c1f;
	text-decoration: none;
}

/* RUBRIQUE ET RECHERCHE LISTING BLOC PRODUIT */

.listeProdRub {
	width: 681px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0;
	float: left;
}

.blocProdRub {
	width: 211px;
	height: 310px;
	margin-right: 16px;
	margin-bottom: 20px;
	background: transparent url("/images/bloc_prod_list_rub_bg.gif") left bottom no-repeat;
/*	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;*/
	float: left;
}

.blocProdRubSep {
	width: 19px;
	height: 314px;
	float: left
}

.blocImgProdRub {
	width: 201px;
	height: 138px;
	margin-left:10px;
	float: left;
}

.blocImgProdRub img {
	width: 201px;
	height: 138px;
	position: absolute;
	float: left;
	z-index: 1;

}

.cadreImgProdRub {
	width: 201px;
	height: 138px;
	background: transparent url("/images/bloc_prod_list_rub_cadre_img.gif") left top no-repeat;
	position: absolute;
	float: left;
	z-index: 10;
	cursor: pointer;
}
.cadreImgProdRub:hover {
	width: 201px;
	height: 138px;
	background: transparent url("/images/bloc_prod_list_rub_cadre_img_over.gif") left top no-repeat;
	position: absolute;
	float: left;
	z-index: 10;
	cursor: pointer;
}

.cadreImgProdRubPV {
	width: 134px;
	height: 92px;
	background: transparent url("/images/bloc_prod_list_rub_cadre_small_img.gif") left top no-repeat;
	position: absolute;
	float: left;
	z-index: 10;
	cursor: pointer;
}
.cadreImgProdRubPV:hover {
	width: 134px;
	height: 92px;
	background: transparent url("/images/bloc_prod_list_rub_cadre_small_img_over.gif") left top no-repeat;
	position: absolute;
	float: left;
	z-index: 10;
	cursor: pointer;
}

.promo {
	width: 68px;
	height: 69px;
	background: transparent url("/images/picto_promo.png") left top no-repeat;
	margin-left: -21px;
	margin-top: -16px;
	position: absolute;
	float: left;
	z-index: 20;
	cursor: pointer;
}




.titreProd {
	width: 201px;
	height: 40px;
	padding-top: 10px;
	padding-left: 10px;
	/*margin-bottom: 10px;*/
	float: left;
}

	.titreProd a {
		font-size: 11px;
		width: 201px;
		height: auto;
		color: #ea690b;
		text-align: left;
		font-weight: bold;
		text-decoration: none;
	}
	.titreProd a:hover {
		width: 201px;
		height: auto;
		color: #ea690b;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
	}


.blocProdRub .descriptProd {
	width: 201px;
	height: 55px;
	padding-left: 10px;
	margin-bottom: 10px;
	float: left;
	overflow: hidden;
/*	overflow: none; */
}

.blocProdRub .descriptProd p {
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
/*	overflow: none; */
}


.prixProd {
	width: 201px;
	height: auto;
	color: #838383;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 7px;
	float: left;
}
	.prixProd span {
		font-size: 17px;
		font-weight: bold;
		color: #ea690b;
		text-align: left;
	}

.prixSurDemande {
	width: 201px;
	height: auto;
	color: #838383;
	text-align: left;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
}
	.prixSurDemande span {
		font-size: 12px;
		font-weight: bold;
		color: #ea690b;
		text-align: left;
	}

.stockProd {
	color: #ea690b;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	width: auto;
	height: 18px;
	padding-left: 10px;
	padding-top: 9px;
	float: left;
}

.btFicheArt {
	width: 92px;
	height: 18px;
	padding-top: 6px;
	float: right;
}
.btFicheArt a {
	width: 92px;
	height: 18px;
	background: transparent url("/images/bouton_fiche_art.gif") left top no-repeat;

	float: right;
}

.btFicheArt a:hover {
	width: 92px;
	height: 18px;
	background: transparent url("/images/bouton_fiche_art_over.gif") left top no-repeat;
}

.btFicheArt span {
	width: 92px;
	height: 18px;
	background: transparent url("/images/bouton_fiche_art.gif") left top no-repeat;

	float: right;
}

.btFicheArt span:hover {
	width: 92px;
	height: 18px;
	background: transparent url("/images/bouton_fiche_art_over.gif") left top no-repeat;
}

.btFicheArt2 {
	width: 196px;
	height: 22px;
	padding-top: 6px;
	float: left;
}
.btFicheArt2 a {
	width: 196px;
	height: 22px;
	background: transparent url("/images/choixEtCommande.png") left top no-repeat;

	float: right;
}

.btFicheArt2 a:hover {
	width: 196px;
	height: 22px;
	background: transparent url("/images/choixEtCommande2.png") left top no-repeat;
}


/* FICHE PRODUIT ----------------------------------------------------------------*/

/* Top Fiche prod */

#ficheProdTop {
	width: 681px;
	height: auto;
	margin-top: 30px;
	padding-bottom: 20px;
	/*display: inline-block;*/
}

.infosProd {
	width: 366px;
	height: auto;
	display: inline-block;
}

.infosProd .titreFicheProd {
	width: auto;
	height: auto;
}

		.titreFicheProd {
			color: #ea690b;
			text-align: left;
			font-weight: bold;
			width: 700px;
			margin-top: 0px;
			margin-bottom: 10px;
			margin-left: 20px;
			/*float: left;*/
			display: inline-block;
			font-size: 16px;
		}


		.sousTitre {
			width: 304px;
			height: auto;
			color: #ea690b;
			font-size: 12px;
			font-weight: bold;
			margin-top: 0px;
			margin-left: 20px;
			padding-top: 0;
			padding-left: 10px;
			margin-bottom: 10px;
			background: transparent url("/images/puce_fleche_orange.gif") left 3px no-repeat;
			/*float: left;*/
			display: inline-block;
		}


		#ficheProdTop .descriptProdScroll {
			width: 95%;
		}
		#ficheProdTop .descriptProdScroll a {
			color: #ea690b;
		}
		#ficheProdTop .descriptProdScroll p {
			margin-top: 0;
		}

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 350px;
	height: 340px;/*230px;*/
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin-left: 20px;
}

#mycustomscroll:focus-visible {
    outline: 0px !important;
}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {
	width:15px;
	height:230px;
	background:  #d7d9da;
	z-index: 9 !important;

/*	-moz-border-radius: 10px; */
/*	-webkit-border-radius: 10px; */
/*	border-radius: 10px; */

	cursor: pointer;
}

.vscrollerbar:hover {
	background:  #ea690b;
}

.vscrollerbarbeg {
	height: 15px !important;
	width: 15px;
}

.vscrollerbarend {
	height: 15px;
	width: 15px;
}

.vscrollerbase {
	width: 15px;
}

.vscrollerbasebeg {
	width: 15px;
	height: 15px !important;
	position:absolute; left:0; top:0;
	background-color: #d7d9da;
	background-image: url("/js/flexcroll/image/puces.png");
	background-position: 1px -1px;
	cursor: pointer;
/*	-moz-border-radius: 10px; */
/*	-webkit-border-radius: 10px; */
/*	border-radius: 10px; */
}

.vscrollerbaseend {
	width: 15px;
	height: 15px !important;
	position:absolute; left:0; bottom:0;
	background-color: #d7d9da;
	background-image: url("/js/flexcroll/image/puces.png");
	background-position: -64px 0 !important;
	cursor: pointer;
/*	-moz-border-radius: 10px; */
/*	-webkit-border-radius: 10px; */
/*	border-radius: 10px; */
}


.vscrollerbasebeg:hover {
	background-color: #ea690b;
	background-position: 1px -1px;
}

.vscrollerbaseend:hover {
	background-color: #ea690b;
	background-position: 1px -1px;
}


.vscrollerbar, .hscrollerbar {
	padding: 18px 0 18px 0;
	z-index: 10;
}

.scrollerjogbox {
	width: 36px;
	height: 16px;
	top: 0;
	left: auto;
	bottom: 0px;
	right: 0px;
	background: red;
}
/* Scroll Bar Master Styling Ends Here */


		#ficheProdTop .prixProd {
		text-align: center;
			width: 336px;
			height: auto;
			color: #838383;
			padding-left: 20px;
			margin-bottom: 15px;

		}

		#ficheProdTop .prixProd span {
			font-size: 19px;
			font-weight: bold;
			color: #ea690b;
			text-align: left;
		}

		#ficheProdTop .prixProd a {
			font-size: 12px;
			font-style: italic;
			color: #ea690b;
		}


		#ficheProdTop .stockProd {
			width: 336px;
			height: auto;
			padding-top: 0px;
			padding-left: 20px;
			margin-bottom: 10px;
			float: none;
		}





/* Bloc image et vignette */

#ficheProdBlocsImgVign {
	width: 304px;
	height: 284px;
	/*float:left;*/
	display: inline-block;
	vertical-align: top;
}


.ficheProdBlocImg {
	width: 304px;
	height: 210px;
	float:left;
	/*text-align: center;*/
}

.ficheProdBlocImg a img {
	max-width: 100%;
	height: 100%;
}

.ficheProdBlocChoisirImg {
	width: 304px;
	height: 25px;
	float:left;
	background: transparent url("/images/fiche_prod_choisirProduit.gif") left top no-repeat;
}

.ficheProdBlocChoisirImg:hover {
	width: 304px;
	height: 25px;
	float:left;
	background: transparent url("/images/fiche_prod_choisirProduit_over.gif") left top no-repeat;
}

	/* Bloc grande image */

	.ficheProdBlocImgCadre {
		width: 304px;
		height: 210px;
		background: transparent url("/images/fiche_prod_cadre_img.gif") left top no-repeat;
		position: absolute;
		float: left;
		/*z-index: 10;*/
		cursor: pointer;
		text-align: center;
	}

	.ficheProdBlocImgCadre:hover {
		width: 304px;
		height: 210px;
		background: transparent url("/images/fiche_prod_cadre_img_over.gif") left top no-repeat;
		position: absolute;
		float: left;
		/*z-index: 10;*/
		cursor: pointer;
	}





	/* Bloc vignette */

	.ficheProdBlocVignette {
		width: 304px;
		/*height: 64px;*/
		height: auto;
		float: left;
	}

		.ficheProdBlocVignetteContent {
			width: 64px;
			height: 64px;
			/* margin-right: 5px; */
			margin: 0 6px;
			float: left;
			padding-top: 15px;
		}

		.ficheProdBlocVignetteCadre {
			width: 64px;
			height: 64px;
			background: transparent url("/images/fiche_prod_cadre_vignette_out.gif") left top no-repeat;
			position: absolute;
			z-index: 10;
			cursor: pointer;
		}

		.ficheProdBlocVignetteCadre:hover {
			width: 64px;
			height: 64px;
			background: transparent url("/images/fiche_prod_cadre_vignette_over.gif") left top no-repeat;
			position: absolute;
			z-index: 10;
			cursor: pointer;
		}

		.ficheProdBlocVignette img {
			width: 58px;
			height: 58px;
			margin-left: 3px;
			margin-top: 3px;
			z-index: 1;
		}






/* Bot Fiche prod */

#ficheProdBot {
	width: 972px;
	height: auto;
	padding-top: 8px;
	padding-bottom: 24px;
}

	.tabRefTop {
		width: 968px;
		height: 22px;
		margin: 0 0 10px 4px;
		padding-bottom:0;
		/*float: left;*/
	}

	.infoPromo {
		color: #d7b800;
		font-weight: bold;
		text-decoration: blink;
		/*float: left;*/
		display: inline-block;
		vertical-align: top;
	}
	.infoPromoPicto {
		width: 17px;
		height: 19px;
		background: transparent url("/images/puce_promo.gif") left -2px no-repeat;
		/*float: left;*/
		display: inline-block;
		vertical-align: top;
	}

	.tabRefMiddle {
		width: 924px;
		height: auto;
		margin-left: 24px;
		/*float: left;*/
		display: inline-block;
	}

		table.tabRefLib {
			width: 924px;
			height: auto;
			margin: 0;
			padding: 0;
			background-image: url("/images/fiche_prod_tab_ref_bg_lib.gif");
			background-repeat: no-repeat;
			background-position: left top;
		}

		 tr.tdLib {
			width: 924px;
			height: 57px;
		 }

		 tr.tdLib td {
			font-size: 10px;
			color: #ea690b;
			width: auto;
			height: 54px;
			text-align: center;
			font-weight: bold;
			padding: 0;

		 }

		.prixPromo {
			border-bottom: 1px solid #D7D9DA;
		}

		.prixDeg {
			border-bottom: 1px solid #D7D9DA;
		}

			tr td.tdLib_Ref {
				width: 84px;
				height: 24px;
			}

			tr td.tdLib_Caract {
				width: auto;
				height: 24px;
				background-image: url("/images/fiche_prod_tab_ref_border_left.gif");
				background-repeat: repeat-y;
				background-position: left 1px;
				margin-top: 1px;
			}

			tr td.tdLib_Qte {
				width: 194px;
				height: 24px;
				background-image: url("/images/fiche_prod_tab_ref_border_left.gif");
				background-repeat: repeat-y;
				background-position: left top;
			}

		 tr.tdRefs  {
			width: 924px;
			height: 24px;
		 }

		 tr.tdRefs td {
			width: auto;
			height: 24px;
			text-align: center;
			background-image: url("/images/fiche_prod_tab_ref_border_left.gif");
			background-repeat: repeat-y;
			background-position: left 1px;

			padding-left: 5px;
    	padding-right: 5px;
		 }

		.bgGris{
		background-color: #F2F2F2;
		}
		.bgVide{
		background-color: #FFF;
		}

		.bgPromo{
		background-color: #f4e277;
		}

		.tdVal_Ref {
			background-image: url("/images/fiche_prod_tab_ref_border_left.gif");
			background-repeat: repeat-y;
			background-position: left top;
			border-bottom: 1px solid #d7d9da;
		}

		.tdVal_Ref a {
			text-decoration: underline;
			font-weight: normal;
			font-size: 9px;
		}
		.tdVal_Ref a:hover {
			text-decoration: none;
			color: #ea690b;
		}

		.tdVal_Condi {
			background-image: url("/images/fiche_prod_tab_ref_border_left.gif");
			background-repeat: repeat-y;
			background-position: left top;
			border-bottom: 1px solid #d7d9da;
		}


	table.tranches  {
		background-image: none;
		background-color: #f4f4f4;
		width: 100%;
		height: 35px;
		margin-top: 3px;
		border-bottom: 1px solid #d7d9da;
	}

	table.tranches tr {
		text-align: center;
	}

	table.tranches tr td {
		font-weight: bold;
		font-size: 9px;
		width: 52px;
		height: auto;
		text-align: center;
		background-image: url("/images/fiche_prod_tab_ref_border_left.gif");
		background-repeat: repeat-y;
		background-position: left top;
		border-top: 1px solid #d7d9da;
	}

	td.tranchesVal {
		text-align: center;
		width: 50px;
	}

	.tranches span{
		font-weight: normal;
		text-align: center;
	}

	tr td.tabPrixDeg table {
		width: 100%;
		background-image: none;
	}
	.tabPrixDeg tr td{
		height: 24px;
		background-image: url("/images/fiche_prod_tab_ref_border_left.gif");
		background-repeat: repeat-y;
		background-position: left top;
		border-bottom: 1px solid #d7d9da;
	}
	.tabPrixDeg table tr td{
		width: 50px;
		text-align: center;
	}

		.pourcent {
			font-family: Arial Black;
			color: #ea690b;
			font-size: 14px;
			font-weight: bold;
			width: 100%;
			padding-top: 4px;
			background-color: #fdeee8;

		}
		.pourcent h1 {
			font-family: Arial Black;
			color: #ea690b;
			font-size: 14px;
			font-weight: bold;
			width: 100%;
			text-align: center;
		}

	tr td.calctotqte {
		width: 194px;
		height: auto;
		border-right: 1px solid #d7d9da;
		border-left: 1px solid #d7d9da;
		border-bottom: 1px solid #d7d9da;
	}

	.qteBloc {
		width: 194px;
		height: auto;
		float: left;
	}

		.valCondi {
			width: 46px;
			height: 18px;
			text-align: right;
			padding-top: 6px;
			float: left;
		}
			.valCondi span {
				width: 30px;
				height: auto;
				font-weight: bold;
			}

		.valQte {
			width: 37px;
			height: 15px;
			margin-left: 2px;
			margin-right: 2px;
			margin-top: 3px;
			padding-top: 3px;
			float: left;
			background: transparent url("/images/input_quantite_bg.png") left top no-repeat;
		}

			.valQte input {
				color: #ea690b;
				font-weight: bold;
				width: 35px;
				height: auto;
				border: 0;
				margin: 0;
				padding-top: 0;
				padding-left: 2px;
				float: left;
				background: transparent;
			}

		.multi {
			width: 10px;
			height: 18px;
			padding-top: 6px;
			float: left;
		}
		.egal {
			width: 10px;
			height: 18px;
			padding-top: 6px;
			float: left;
		}

		.valQteTotal {
			width: 50px;
			height: 18px;
			padding-top: 6px;
			text-align: center;
			float: left;
		}
			.valQteTotal span {
				width: auto;
				height: auto;
				font-weight: bold;
			}

		.tdBtAddPanier {
			width: 37px;
			height: 21px;
			padding-top: 3px;
			float: left;
			text-align: left;
		}
			.btAddPanier {
				width: 28px;
				height: 18px;
				background: transparent url("/images/bt_add_panier.png") left top no-repeat;
				border: 0;
				text-align: center;
				cursor: pointer;
			}
			.btAddPanier:hover {
				width: 28px;
				height: 18px;
				background: transparent url("/images/bt_add_panier_over.gif") left top no-repeat;
			}


	.tabRefBottom {
		width: 924px;
		height: 6px;
		margin-top: -8px;
		margin-left: 24px;
		margin-bottom: 20px;
		z-index: 2;
		position: relative;
		border: 0;
		background: transparent url("/images/fiche_prod_tab_ref_bg_foot.gif") left top no-repeat;
	}


.btBack {
	width: 62px;
	height: 18px;
	margin-top: 15px;
	margin-left: 20px;
	/*float: right;*/
	/*margin-bottom: 80px;*/
}
	.btBack a {
		width: 62px;
		height: 18px;
		background: transparent url("/images/bt_back_out.gif") left top no-repeat;
		/*float: left;*/
		display: inline-block;
	}
	.btBack a:hover {
		width: 62px;
		height: 18px;
		background: transparent url("/images/bt_back_over.gif") left top no-repeat;
		/*float: left;*/
		display: inline-block;
	}

.btBack2 {
	padding-left: 25px;
}

.btBack2 a {
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}


/* FICHE PRODUIT : SUITE : PRODUIT ASSOCIES -> CARROUSEL */

.jcarousel-skin-tango .jcarousel-container {
	padding-bottom: 24px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:948px;
	height: 157px;
	overflow:hidden;
	padding-left: 24px;
	background: transparent url("/images/fiche_prod_carrousel_bg.gif") 46px top no-repeat;
	float: left;
}

.jcarousel-skin-tango .jcarousel-container-horizontal li .blocProdRub {
	list-style: none;
	padding-top: 10px;
	padding-left: 14px;
	padding-right: 8px;
	margin:0px;
	float: left;
	width: 416px;
	height: 147px;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	background: none;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 438px;
    height: 157px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 876px;
	height: 157px;
	margin-left: 24px;
	overflow:hidden;
	float:left;
}


/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
	width:22px;
	height: 41px;
	right:0;
	margin-top: 54px;
	margin-right: 24px;
	cursor: pointer;
	background: transparent url("/images/fiche_prod_carrousel_bt_next.gif") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position:left -41px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position:left -41px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position:left -82px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
	width:22px;
	height: 41px;
	left: 0;
	margin-top: 54px;
	margin-left: 24px;
	cursor: pointer;
	background: transparent url("/images/fiche_prod_carrousel_bt_prev.gif") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position:left -41px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position:left -41px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position:left -82px;
}



/* PAGINATION : Rubrique, Recherche, Fiche produit */

#pagination {
	width: 681px;
	height: 37px;
	margin-top: 0;
	padding-bottom: 10px;
	background: transparent url("/images/pagin_bloc_bg.gif") left top no-repeat;
	float: left;
}

#pagination span {
	width: auto;
	height: auto;
	margin-top: 12px;
	margin-left: 4px;
	margin-right: 10px;
	margin-bottom: 0;
	float: left
}

#pagination ul {
	width: 450px;
	height: 27px;
	margin: 0;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	list-style: none;
	float: left;
}

#pagination ul li {
	text-align: center;
	width: 22px;
	height: 17px;
	margin-right: 5px;
	padding: 0;
	float: left;
}

#pagination ul li.active {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	width: 22px;
	height: 15px;
	margin-right: 5px;
	padding-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	background: transparent url("/images/pagin_num_over.gif") left top no-repeat;
	float: left;
}

#pagination ul li a {
	text-decoration: none;
	width: 22px;
	height: 15px;
	margin: 0;
	padding-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	background: transparent url("/images/pagin_num_out.gif") left top no-repeat;
	float: left;
}

#pagination ul li a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	width: 22px;
	height: 15px;
	margin: 0;
	padding-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	background: transparent url("/images/pagin_num_over.gif") left top no-repeat;
	float: left;
}


.btPrecSuiv {
	width: 159px;
	height: 27px;
	padding-top: 10px;
	margin-right: 12px;
	float: right;
}


.prec {
	width: 77px;
	height: 17px;
	margin-right: 5px;
	float: right;
}

.prec a {
	width: 77px;
	height: 17px;
	background: transparent url("/images/pagin_bt_prec_out.gif") left top no-repeat;
	float: right;
}

.prec a:hover {
	width: 77px;
	height: 17px;
	background: transparent url("/images/pagin_bt_prec_over.gif") left top no-repeat;
	float: right;
}


.suiv {
	width: 77px;
	height: 17px;
	float: right;
}

.suiv a {
	width: 77px;
	height: 17px;
	background: transparent url("/images/pagin_bt_suiv_out.gif") left top no-repeat;
	float: right;
}

.suiv a:hover {
	width: 77px;
	height: 17px;
	background: transparent url("/images/pagin_bt_suiv_over.gif") left top no-repeat;
	float: right;
}



/* PANIER & RECAPITULATIF COMMANDE ----------------------------------------------------------------*/

/* Tableaux */

#tabTop {
	width: 681px;
	height: 36px;
	text-align: center;
	background: transparent url("/images/panier_tab_bg_lib.gif") left top no-repeat;
	margin: 15px 0 0 0;
	float: left;
}
#tabTop span {
	font-weight: normal;
}

	.tabTopLibRef {
		width: 94px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibNumCom {
		width: 141px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibDate {
		width: 100px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibStatut {
		width: 80px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibFacturePDF {
		width: 60px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}

	.tabTopLibDetail {
		width: 50px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 0px solid #d7d9da;
	}
	.tabTopLibMont1 {
		width: 120px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibMont2 {
		width: 120px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 5px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibNameProd {
		width: 212px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibPrix {
		width: 128px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibQte {
		width: 152px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
		border-right: 1px solid #d7d9da;
	}
	.tabTopLibTot {
		width: 91px;
		height: 24px;
		float: left;
		font-weight: bold;
		padding-top: 12px;
	}

#tabMiddle, .tabMiddle {
	width: 679px;
	height: auto;
	border-bottom: 1px solid #d7d9da;
	border-left: 1px solid #d7d9da;
	border-right: 1px solid #d7d9da;
	float: left;
}
	.tabMiddleRef {
		width: 93px;
		height: 38px;
		float: left;
		font-weight: bold;
		text-align: center;
		padding-top: 24px;
		border-right: 1px solid #d7d9da;
	}
		.tabMiddleRef a{
			text-decoration: none;
		}

		.tabMiddleRef a:hover{
			color: #ea690b;
			text-decoration: none;
		}

	.tabMiddleProd {
		width: 212px;
		height: 62px;
		float: left;
		border-right: 1px solid #d7d9da;
	}

		.tabMiddleProd a{
			font-size: 9px;
			font-weight: normal;
			text-decoration: none;
		}

		.tabMiddleProd a:hover{
			color: #ea690b;
			text-decoration: none;
		}
		.tabMiddleProd span {
			width: 120px;
			height: 46px;
			float: left;
			font-weight: bold;
			margin-top: 8px;
			margin-right: 8px;
		}
		.tabMiddleProdImg {
			width: 65px;
			height: 46px;
			margin: 8px;
			text-align: center;
			float: left;
			margin-left:8px;
		}
		.tabMiddleProdImg a .tabMiddleProdImgCadre  {
			width: 65px;
			height: 46px;
			background: transparent url("/images/panier_img_prod_cadre.gif") left top no-repeat;
			position: absolute;
			z-index: 12;
		}
		.tabMiddleProdImg a:hover .tabMiddleProdImgCadre {
			width: 65px;
			height: 46px;
			background: transparent url("/images/panier_img_prod_cadre_over.gif") left top no-repeat;
			position: absolute;
			z-index: 12;
		}

	.tabMiddlePrix {
		width: 128px;
		height: 38px;
		float: left;
		font-weight: bold;
		text-align: center;
		padding-top: 24px;
		border-right: 1px solid #d7d9da;
	}
	.tabMiddleQte {
		width: 152px;
		height: 44px;
		float: left;
		padding-top: 18px;
		border-right: 1px solid #d7d9da;
	}
		.tabMiddleQte .valCondi {
			width: 30px;
		}

	.prodSup a {
		width: 23px;
		height: 23px;
		background: transparent url("/images/panier_bt_sup.gif") left top no-repeat;
		position: absolute;
		z-index: 2;
		margin-left: 78px;
		margin-top: 18px;
	}
	.prodSup a:hover {
		width: 23px;
		height: 23px;
		background: transparent url("/images/panier_bt_sup_over.gif") left top no-repeat;
	}


	.tabMiddleTot {
		width: 90px;
		height: 38px;
		color: #ea690b;
		float: left;
		text-align: center;
		font-weight: bold;
		padding-top: 24px;
	}



	.tabMiddleNumCom {
		width: 140px;
		height: auto;
		text-align: center;
		color: #ea690b;
		float: left;
		padding: 12px 0 12px 0;
		border-right: 1px solid #d7d9da;
	}
	.tabMiddleDate {
		width: 100px;
		height: auto;
		text-align: center;
		float: left;
		padding: 12px 0 12px 0;
		border-right: 1px solid #d7d9da;
	}
	.tabMiddleStatut {
		width: 80px;
		height: auto;
		text-align: center;
		float: left;
		padding: 12px 0 12px 0;
		border-right: 1px solid #d7d9da;
	}
	.tabMiddleFacturePDF {
		width: 60px;
		height: auto;
		text-align: center;
		float: left;
		font-weight: bold;
		padding: 12px 0 12px 0;
		border-right: 1px solid #d7d9da;
	}
	.tabMiddleDetail {
		width: 50px;
		height: auto;
		text-align: center;
		float: left;
		font-weight: bold;
		padding: 12px 0 12px 0;
		border-right: 0px solid #d7d9da;
	}
	.tabMiddleMont1 {
		width: 120px;
		height: auto;
		text-align: center;
		font-weight: bold;
		float: left;
		padding: 12px 0 12px 0;
		border-right: 1px solid #d7d9da;
	}
	.tabMiddleMont2 {
		width: 120px;
		height: auto;
		text-align: center;
		color: #ea690b;
		float: left;
		font-weight: bold;
		padding: 12px 0 12px 0;
		border-right: 1px solid #d7d9da;
	}



#tabFoot {
	width: 679px;
	height: 40px;
	background: #f8f8f8;
	border-left: 1px solid #d7d9da;
	border-right: 1px solid #d7d9da;
	float: left;
}
	.totPanierLib {
		width: 192px;
		height: auto;
		font-size: 11px;
		font-weight: bold;
		float: right;
		text-align: right;
		margin-top: 10px;
		margin-right: 20px;
	}
		.totPanierLib span.ht {
			font-size: 11px;
			font-style: normal;
			font-weight: bold;
		}
		.totPanierLib span {
			font-size: 9px;
			font-style: italic;
			font-weight: normal;
		}

	.totPanierPrix {
		width: 92px;
		height: auto;
		font-size: 11px;
		font-weight: bold;
		color: #ea690b;
		text-align: center;
		float: right;
		margin-top: 12px;
	}

#tabfootBg {
	width: 681px;
	height: 10px;
	background: #f8f8f8 url("/images/panier_tab_bg_foot.gif") left top no-repeat;
	display: inline-block;
}

.valideCommande {
	width: 681px;
	height: 58px;
	border-bottom: 1px solid #d7d9da;
	margin-bottom: 24px;
	float: left;
}

	.btPoursuivreCom {
		width: 142px;
		height: 32px;
		background: transparent url("/images/panier_bt_poursuivre.gif") left top no-repeat;
		border: 0;
		cursor: pointer;
		float: right;
		margin-top: 13px;
/*-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
border-color:transparent rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) transparent !important;
border-style:solid !important;
border-width:1px !important;*/
	}
	.btPoursuivreCom:hover {
		width: 142px;
		height: 32px;
		background: transparent url("/images/panier_bt_poursuivre_over.gif") left top no-repeat;
		border: 0;
		cursor: pointer;
	}

	.cgvAccept {
		width: 330px;
		height: 46px;
		border-right: 1px solid #d7d9da;
		border-left: 1px solid #d7d9da;
		padding-top: 8px;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 18px;
		margin-right: 0px;
		margin-top: 4px;
		float: left;
	}
		.checkCgv {
			margin-left: 0;
			margin-right: 6px;
			margin-top: 0;
			margin-bottom: 24px;
			padding: 0;
			float: left;
			border-left: 1px solid #d7d9da;
		}
		.cgvAccept a {
			color: #ea690b;
			text-decoration: underline;
		}
		.cgvAccept a:hover {
			color: #ea690b;
			text-decoration: none;
		}

		a.recalculPrixHidden {
			display: none;
		}
		a.recalculPrix {
			width: 66px;
			height: 18px;
			background: transparent url("/images/panier_recalcul_out.gif") left top no-repeat;
			float: left;
			margin-left: 40px;
		}
		a.recalculPrix:hover {
			width: 66px;
			height: 18px;
			background: transparent url("/images/panier_recalcul_over.gif") left top no-repeat;

		}

.btbackBout a{
	width: 142px;
	height: 32px;
	background: transparent url("/images/panier_bt_back_boutique.gif") left top no-repeat;
	border: 0;
	margin-top: 13px;
	cursor: pointer;
	float: left;
}
.btbackBout a:hover {
	width: 142px;
	height: 32px;
	background: transparent url("/images/panier_bt_back_boutique_over.gif") left top no-repeat;
	border: 0;
	cursor: pointer;
}

.btValider {
	width: 47px;
	height: 18px;
	background: transparent url("/images/bouton_reduc.gif") left top no-repeat;
	border: 0;
	margin: 2px 0 0 6px;
	cursor: pointer;
}


/* ETAPES DE COMMANDE */

#etapesCommande {
	width: 671px;
	height: 52px;
	padding-left: 10px;
	display: inline-block;
	text-align: center;
}

.etapeTitle {
	color: #d7d9da;
	height: 36px;/*52*/
	margin-left: 50px;
	margin-right: 10px;
	padding-top: 16px;
	padding-right: 12px;
	background: transparent url("/images/commande_etape_coin-right.gif") right top no-repeat;
	display: inline-block;
	float: left;
	text-align: left;
}
.etapeTitle span {
	color: #d7d9da;
	margin: 0;
	padding: 0;
}

	/* Etape 1 */
	.etape1 {
		/*color: #d7d9da;*/
		height: 52px;
		background: transparent url("/images/commande_etape1.gif") left top no-repeat;
		display: inline-block;
	}
	.etape1Actif {
		color: #ea690b;
		background: transparent url("/images/commande_etape1.gif") left -74px no-repeat;
		display: inline-block;
	}
	.etape1Actif .etapeTitle {
		color: #ea690b;
	}
	.etape1Actif .etapeTitle span {
		color: #636466;
	}


	/* Etape 2 */

	.etape2 {
		/*color: #d7d9da;*/
		height: 52px;
		background: transparent url("/images/commande_etape2.gif") left top no-repeat;
		display: inline-block;
	}
	.etape2Actif {
		color: #ea690b;
		background: transparent url("/images/commande_etape2.gif") left -74px no-repeat;
		display: inline-block;
	}

	.etape2Actif .etapeTitle {
		color: #ea690b;
	}
	.etape2Actif .etapeTitle span {
		color: #636466;
	}


	/* Etape 3 */

	.etape3 {
		/*color: #d7d9da;*/
		height: 52px;
		background: transparent url("/images/commande_etape3.gif") left top no-repeat;
		display: inline-block;
	}
	.etape3Actif {
		color: #ea690b;
		background: transparent url("/images/commande_etape3.gif") left -74px no-repeat;
		display: inline-block;
	}

	.etape3Actif .etapeTitle {
		color: #ea690b;
	}
	.etape3Actif .etapeTitle span {
		color: #636466;
	}


	/* Etape 4 */

	.etape4 {
		/*color: #d7d9da;*/
		height: 52px;
		background: transparent url("/images/commande_etape4.gif") left top no-repeat;
		display: inline-block;
	}
	.etape4Actif {
		color: #ea690b;
		background: transparent url("/images/commande_etape4.gif") left -74px no-repeat;
		display: inline-block;
	}

	.etape4Actif .etapeTitle {
		color: #ea690b;
	}
	.etape4Actif .etapeTitle span {
		color: #636466;
	}

/* CONNEXION PAGE */

.identBloc {
	width: 330px;
	display: inline-block;
	vertical-align: top;
}

.identBloc p strong {
	color: #ea690b;
	font-weight: normal;
}

.identBloc.connect.right {
	width: 320px;
	height: 280px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #e4e4e4;
	padding: 0 0 0 20px;
}

.identBloc ul{
	list-style-type: none;
	margin: 0 0 0 119px;
	padding: 0;
}
	.identBloc ul li a {
		background: #939393 url("/images/puce_fleche.gif") left top repeat-y;

		display:inline-block;
		height:auto;
		padding-left:15px;
		text-decoration:none;
		vertical-align:bottom;
		width:auto;
	}
	.identBloc ul li a:hover {
		background: #ef5c1f url("/images/puce_fleche.gif") left top repeat-y;
		color:#ef5c1f;
	}
	.identBloc ul li a span {
		color:#939393;
		background: #FFF;
	}
	.identBloc ul li a:hover span {
		color:#ef5c1f;
	}


.identBloc h2 {
	width: 100%;
	display: block;
}

.identBloc p {
	width: 80%;
	color: #939393;
	display: block;
	margin: 8px 8px 0 10px;
}

.identBloc .msError {
	width: auto;
}

.identBloc label {
	width: 100px;
	height: auto;
	display: inline-block;
	padding-left: 8px;
	margin-left: 10px;
	background: transparent url("/images/footer_puce_links.gif") left -10px no-repeat;
}

.identBloc .inputBlock {
	width: 320px;
	display: inline-block;
	margin-bottom: 8px;
}

.identBloc.connect .btGlob {
	margin: 8px 0 0 119px;
}
.identBloc.inscript .btGlob {
	margin: 8px 0 0 170px;
}


	.BlocAdrs a.linkAdrs, .inscriptionBloc a.linkAdrs {
		width: auto;
		height: auto;
		color: #939393;
		text-decoration: none;
		padding-left: 15px;
		background: #636466 url("/images/puce_fleche.gif") left top no-repeat;
		margin: 4px 0 0 0;
		display: inline-block;
	}
	.BlocAdrs a.linkAdrs:hover, .inscriptionBloc a.linkAdrs:hover {
		color: #ea690b;
		background-color: #ea690b;
	}
	.BlocAdrs a.linkAdrs span, .inscriptionBloc a.linkAdrs span {
		width: auto;
		height: auto;
		color: #939393;
		background-color: #FFF;
	}
	.BlocAdrs a.linkAdrs span:hover, .inscriptionBloc a.linkAdrs span:hover {
		width: auto;
		height: auto;
		color: #ea690b;
		background-color: #FFF;
	}


hr {
	height: 1px;
	color: #FFF;
	width: auto;
	border-top: 1px solid #e4e4e4;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

/* CONNEXION ETAPE 2 et Mon compte : Livraison et facturation adresses */

.BlocAdrs {
	width: 290px;
	display: inline-block;
	vertical-align: top;
	margin: 15px 10px 0 0;
	padding: 0 10px 0 10px;
	 float: left;
}
	.BlocAdrs h2 {
		margin-left: -10px;
	}

.BlocAdrs p {
	width: 95%;
	color: #939393;
	display: inline-block;
	margin: -10px 0 10px 10px;
}

/* CREER COMPTE PAGE */

.inscriptionBloc {
	width: 340px;
	float: left;
	border-right: 1px solid #e4e4e4;
	margin: 0 0 10px 0;
}

.inscriptionBloc.right {
	width: 325px;
	float: left;
	border-right: 0;
	padding: 0 0 0 15px;
}

.inscriptionBlocRight {
	width: 325px;
	float: left;
	border-right: 0;
	padding: 0 0 0 15px;
}

.inscriptionBloc h2 {
	width: 320px;
	display: inline-block;
	margin: 10px 0 15px 0;
}

.inscriptionBloc p {
	width: 95%;
	color: #939393;
	display: inline-block;
	margin: -10px 0 10px 10px;
}

.inscriptionBloc p.normal {
	width: auto;
	color: #636466;
	display: inline-block;
	margin: 0 15px 10px 10px;
}

.inscriptionBloc p.normal strong {
	width: auto;
	display: inline-block;
}

.inscriptionBloc p strong {
	color: #636466;
	font-weight: bold;
}

.inscriptionBloc label {
	width: 135px;
	height: 22px;
	display: inline-block;
	padding-left: 8px;
	margin-left: 10px;
	background: transparent url("/images/footer_puce_links.gif") left -10px no-repeat;
}

.inscriptionBloc select {
	height: 19px;
	margin-left: 0;
	padding: 1px 0 1px 0;
	border: 1px solid #e4e4e4;
	display: inline-block;
}

.inscriptionBloc input {
	height: 20px;
	display: inline-block;
	margin: 0 0 0 4px;
}

.inscriptionBloc .inputBlock {
	width: 320px;
	margin: 0 0 8px 0;
}

.inputBlock span {
	color: #838383;
}

.inputBlock span.obligatoire {
	color: #ea690b;
	font-size: 9px;
	font-weight: normal;
}

.inscriptionBloc .btGlob {
	margin: 10px 0 0 157px;
}

.inscriptionBloc .inputGlob.mandatory, .inscriptionBloc select.mandatory, .inscriptionBloc .textarea.mandatory {
	border: 1px solid #ea690b;
}

.inscriptionBloc .textarea {
	width: 310px;
	height: 100px;
	margin-left: 10px;
}

.inscriptionBloc .inputInfo {
	font-style: italic;
	color: #838383;
	margin: 0 0 0 155px;
}


/* COMPTE CLIENT ACCUEIL */

ul.menuCompteClient {
	width: 640px;
	margin: 10px 0 20px 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}

	ul.menuCompteClient li {
		width: auto;
		height: 15px;
		background-color: #636466;

		display: inline-block;
	}
	ul.menuCompteClient li:hover {
		background-color: #ea690b;
	}
	ul.menuCompteClient li a {
		color: #FFF;
		text-decoration: none;
		background-color: #636466;
		padding: 10px;
	}

	ul.menuCompteClient li a:hover {
		color: #FFF;
		text-decoration: none;
		background-color: #ea690b;
	}

	ul.menuCompteClient li span {
		color: #FFF;
		text-decoration: none;
		background-color: #ea690b;
		padding: 10px;
	}

/* MOT DE PASSE OUBLIE POPUP */

.mdpPopup {
	width: 400px;
	height: auto;
}

.mdpPopup .logo {
	width: 170px;
	height: 32px;
	background: transparent url("/images/footer_logo.gif") left top no-repeat;
}

.mdpPopup .inputBlock label {
	width: 125px;
	height: 22px;
	display: inline-block;
	padding-left: 8px;
	margin-left: 10px;
	background: transparent url("/images/footer_puce_links.gif") left -10px no-repeat;
}

.mdpPopup .btGlob {
	float: right;
	margin-top: -3px;
}


/* PDF FACTURE */

.factPdf {
	height: 22px;
	margin: 10px 0 0 0;
	display: inline-block;
}

.factPdf a {
	height: 22px;
	padding: 4px 0 6px 28px;
	background: transparent url("/images/picto_pdf.gif") left top no-repeat;
}


/* PAGE PAIEMENT */

.blocPaiement {
	width: 220px;
	height: auto;
	display: inline-block;
}

	.blocPaiement h3 {
		margin-bottom: 6px;
	}
	.blocPaiement .infos span {
		width: auto;
		height: 80px;
		display: inline-block;
		margin: 18px 0 10px 0;
	}
	.blocPaiement img {
		display: inline-block;
	}

	.blocPaiement p {
		color: #939393;
		text-align: left;
		margin: 0 15px 0 15px;
	}

	.blocPaiement .infos {
		text-align: center;
		width: 220px;
		height: 160px;
		background-color: #f8f8f8;
	}

a.btComValide {
	width: 142px;
	height: 32px;
	background-image: url("/images/bt_commande_valider.gif");
	background-color: transparent;
	background-position: left -42px;
	background-repeat: no-repeat;
	display: block;
	margin: 15px 0 0 38px;
}
a.btComValide:hover {
	background-position: left top;
}


/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #636466;
	font-weight: bold;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 0.9em;
}

.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 0.9em;
}

span .obligatoire {
	color: red;
	font-size: 9px;
	font-weight: normal;
	color: red;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #12335B;
}


/* ZBA */

	#lienArticles {
		margin-top: 14px;
		margin-bottom: 20px;
	}
	#lienArticles a {
		color: #636466;
		font-size: 13px;
		text-decoration: none;
		font-weight: bold;
	}
	#lienArticles a:hover {
		color: #EA690B;
		text-decoration: underline;
		font-weight: bold;
	}

	table.tabRefLib2 {
		width: 924px;
		height: auto;
		margin: 0;
		padding: 0;
		background-image: url("/images/fiche_prod_tab_ref_bg_lib2.gif");
		background-repeat: no-repeat;
		background-position: left top;
	}

	th.tranchesVal {
		color: #ea690b;
		text-align: center;
		font-weight: bold;
		font-size: 8px;
		background-image: url("/images/fiche_prod_tab_ref_border_left.gif");
		background-repeat: repeat-y;
		background-position: left 1px;
		width: 6%;
		border-top: 1px solid #D7D9DA;
	}

	.pourcent2 {
		font-family: Arial Black;
		color: #ea690b;
		font-size: 14px;
		font-weight: bold;
		width: auto;
		padding-top: 4px;
		background-color: #fdeee8;
		border-top: 1px solid #D7D9DA;
		border-bottom: 1px solid #D7D9DA;
		border-left: 1px solid #D7D9DA;
	}

	.pourcent2 h1 {
		font-family: Arial Black;
		color: #ea690b;
		font-size: 14px;
		font-weight: bold;
		width: 100%;
		text-align: center;
	}

	tr td.calctotqte2 {
		width: 194px;
		height: auto;
		border-right: 1px solid #d7d9da;
		border-bottom: 1px solid #d7d9da;
	}

	.tabHeadRef
	{
		color: #ea690b;
		font-weight: bold;
		border-bottom: 1px solid #d7d9da;
		padding-left: 3px;
		padding-right: 3px;
	}

	.tabHeadRef a, .tabHead a, .tabHeadPrix a
	{
		color: #ea690b;
		text-decoration: none;
	}

	.tabHeadRef a:hover, .tabHead a:hover, .tabHeadPrix a:hover
	{
		color: #444;
	}

	.tabHead
	{
		color: #ea690b;
		font-weight: bold;
		border-left: 1px solid #d7d9da;
		border-bottom: 1px solid #d7d9da;
		padding-left: 3px;
		padding-right: 3px;
	}

	.tabHeadPrix
	{
		color: #ea690b;
		font-weight: bold;
		border-left: 1px solid #d7d9da;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.tabHeadQte
	{
		color: #ea690b;
		font-weight: bold;
		border-left: 1px solid #d7d9da;
		border-bottom: 1px solid #D7D9DA;
		padding-left: 3px;
		padding-right: 3px;
	}

	.tabLegende
	{
		font-size: 11px;
		font-style: italic;
		font-weight: bold;
		margin-top: -10px;
		margin-left: 25px;
	}

	.listHavre li
	{
		font-size: 11px;
		margin-top: 5px;
	}

	.listHavre li a
	{
		font-size: 11px;
		font-weight: bold;
	}

	h2 a
	{
		font-size: 12px;
		color: #EA690B;
		text-decoration: none;
	}

	#customUrls
	{
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}

	#customUrls span
	{
		padding-left: 5px;
		padding-right: 5px;
	}

	#logoSub
	{
		text-align: center;
		height: 26px;
    	overflow: hidden;
    	/*margin-top: 8px;*/
	}

	#logoSub strong
	{
		font-size: 10px;
		font-weight: normal;
	}

	#logoSub a
	{
		text-decoration: none;
	}

	.additionalList
	{
		float:left;
	}

	.additionalList ul
	{
		padding-left:15px;
		padding-bottom:0px;
		margin-top:6px;
		margin-bottom:0px;
	}

	.additionalList ul li
	{
		padding-bottom:10px;
		text-align:justify;
	}

	.additionalList ul li a
	{
		text-decoration:none;
		font-weight:bold;
	}

	.additionalList ul li a:hover
	{
		text-decoration:underline;
		font-weight:bold;
		color:#EA690B;
	}

	.introTxtRub a
	{
		text-decoration:none;
	}

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

	.tousnosarticles {
	}

	.tousnosarticles h2
	{
		margin-top: 20px;
		color: #ea690b;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 16px;
	}

	.tousnosarticles h3
	{
		margin-top: 10px;
		font-size: 11px;
		color: #ea690b;
		font-weight: bold;
		font-size: 14px;
	}

	.tousnosarticles h4
	{
		margin-top: 10px;
		margin-bottom: 0px;
		font-size: 9px;
		color: #ea690b;
		font-weight: bold;
		font-size: 12px;
	}

	.noUnderline
	{
		text-decoration: none;
		font-size: 10px;
	}

	.noUnderline:hover
	{
		font-weight: bold;
		color: #ea690b;
	}

#presentationSociete p, #presentationSociete strong, #presentationSociete a
{
	line-height: 16px;
	font-size: 11px;
}

.boutonTousArticles
{
	text-align: center;
	margin-top: 20px;
	margin-left: 100px;
	width: 500px;
	height: 40px;
	float: left;
	background: transparent url("/images/boutonTousEmballages.png") left top no-repeat;
}

.boutonTousArticles span
{
	display: block;
	margin-top: 15px;
}

.boutonTousArticles span a
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}

.boutonTousArticles:hover
{
	background: transparent url("/images/boutonTousEmballages_hover.png") left top no-repeat;
}

.percent
{
	font-size: 14px;
	color: #ea690b;
}

.footerTitle
{
	font-size: 12px;
	color: #ea690b;
	height: 16px;
	margin-bottom: 6px;
	display: block;
}

.promobutton {
   border-top: 1px solid #b5b5b5;
   background: #ea680b;
   padding: 7px 14px;
   color: #ffffff;
   font-size: 12px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.promobutton:hover {
   border-top-color: #bfbfbf;
   background: #bfbfbf;
   color: #000000;
   }
.promobutton:active {
   border-top-color: #ffffff;
   background: #ffffff;
   }
.promobutton a {
   color: #ffffff;
   font-size: 12px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   }

/* Moteur de recherche */

.searchpreview {
	float: left;
	width: 670px;
	padding: 5px 5px;
	cursor: pointer;
	margin-top: 8px;
}

.searchpreview:hover .previewtitre {
	text-decoration: underline;
}

.prod_result:hover {
	background: transparent url("/images/searchresult_prod_bg.png") top left;

}

.previewmatched a:hover {
	color: #636466;
}

.rub_result:hover {
	background: transparent url("/images/searchresult_rub_bg.png") top left;
}

.searchpreviewtitle {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #EA690B;
}

.previewimage {
	float: left;
	width: 80px;
	height: 60px;
	text-align: center;
}

.previewtitre {
    color: #636466;
}

.previewtitre b {
	font-size: 11px;
}

.previewprix {
	background-color: #F7D7C7;
	margin-top: 48px;
	font-size: 9px;
}

.rub_result .previewprix {
	background-color: #E0F7E0;
	border: 1px dotted #91C662;
}

.prod_result .previewprix {
	background-color: #E0F2F7;
	border: 1px dotted #57ACD4;
}

.previewmatched {
	float: left;
	width: 575px;
	margin-left: 10px;
	font-size: 9px;
}

.previewmatched a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.previewdescription {
	margin-top: 2px;
}


.previewmatched a b {
	font-size: 11px;
	color: #EA690B;
}
.previewmatched b {
	color: #EA690B;
}

.searchallresults {
	display: inline-block;
	margin-top: 10px;
}

.searchallresults a {
	text-decoration: none;
	font-weight: bold;
}

.searchall_pages {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
}

.searchall_pages_prevnext {
	width: 30%;
	height: 20px;
	padding-top: 5px;
	float: left;
	background-color: #EEE;
}

.searchall_pages_position {
	width: 40%;
	float: left;
}

.searchinfo {
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 13px;
}

.prixHTbutton {
	float: right;
	margin-right: 60px;
	font-size: 10px;
	text-decoration: none;
}

.prixHTbutton a {
	background: white url("/images/affichage_prixHT.png") no-repeat top right;
	width: 147px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}

.prixHTbutton a:hover {
	background: white url("/images/affichage_prixHT2.png") no-repeat top right;
}

.prixTTCbutton {
	float: right;
	margin-right: 60px;
	font-size: 10px;
	text-decoration: none;
}

.prixTTCbutton a {
	background: white url("/images/affichage_prixTTC.png") no-repeat top right;
	width: 147px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}

.prixTTCbutton a:hover {
	background: white url("/images/affichage_prixTTC2.png") no-repeat top right;
}

.validStatus {
	float: right;
	width: 16px;
	height: 16px;
	visibility: hidden;
	margin-top: 3px;
}

.valide {
	background: white url("/images/valide.png") no-repeat top right;
	visibility: visible;
}

.invalide {
	background: white url("/images/invalide.png") no-repeat top right;
	visibility: visible;
}

.theme-default #slider {
    margin: 0 0 0 0;
    width: 666px; /* Make sure your images are the same size */
    height: 246px; /* Make sure your images are the same size */
    float: left;
}

#spotlight p, #spotlight em, #spotlight strong {
	color: white;
}

.theme-default #banner {
    margin: 50px 0 15px 0;
    width: 468px; /* Make sure your images are the same size */
    height: 60px; /* Make sure your images are the same size */
    float: left;
}

.btAddPanierComp {
	margin-top: 8px;
	margin-bottom: 15px;
	width: 243px;
	height: 27px;
	background: transparent url("/images/commander_button.png") left top no-repeat;
	border: 0;
	text-align: center;
	cursor: pointer;
}

.star_on {
	width: 16px;
	height: 16px;
	float: left;
	background: transparent url("/images/star_on.gif") no-repeat top right;
}

.star_half {
	width: 16px;
	height: 16px;
	float: left;
	background: transparent url("/images/star_half.gif") no-repeat top right;
}

.star_off {
	width: 16px;
	height: 16px;
	float: left;
	background: transparent url("/images/star_off.gif") no-repeat top right;
}

.avis_nb {
	float: left;
	font-size: 14px;
	margin: 0px 5px 0px 0px;
}

.avis_note {
	float: left;
	font-size: 14px;
	margin: 0px 0px 0px 5px;
}

/* FOOTER */

.footerMainBloc {
	width: 726px;
	height: 122px;
	margin-top: 20px;
	margin-left: 30px;
	display:block;
	float:left;
}
.footerCol {
	float: left;
	padding-left: 20px;
	background: transparent url(images/footer_barre_verticale.gif) left 10px no-repeat;
}
.footerCol a {
	display: block;
	margin-right: 25px;
	margin-bottom: 6px;
	padding-left: 8px;
	text-decoration: none;
	background: transparent url(images/footer_puce_links.gif) left -10px no-repeat
}
.footerColTitle {
	margin-bottom: 10px;
	font-size: 12px;
	color: #ea690b
}

.menuRubrique {
	color: white;
	font-size : 10px;
	width: 200px;
	height : 25px;
	text-decoration: none;
	float: left;
	border-left: 1px solid #4b4b4d;
}

.fb_iframe_widget span {
	vertical-align: baseline !important;
}

.facebook-btn {
 	width: 46px;
 	height: 47px;
	display: block;
	float: left;
	background:transparent url('/images/facebook.png') center top no-repeat;
}

.facebook-btn:hover {
	background-image: url('/images/facebook-on.png');
}

.twitter-btn {
 	width: 46px;
 	height: 47px;
	display: block;
	float: left;
	margin-left: 10px;
	background:transparent url('/images/twitter.png') center top no-repeat;
}

.twitter-btn:hover {
	background-image: url('/images/twitter-on.png');
}

.googleplus-btn {
 	width: 46px;
 	height: 47px;
	display: block;
	float: left;
	margin-left: 10px;
	background:transparent url('/images/googleplus.png') center top no-repeat;
}

.googleplus-btn:hover {
	background-image: url('/images/googleplus-on.png');
}

.nivoSlider .nivo-directionNav {
	display: none;
}

.nivoSlider:hover .nivo-directionNav {
	display: block;
}

iframe.fb_iframe_widget_lift {
	z-index: 999;
}

.scroll-top-wrapper {
	visibility: hidden;
    position: fixed;
	z-index: 99999;
	right: 16px;
	width: 64px;
	height: 64px;
	bottom: 16px;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.scroll-top-wrapper:hover {
}

.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 0.2;
}

/* Coupe les textes trop longs */
.ofcontainer {
	margin: 30px 0;
	line-height: 1.5;
	overflow: hidden;
	position: relative;
	max-height: 6em; /* 3 lines*/
}

.ofcontainer:before {
	background: #fff;
	bottom: 0;
	position: absolute;
	right: 0;
	content: "...";
}

.ofcontainer:after {
	content: "";
	background: #fff;
	position: absolute;
	height: 50px;
	width: 100%;
	z-index: 1;
}

/* Slick Sliders */
.slickSlide .slick-prev, .slickSlide .slick-next, .slickSlide .slick-prev:hover, .slickSlide .slick-next:hover {
	z-index: 1;
	width: 30px;
	height: 30px;
	background: url(/images/arrows.png) no-repeat;
}
.slickSlide .slick-prev:before,	.slickSlide .slick-next:before {
	content: "";
}
.slickSlide .slick-prev {
	margin-left: 50px;
}
.slickSlide .slick-next, .slickSlide .slick-next:hover {
	margin-right: 50px;
	background-position: -30px 0;
}

/* YT video */
.video-close {
	box-shadow: 0px 2px 10px -2px #797A7C !important;
    color: white !important;
    padding: 5px 10px !important;
    border-radius: 20px !important;
    position: absolute !important;
    /*
    font-size: 15px !important;
    background: #ababab !important;
    bottom: -40px !important;
    right: 370px !important;
    */
    font-size: 18px !important;
    font-weight: bold;
    background: #e42222 !important;
    bottom: 434px !important;
    right: 18px !important;
    z-index: 1;
}

/* Lightbox tweaks */
.lb-caption {
	color: #ff7500;
}

/********************************/
/* Preview Popover sur les réfs */
/********************************/
td.tdVal_Ref:not(.currentRef) {
	cursor: pointer;
	position: relative;
}

.tdVal_Ref:hover > a {
	color: #ea690b;
	text-decoration: none;
}

.tdVal_Ref > a:hover {
	text-decoration: underline;
}

#ficheProdBot > .tabRefBottom {
	pointer-events: none;
}

/* Style de la boîte de dialogue (popover) */
.preview_popover {
	display: none;
	position: absolute;
	right: -222px;
	top: 50%;
	transform: translateY(-50%);
	width: 200px;
	padding: 10px;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 10;
}

.preview_popover p {
	padding: 0 10px;
	font-weight: bold;
	color: #666;
	line-height: 15px;
	font-size: 11px;
}

.preview_popover:hover p:first-of-type {
	color: #ea690b;
}

.preview_popover {
	text-decoration: none !important;
}

.preview_popover > .titre:hover {
	text-decoration: underline;
}

.preview_popover > .prix {
	font-weight: normal;
	margin: 0;
}

.preview_popover > .prix > span {
	font-size: 14px;
	color: #ea690b;
	font-weight: bold;	
}

.preview_popover img {
	width: 100%;
}

/* Triangle (flèche) */
.preview_popover::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: transparent #ccc transparent transparent;
}

/* Affichage au survol */
td.tdVal_Ref:hover .preview_popover {
	display: block;
}