
#headerBtn { padding-top:23px;}
#print #header { background:none; height: 63px;}



















 


 
 	/* ############################# C O M M U N ################################ */
	body {margin:0; padding:0;}
	body, html {height: 100%; margin: 0;padding: 0;}
	
	h1 { margin:0; padding:10px; font-size:2.2em; font-weight:normal; color:#ccc}
	h2 { margin:0; padding:4px; font-size:1.4em; color:#999 }
	h3 { margin:0; padding:4px 8px; font-size:1.2em; color:#666 }
	h4 { margin:0; padding:4px 12px; font-size:1.0em; color:#000 }
	
	a { text-decoration:none; color:#0096FA}
	a:hover { color:#003296}
	
	td,th { vertical-align:top}
	p.btnPdt { padding-top:5px !important}
	
	p.btnGen { text-align:center}

.vide{ display:none !important}	

	.line1 { background-color:#eee}
	.line2 { background-color:#fff}				
	
	a:hover {cursor:pointer}
	
	#modulesIndex ul a, #modulesIndex ol a, #modulesIndex dl a {display:block; padding: 2px 5px; margin:0;}
	
	.blocPrix { margin:5px 0; padding:0}
	.blocPrix span { white-space:nowrap; display:block}
	.prix { margin:0 5px 0 0; padding:0; color:#000; font-weight:bold; line-height:15px; }
	.prixHT { white-space:nowrap; margin:0 5px 0 0; font-weight:normal; line-height:15px}
	.prixPromoNewHT {white-space:nowrap; color:#b80000; font-weight:normal; line-height:15px}
	.prixPromoNew {white-space:nowrap; color:#b80000; font-weight:bold; font-size:1.2em; margin:0 5px 0 0; line-height:15px}
	.prixPromoOldHT {text-decoration: line-through; color:#999; font-weight:normal; line-height:15px}
	.prixPromoOld {white-space:nowrap; text-decoration: line-through; color:#999; font-size:1.0em; margin:0 5px 0 0; line-height:15px}
	
	td span.prix, td span.prixHT, td span.prixPromoNewHT, td span.prixPromoNew,
	td span.prixPromoOldHT, td span.prixPromoOld { white-space:nowrap; font-size:1em; }
	
	
	.tableau .prix span {display: block}
	
	img { border-width:0; }
	hr { clear:both; margin:0; padding:0; height:0; visibility: hidden; }
	#colBody div.spacer { margin:0; padding:0; background-color:#ccc; width:90%; height:5px; clear:both}
	
	
	input {font-size:1em;}
	select {font-size:1em}
	textarea {font-size:1em}
	form {padding:0; margin:0;}
	
	.hideLabel { display:none}
	
	#rp_login .multiLabel, #rp_login .multiLabel, #rp_contact .multiLabel, #rp_search .multiLabel,
	#rp_critiques .multiLabel{float:none !important; display:inline !important; clear:none !important}
	
	.error { color:#fff; background-color:#b80000;  padding:5px; text-align:center; margin:10px 10px 10px 0; width:95% !important}
	.confirmation { color:#fff; background-color: #009900;  padding:5px; text-align:center; margin:10px 10px 10px 0; width:95% !important}

	#form_pa p span { background:none !important; border:0;  color:#f00}

	#rp_login span, #rp_contact span, #rp_search span,
	#rp_caddie span, #rp_critiques span {  margin:2px; padding:0;  width:97%; display:block; float:none; }/* c les float none qui fait chier (pb d'affichage sous ie) qd on met un float none c ok*/
	
	#rp_login label, #rp_login span strong, #rp_contact label,#rp_contact span strong,
	#rp_search label, #rp_search strong, #rp_caddie label,
	#rp_critiques label{ float:left; text-align:right; padding-right:5px; margin:0; width:160px; font-weight:bold; } 
	
	#secureCode span em { float:left; text-align:right; padding-right:5px; width:160px; } 
	
	#rp_caddie span { margin:0; padding:3px; clear:none; float:none; width:auto}  /* modif luc 15/11/2005 => correction affichage choix_mode_paiement.php */
	#rp_caddie label { float:none; width:auto; padding-left:5px; text-align:left; font-weight:normal} 
	
	.colLeft { float:left; width:180px; }
	#colBody {z-index:0;}
	.marginLeft #colBody {margin-left:180px; padding-left:5px}
	.marginRight #colBody {margin-right:150px; padding-right:5px}
	.colRight { float:right; width:150px; }
	
	#body {clear:both}
	
	/* ############################# HEADER ################################ */
	#bandeau { display:none}
	
	#header { clear:both; }
	#header hr { display:none}
	#headerBtn, #headerBtn2, #panier { list-style-type:none; clear:right; float:right; margin:3px; }
	#headerBtn li {}
	#headerBtn li, #headerBtn2 li {float:left}
	#headerBtn a, #headerBtn2 a { padding:0 20px 0 0}
	#headerBtn .btnAccueil { display:none}
	#logo { float:left; overflow:hidden; margin:0}
	#pub { float:right; overflow:hidden; }
	
	
	/* ############################# AJAX POPUP ################################ */
	/*remplacement du positionnement pour que le div soit visible tout le temps sous ie (remplacement du top en bottom*/
	#cartContentNotification { z-index:99; background-color:#eee; border:3px solid #666; width:250px; height:150px; padding:10px; display:none; margin-left:-100px; left:50%; bottom:50%; margin-bottom:-100px}
	html>body #cartContentNotification { position: fixed; }
	* html #cartContentNotification { position:absolute;}
	#cartContentNotification p { margin:0; padding:0; }
	#cartContentNotification span { display:block; padding:10px 0; margin:10px 0; height:40px; border-width:1px 0; border-color:#ccc; border-style:solid}
	#cartContentNotification span img { float:left; border:1px solid #ccc; margin-right:10px}
	
	#cartContentDesc,#loginArea{ background-color:#eee; border:1px solid #666; width:200px; margin:10px 0 0 -120px; padding:10px; position:absolute; display:none; z-index:99 !important}


	#cartContentDesc ul { list-style-type:none; margin:0; padding:0; }
	#cartContentDesc li { margin:3px 0; padding:0; border-bottom:1px solid #ccc; width:100%; line-height:13px; overflow:hidden; clear:both;}
	#cartContentDesc li img { float:left; margin-right:5px; border:1px solid #ccc}
	#cartContentDesc li a { font-weight:normal}

	/* ############################# HEADER 2 ################################ */				
	#header2 h1 { display:none}
	#header2 ul { list-style-type:none; margin:0; padding:0}
	
	#header2 .geninf { width:100% !important; }
	#header2 .geninf li { float:left; white-space:nowrap }
	#header2 .geninf li a { display:block; }
	
	#nav { clear:both; }
	#nav p {margin:0; padding:0}
	#path { float:left; }
	#date, #langues { float:right; }
	
	/* ############################# INDEX => éléments e la page d'accueil ################################ */
	#rp_index #txtIndex img:after,
	#rp_index #catIndex:after,
	#rp_index #pdtIndex:after,
	#rp_index #modulesIndex:after,
	#rp_index #txtcat:after {content: "" !important;display: block !important;height: 0 !important;clear: both !important;}
	
	#txtIndex { padding-bottom:10px; overflow:hidden}
	.multiPgs { display:block;padding:5px 0 0 2px; margin:0}

	.multiPgs span {display:block; float:left; text-align:center; }

	.multiPgsSelect {border:1px solid #ccc; background-color:#f5f5f5; width:18px; height:14px; padding:2px 0; margin: 1px}
	.multiPgs a {display:block; border:1px solid #eee; width:18px; height:12px; margin:1px; padding:2px 0}
	.multiPgs a:hover {border:1px solid #ccc; background-color:#eee; height:14px; margin-top:0}

	.multiPgsResult {display:inline; margin-left:10px; vertical-align:middle;}
	/* ############################# MODULES INDEX ################################ */				
	
	#modulesIndex h1 { padding:3px; font-size:1.4em; font-weight:bold}
	#modulesIndex dl, #modulesIndex p, #modulesIndex ul{ margin:0; padding:0; }
	
	#modulesIndex li a, #modulesIndex dl a { margin:0; padding:0; }
	
	#modulesIndex ul {list-style-type:none; }
	#modulesIndex ul li {padding:0; margin:0; display:inline;}
	#modulesIndex dt {margin:0; padding:0; font-weight:bold}
	#modulesIndex dd {margin:0; padding:0; }
	#modulesIndex span {display:block; }
	#modulesIndex label { display:none}
	
	#modulesIndex ol { padding:0; margin:0 0 0 25px; }
	#modulesIndex ol li a { width:auto !important; }
	
	#modulesIndex #spe a {display:block}
	
	#modulesIndex #newpdt li{float:left; display:block; width:140px !important; padding:2px; margin:2px; border-width:1px ; border-style:solid; border-color:#eee; } 
	#modulesIndex #newpdt li a {width:auto; } 
	
	#modulesIndexTop #newpdt li, #modulesIndexBottom #newpdt li {float:left; padding:2px; margin:2px; width:140px !important; border-width:1px; border-style:solid; border-color:#eee; } 
	#modulesIndexTop #newpdt li a, #modulesIndexBottom #newpdt li a {width:auto; } 
	
	#modulesIndexMiddle div div { padding:5px}
	
	/* ############################# DIVERS ################################ */				
	.popoup { background:none !important}
	#rp_popup { width:90%; height:auto !important; padding:5%; margin:0; background-color:#fff !important; background-image:none !important}
	#rp_popup input.btn { margin-left:125px; }
	#rp_popup span { float:none}
	#rp_popup label { width:120px}
	
	.popup { background-image:none !important; background-color:#fff !important}
	
	.alignRight { text-align:right !important; }
	.alignLeft { text-align:left}
	.alignCenter { text-align:center}
	.codePromo { font-weight:bold; color:#50A000;}
	
	/* ############################# PRINT ################################ */
	#print #bgrd { width:auto !important; }
	#print #container { width:auto !important; height:100%; position:relative; margin:0; padding:2%; left:0; background-color:#fff}
	#print #header {border-bottom:1px solid #ccc; }
	#print #pub, #print #headerBtn, #print #headerBtn2,#print #panier, #print #nav, #print #catalogue { display:none}
	#print #footer { background-image:none; margin:0; padding:0; border-top:1px solid #ccc}
	#print #colBody{ width:100%; margin:0; padding:10px 0 0 0; background-color:#fff}
	#print .colLeft { display:none}
	#print .colRight { display:none}
	#print #critiques a { display:none}
	#print #printPdt a { display:none}
	#print #pdtStock { display:none}
	#print .pdtAnnexe a {display:none}
	#print .pdtCmd a { display:none}
	
	#print #header, #print #nav, #print #container, #print #colBody, #print #body { background-image:none; }
	
	@media print {
	table { border:0 solid #000; border-collapse:collapse}
	td { border:1px solid #666; padding:0 5px}
	th { border:1px solid #666; padding:0 5px}
	.totalTxt { border-width:0; }
	.btn { display:none}
	}
	
	/* ############################# PAGE COMPTE CLIENT ################################ */
	#rp_login #loginform h2 { text-align:center;  margin:0 30px; }
	#rp_login span { float:none}
	
	h2.blocForm { margin-bottom:0 !important}
	p.blocForm { border:1px solid #ccc; background-color:#f5f5f5; margin:20px; margin:0 0 20px 0; padding:10px }
	
	#rp_login #loginform p.login_account,
	#rp_login #loginform p.btn_create_account_contact { text-align:left; background-color:#fafafa; border-width:1px; border-style:solid; border-color:#ccc; margin:0 10px 30px 10px; padding:15px; width:88%}
	* html #rp_login #loginform p.login_account, * html #rp_login #loginform p.btn_create_account_contact{margin:0 10px 30px 10px;width:84%}
	
	#rp_login #loginform p.login_account { height:70px }
	#rp_login #loginform p.btn_create_account_contact { font-weight:bold; height:20px; text-align:center }
	
	#rp_login p { float:left !important; width:98%}
	#rp_login p span strong { text-align:left}


	#rp_login form {}
	#create_account_from p { padding:5px;}/*Ajouter par jérémie le 16/10/06 pour regler le pb dans la création de compte (décalage desdeux bloc "crer un compte" et "adresse de fact.")*/				
	
	#rp_login_nav { list-style-type:none; margin:3px 0 20px 0; padding:0 0 0 5px ; border-width:0 0 1px 0; border-style:solid; border-color:#666}
	#rp_login_nav li { display:inline; margin:0 -1px 0 0; padding:0; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc; }
	#rp_login_nav li.link { padding:0 7px; margin:0 0 0 1px ; font-weight:bold; border-width:1px 1px 1px 1px; border-style:solid; border-color:#666 #666 #fff #666; background-color:#fff}
	#rp_login_nav li a { margin:0; padding:0 7px; background-color:#eee}
	#rp_login_nav li a:hover { background-color:#fff}
	
	#rp_login li { list-style-type:none; display:inline}
	#rp_login dt {width: 170px; text-align: right; font-weight:bold}
	#rp_login dd {margin: -12px 0px 0px 180px}

/*****parainnage****/	
	#rp_login  .parrainage_historique{ float:left;}
	#rp_login  .parrainage_historique caption { padding-bottom:10px;}

	#rp_login #form_pa p span  input{ display: inline !important; float: left}
	#rp_login #form_pa p span label{ padding-top:3px; color:#999 !important}
	#rp_login #form_pa p span  .Valider{ margin-left:10px;}

	#rp_login #form_pa .error{ display:block; padding:5px; background-color:#DE0000 !important; color:#fff; margin-top:5px}
	
	/* ############################# TABLEAU CADDIE LOGIN ################################ */
	#rp_caddie table, #rp_login table{ width:98%; border:1px solid #ccc; margin-bottom:20px}
	#rp_caddie th, #rp_login th { white-space: nowrap; padding:1px 3px 1px 3px; background-color:#ccc}
	#rp_caddie tbody tr, #rp_login tbody tr { cursor: pointer; }
	#rp_caddie td, #rp_login td { padding:1px 3px 1px 3px; border:0px solid #ccc; background-color:#f2f2f2}
	
	td.totalTxt { border-width:0 !important; background-color:#fff !important}
	
	/* ############################# PAGE CADDIE ################################ */
	#rp_caddie .qte { white-space:nowrap; }
	#rp_caddie td br { display:none } 
	#rp_caddie td label { display:none; float:none}
	#rp_caddie table ul { margin:0; padding:0}
	#rp_caddie table li {list-style-image:url(puce_option.png); font-style:italic; margin-left:15px; display:block}
	#rp_caddie ul { margin:10px; padding:0}
	#rp_caddie li { list-style-type:none; display:inline}
	#rp_caddie p { /* padding: 0; margin:10px 0 0 0; */} /* luc 31/08/2006*/
	#rp_caddie p strong { display:block}
	.totalTxt {font-weight: bold; text-align: right; }
	.subtotal {white-space: nowrap}
	.total {font-weight: bold; text-align: right; white-space: nowrap}
	#rp_caddie dl { margin:0; padding:0}
	#rp_caddie dd { margin: -20px 0 0 30px}
	#rp_caddie #code { margin:20px 0 0 0}
	#rp_caddie #code #code_promo { }
	#rp_caddie #code input { vertical-align:middle}
	#rp_caddie .btn { text-align:right; margin:20px 0 20px 0; width:98%}
	
	#rp_devis { margin:0 20px 20px 20px}
	#rp_devis #logo { margin:0; padding:0; float:none}
	#rp_devis .infoBoutique { width:200px; float:left}
	#rp_devis .infoClient{ width:200px; padding:20px; border:1px solid #ccc; float:right}
	#rp_devis h1 { border-top:1px solid #ccc; clear:both; text-align:center; padding:10px; }
	#rp_devis p strong { color:#000000; display:inline}
	
	ul.step { height:80px}
	ul.step span { display:block; font-size:3.2em; line-height:36px}
	ul.step li { float:left; width:24%; text-align:center; color:#ccc}
	ul.step li.link { color:#000}
	
	/* ############################# PAGE LISTE CAT ################################ */
/* ############################# 
nouveau mise en avant dans la liste produit
################################ */
/*** MODULES CAT ***/
		#modules_cat { width:99%; border-collapse:separate}
		#modules_cat td{ width:32%;}		
		#modules_cat td div{ border:1px solid #ddd;padding:1px}
		#modules_cat h1 span { display:none}
		#modules_cat h2 span { display:none}
		#modules_cat h2 { padding:5px ; font-size:12px; border-width:1px ; border-style:solid;}

/*** MODULES PDTS ***/
		#modules_pdts { width:96%; border:1px solid #ddd; height:140px; margin-left:10px}
		#modules_pdts ul { float:left; width:24%; list-style-type:none; }
		#modules_pdts hr { display:none}
		.tri {margin-left:10px; border-bottom:1px solid #ccc}
		#modules_pdts p { float:left; width:140px; margin-left:20px}
		
/*** GONDOLES ***/


	#txtcat {overflow:hidden; margin:0 0 20px 0; }
	#txtCatImg {float:left; margin:0 5px 5px 0}
	#txtcat hr { display:none; }
	
	/*-------------------- GONDOLE  ---------------------------*/
	#gondole { border:1px solid #ddd; width:98%; margin:20px 0; padding:1px}
	#gondole h1{ padding:5px ;}
	#gondole hr { display:none}
	#gondole ul { margin:0; padding:0; width:100%; height:160px}
	#gondole li{float:left; display:block; width:30px !important; padding:2px; margin:2px; border-width:1px ; border-style:solid; border-color:#eee; } 
	#gondole  li a {width:auto; } 
	#gondole  span { display:block; text-align:center} 

	/*-------------------- STOCK  ---------------------------*/
	.stock_display_view span{ padding:3px 0}
	.stock_null{padding-left:20px;}
	.stock_positif{padding-left:20px;}
	.stock_alert{padding-left:20px;}

	/* ############################# PAGE PRODUIT ################################ */
	#fichePdtHeader { float:left; width:98%}
	#fichePdtHeader img {float:left;}
	#fichePdtHeader h1 span { display:inline; margin:0; padding:0 5px; clear:none; border-width:0 1px 0 0; border-style:solid;}
	
	#rp_pdt h2 {margin:10px 0 5px 0}
	
	.blocListPdtVide{ border-width:0 !important}					
	
	.fichePdt {margin:30px 0; float:left; border-bottom:1px solid #ccc; width:100%; padding-bottom:10px}
	.fichePdtContent {padding:0; margin-left:190px; }
	.fichePdtContent p { float:none !important; padding-bottom:10px}
	.fichePdtContent span { display:block; margin:2px; text-align:left}
	.fichePdtContent label { float:left; width:80px; text-align:right; padding-right:5px}
	.fichePdtContent span select { width:120px}

	.fichePdtContent p span{ display:inline}
	.fichePdtContent #pdtStock span{ display:block}

	.fichePdtContent p.prix { text-align:left; width:170px; float:left; padding:10px 0 10px 0;}
	.fichePdtContent p.prix span { width:160px;padding:2px 0; display:block}
	.fichePdtContent p.prix .prixTTC { font-size:2em; font-weight:normal; letter-spacing:-1px}
	.fichePdtContent p.prix .prixHT {  font-size:1.2em; font-weight:normal}
	.fichePdtContent p.prix .prixPromoNew  { font-size:2em; font-weight:normal; letter-spacing:-1px}
	.fichePdtContent p.prix .prixPromoNewHT  {font-size:1.2em; font-weight:normal}
	.fichePdtContent p.prix .prixPromoOld { font-size:1.2em; font-weight:normal; margin:0 !important; padding:0 !important}
	.fichePdtContent p.prix .prixPromoOldHT {font-size:1.2em; font-weight:normal; padding:0 !important; margin:0 !important}
	.fichePdtContent p.HT span.prixHT {font-size:2em !important; font-weight:normal; letter-spacing:-1px}
	.fichePdtContent p.HT span.prixPromoNewHT {font-size:2em; font-weight:normal; letter-spacing:-1px}
	
	#pdtStock {margin:0; padding:0; width:200px; float:left; }
	#pdtStock input { margin:0 5px 0 0; vertical-align:middle}
	#pdtStock img { vertical-align:middle}
	
	.fichePdtContent table.tarifs { border:1px solid #ccc; width:98%; float:left; margin:10px 0}
	.fichePdtContent table.tarifs td.nowrap { text-align:right;}


	.fichePdtContent .prix span,
	.fichePdtContent #pdtStock span{ text-align:left; margin:10px 0}
	.fichePdtContent #pdtStock span{padding-bottom:10px}
	.fichePdtContent #pdtStock span input{margin-left:10px}

	.fichePdtContent .options_produit span{ display:block; padding-bottom:5px}
	.fichePdtContent .options_produit span label { text-align:left;}

	.fichePdtContent #pdtStock span,
	.fichePdtContent .options_produit span label { font-size:11px}

	.fichePdtContent #pdtStock span #conditionnement_list .conditionnement_header{ font-weight:bold;}
	.fichePdtContent #pdtStock span #conditionnement_list td{text-align:center;}


	/**********************************************************/
	
	.fichePdtImg {float:left; width:176px; }
	.fichePdtImg a {display:block; margin:5px 0; text-align:center; /*border-width:1px; border-style:solid; */ }
	
	.fichePdtImg .blocListPdtImg a, .fichePdtImg .blocListPdtImgSupp a {border-width:1px; border-style:solid; border-color:#ccc}
	.fichePdtImg .blocListPdtImg { text-align:center}	
	.fichePdtImg .blocListPdtImg a:hover, .fichePdtImg .blocListPdtImgSupp a:hover {border-color:#999}
	
	.fichePdtImg ul {list-style-type:none; margin:0; padding:0}
	.fichePdtImg ul li { float:left; margin:0 2px 2px 0; padding:0;}
	.fichePdtImg ul li a { margin:0 !important; padding:0 !important; }
	
	#critiques { border-width:1px; border-style:solid; border-color:#ccc; margin:0; }
	#critiques strong {padding:5px}
	#critiques span { display:block; }
	#critiques span span { font-size:1.8em; color: #666; display:inline; padding:5px}
	
	#sendPdt, #printPdt { margin:3px 0 }
	
	#sendPdt a, #printPdt a {border-width:1px; border-style: solid; border-color:#ccc; padding:3px 0; margin:0; }
	
	/**********************************************************/
	/* CSS appliqué sur le zoom simple 'n'existe plus dans la 4.5.2)*/
/*	p#afficheImg { margin:0; padding:0; }
	p#afficheImg img { position:absolute; top:0;}
	p#afficheImg a { position:absolute; bottom:0; width:100%; text-align:center; height:16px; padding:7px; margin:0; border-width:1px 0 0 0; border-style:solid}

	/* CSS appliqué sur le zoom multiple */
/*	body#afficheImg { margin:0; padding:0; background-image:none !important; background-color:#fff !important}
	body#afficheImg ul { list-style-type:none; margin:0 0 0 3px; padding:0}
	body#afficheImg li { margin:6px 3px; border:1px solid #ccc; float:left}
	body#afficheImg p { margin:0; padding:0; text-align:center}
	body#afficheImg p a span { display:block; position:absolute; bottom:0; left:0; width:100%; padding:2px; background-color:#ccc !important; color:#666 !important; font-weight:bold}
	body#afficheImg p a:hover span { background-color:#000 !important; color:#fff !important}
	body#afficheImg p a { display:block; }

/* css 4.5.2 */
.popup_img ul{ list-style-type:none; float:left; margin:0; padding:0}
.popup_img li{ display:inline; margin:0 5px; padding:5px;border:1px solid #ccc}
.popup_img p { text-align:center; padding:20px 0}

	/**********************************************************/	
	#champ_perso { border:1px solid #ccc; width:98%; margin-bottom:20px !important; float:left}
	#champ_perso th { text-align:left; width:30%}
	
	table.pdtAnnexe { margin-bottom:20px !important; float:left}
	.pdtAnnexe { margin:0; padding:0; border-collapse:collapse; }
	.pdtAnnexe caption {background-color:#eee; font-weight:bold; font-size:1.2em; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc}
	.pdtAnnexe span { display:block}
	.pdtAnnexeSub h1 {margin:0; padding:0; }
	.pdtAnnexeSub h2 {margin:0; padding:0; text-align:left}
	.pdtAnnexeSub h3 {margin:0; padding:0; text-align:left; display:inline}
	.pdtAnnexeSub h4 {margin:0; padding:0 5px; text-align:left; display:inline}
	
	table.pdtCmd {margin-bottom:20px !important; float:left}
	.pdtCmd caption { background-color:#eee; font-weight:bold; font-size:1.2em; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc}
	.pdtCmd span { display:block}
	
	#rp_critiques dt span { text-align:right; margin:0; padding:0}
	#rp_critiques dt label { float:left; width:75%; text-align:left; }
	#rp_critiques dd {margin:0 0 20px 0; padding:2px; font-style:italic}
	#rp_critiques a { float:left; border-style:solid; border-width:1px; text-align:center; padding:1px 5px; margin:0 1% 0 0}
	#rp_critiques span a { border-width:0; text-align:center; }
	#rp_critiques p a  { border-width:0;  }
	
	#lotPdts { border:1px solid #ccc; float:left; width:98%; }
	#lotPdts h2 { margin:10px; padding:0}
	#lotPdts ul { list-style-type:none; margin:10px; padding:0}
	#lotPdts ul li { border-top:1px dashed #ccc; line-height:15px}
	#imgLotPdts { float:left; width:80px; height:80px; margin:0 10px; }
	
	/* ############################# PAGE LIBRES ################################ */
	#rp_pages img {margin:0 10px 5px 0;}
	
	#rp_pages_content, #rp_pages_content_all, #rp_pages_content_left, #rp_pages_content_right { padding:10px; }
	#rp_pages_content { margin:0 150px 0 180px; }
	#rp_pages_content_left { margin:0 140px 0 0; }
	#rp_pages_content_right { margin:0 0 0 180px; }
	
	#rp_pages_menu a {overflow:hidden; }
	
	/* MENU */
	#rp_pages_menu ul { margin:0; padding:0; list-style-type:none}
	#rp_pages_menu a {display:block; padding:2px 5px; margin:2px; border-style:solid; border-width:1px; overflow:hidden; }
	#rp_pages_menu a:hover { /*background-color:#eee*/}
	#rp_pages_menu li img { display:block; margin:-2px -5px}
	
	/* MENU CENTRE */
	#rp_pages #rp_pages_menu { margin:0; float:left; width:100%; }
	#rp_pages #rp_pages_menu li { display:block; float:left; white-space:nowrap; margin:0; padding:0; }
	
	/* MENU DROIT */					
	.colRight	#rp_pages_menu {border-width:0; margin:20px 0 0 0; padding:0; float:none}
	.colRight	#rp_pages_menu li { float:none; width:130px} 
	.colRight	#rp_pages_menu li a { float:none; width:130px; }
	
	/* MENU GAUCHE */					
	.colLeft #rp_pages_menu { border-width:0; margin:20px 0 20px 10px; padding:0; float:none}
	.colLeft #rp_pages_menu li { float:none; width:130px}
	.colLeft #rp_pages_menu li a { float:none; width:130px }
	
	/* ############################# COLONNE LEFT + RIGHT ################################ */
	.col div { border:1px solid #fff}
	.col h1  {margin:0; padding:10px; font-size:1.4em; font-weight:bold} 
	.col h1 span { display:inline !important} 
	.col p  {text-align: center; margin:0; padding:0 10px 10px 10px; } 
	
	.col div {overflow:hidden; }
	.colLeft div object, .colLeft div embed { width:178px; }
	.colRight div object, .colRight div embed { width:148px; }
	
	.col ul { margin:0; padding:10px 0; list-style-type:none;}
	.col ol { padding:0; margin:0 0 0 25px; background-position:-25px}
	.col ol li a { width:auto !important; }
	
	.col dl { margin:10px; padding:0; }
	.col dt { margin:0; padding:0; font-weight:bold}
	.col dd {margin:0; padding:0; }
	.col hr {display:none}
	.col li {padding:0; margin:0; }
	.col span {display:block;}
	.col span label { display:none}
	
	.col ul li a, .col ol li a {display:block; padding:0 10px; margin:0; width:auto; line-height:15px; }
	.col ul li  { display:inline}
	
	/* ############################# BLOCS ################################ */
	p a.btnBloc {display:block; font-weight:bold; text-align:center; }
	
	#news dl { padding-bottom:10px}
	
	#avis {}
	#avis dd {font-style:italic}
	#avis p { text-align:center}
	
	#newpdt h1 #rss{ float:right}
	#newpdt ul { margin:0; padding:0}
	#newpdt li { border-width:0; text-align:center; display:block; }
	#newpdt li a { background:none} 
	#newpdt li span {display:block; overflow:hidden; width:100%; padding:0; margin:0; height:12px !important; line-height:12px !important; vertical-align:middle; }
	#newpdt li .prix,#newpdt li .prixPromoNew { height:15px !important; line-height:15px !important;}
	#newpdt p { clear:both; margin:0; text-align:center}
	.col #newpdt .blocNewPdtImg { border-width:0; }
	.col #newpdt li { border-width:0 0 1px 0; margin:0; border-color:#eee; border-style:solid}
	
	#search {}
	#search label { display:none; }
	
	#spe {}
	.colLeft div.blocSpeImg, .colRight div.blocSpeImg { border-width:0 0 1px 0; border-color:#eee; margin:5px}
	#spe p {text-align:center; margin:0; padding:0}
	#spe p span { display:block}
	#spe span a { font-weight:bold}
	.colLeft #spe a, .colRight #spe a  { display:block; text-align: center}
	
	#bloclogin {}
	#bloclogin li { border-width:0; }
	#bloclogin li a { font-weight:bold}
	#bloclogin p { text-align:center}
	
	#best p { height:90px; text-align:center; overflow:hidden}
	.colLeft #best p { width:158px}
	.colRight #best p { width:128px}
	.colLeft #best li span {margin:-20px 0 0 160px; border:1px solid #ccc}
	.colRight #best li span {margin:-60px 0 0 -120px; border:1px solid #ccc}
	
	#modulesIndexTop #best p, #modulesIndexBottom #best p { float:left}
	#modulesIndexTop #best ol, #modulesIndexBottom #best ol { margin:0 0 10px 120px}
	
	#caddie p { padding:5px}
	
	/* ############################# BLOCS LISTE DEROULANTE ################################ */
	.colLeft #theme select, .colLeft #types select, .colLeft #devise select { width:158px; border:1px solid #bbb; }
	#modulesIndex select { width:95%; border:1px solid #bbb; }
	.colRight #theme select, .colRight #types select, .colRight #devise select { width:128px; border:1px solid #bbb; }
	
	/* ############################# BLOCS CHAMP DE SAISIE ################################ */
	#mlist span input, #search span input,
	#bloclogin span input, #ajout_rapide span input { vertical-align: middle; }
	
	#search span, #ajout_rapide span,
	#bloclogin span, #mlist span  {height:17px; margin-top:3px; padding:0; text-align:left !important;}
	
	#ajout_rapide #quickie, #bloclogin #password_login, #bloclogin #email_address_login,
	#mlist #mliste, #search #keywords  {height:15px; border:1px solid #ccc; margin:0; padding-left:5px;}
	
	/*********** Colonne gauche **************/ 
	.colLeft #search span, .colLeft #ajout_rapide span,
	.colLeft #bloclogin span, .colLeft #mlist span { width:148px;}
	
	.colLeft #ajout_rapide #quickie, .colLeft #bloclogin #password_login,
	.colLeft #bloclogin #email_address_login, .colLeft #mlist #mliste,
	.colLeft #search #keywords  { width:110px; }
	
	/*********** ModulesIndex **************/ 
	#modulesIndex form p { text-align:center; }
	#modulesIndex form span { margin:3px auto; width:120px;}
	
	#modulesIndex #ajout_rapide #quickie, #modulesIndex #bloclogin #password_login,
	#modulesIndex #bloclogin #email_address_login, #modulesIndex #mlist #mliste,
	#modulesIndex #search #keywords { width:90px; }
	
	/*********** Colonne droite **************/ 
	.colRight #search span, .colRight #ajout_rapide span,
	.colRight #bloclogin span, .colRight #mlist span { width:118px; }
	
	.colRight #ajout_rapide #quickie, .colRight #bloclogin #password_login,
	.colRight #bloclogin #email_address_login, .colRight #mlist #mliste, .colRight #search #keywords { width:80px; }
	
	/* ############################# FOOTER ################################ */
	#footer{ margin:0; padding:0; clear:both; }
	#footer label {font-weight: bold}
	#footer p { margin:0; padding:5px; text-align:center}
	#footer ul { list-style-type:none; margin:0; padding:0; text-align:center}
	#footer li { display:inline}
	#footer li a span { display:none}
	li#valid_xhtml {}
	li#valid_css {}
	li#valid_wai {display:none}
	li#logo_footer_rpack {}
	li#logo_footer_r34 { display:none}
	
	/* ############################# MENU ################################ */					
	
	#menu li ul { border-width:1px !important; border-style:solid !important; border-color:#ccc !important; background-color:#E9E9E9}
	
	/*					H O R I Z O N T A L						*/
	
	#header2 #catalogue #menu { display:block; float:left; width:100%; margin:0; padding:0; }
	/********************************* MENU RACINE ***********************************************/
	#header2 #catalogue #menu li { display:block; float:left; list-style:none; margin:0; padding:0; }
	#header2 #catalogue #menu a { display:block; overflow:hidden}
	/********************************* TOUS LES SOUS MENUS ***********************************************/
	#header2 #catalogue #menu ul{ position:absolute; display:none; margin:0; padding:0; z-index:99; background-color:#fff; border:1px solid #ccc}
	#header2 #catalogue #menu li li a { white-space: normal; overflow:visible; height:auto; width:auto;}
	/********************************* SOUS MENU 01 ***********************************************/
	#header2 #catalogue #menu li ul { visibility:hidden; display:none; }
	#header2 #catalogue #menu li li { clear:both}
	
	/*					V E R T I C A L		G A U C H E					*/
	
	#catalogue { overflow: visible !important}
	.colLeft .menuSub { background: url(puce_submenu_left.png) top right no-repeat;}
	/********************************* MENU RACINE ***********************************************/
	
	.colLeft #catalogue #menu li { list-style:none; }
	.colLeft #catalogue #menu li a { display:block; }
	/********************************* TOUS LES SOUS MENUS ***********************************************/
	.colLeft #catalogue #menu li ul { position:absolute; width:180px; z-index:99}
	/********************************* SOUS MENU 01 ***********************************************/
	.colLeft #catalogue #menu li ul { visibility:hidden; margin-left:182px; margin-top:-22px; }
	/********************************* SOUS MENU 02 ET SUIVANTS ***********************************************/
	.colLeft #catalogue #menu li li ul { margin-left:182px !important; margin-top:-22px !important; }
	
	/*					V E R T I C A L		D R O I T					*/
	
	.colRight .menuSub { background: url(puce_submenu_right.png) top left no-repeat;}				
	/********************************* MENU RACINE ***********************************************/
	.colRight #catalogue #menu li { list-style:none; }
	.colRight #catalogue #menu li a { display:block;padding:2px  2px 2px 15px; border-width:0 0 1px 0; border-style:solid;}
	/********************************* TOUS LES SOUS MENUS ***********************************************/
	.colRight #catalogue #menu li ul { position:absolute; margin-left:-122px; width:127px}
	/********************************* SOUS MENU 01 ***********************************************/
	.colRight #catalogue #menu li ul{ visibility:hidden; margin-top:-22px;}
	/********************************* SOUS MENU 02 ET SUIVANTS ***********************************************/
	.colRight #catalogue #menu li li ul{ position: absolute; margin-top:-22px;}



	/* ############################# ECOTAXE ################################ */					
	.prix_ecotaxe{padding:0 !important; margin:0; border-bottom:0 !important;}
	.prix_ecotaxe span{ display: inline !important;}
	.prix_ecotaxe a{ display: inline !important;}
	
	.prix_total_eco_ttc { background:#f5f5f5}	
	.prix_total_eco_ttc span {font-weight:bold; color:#999}	
	.prix_total_eco_ttc_promo { background:#f5f5f5}	
	.prix_total_eco_ttc_promo span {font-weight:bold; color:#999}	
	
	.prix_total_eco_ht {background:#f9f9f9}	
	.prix_total_eco_ht span {font-weight:normal; color:#ccc}	
	.prix_total_eco_ht_promo {background:#f9f9f9}	
	.prix_total_eco_ht_promo span {font-weight:normal; color:#ccc}	

	/* ############################# LOTS ################################ */					
	/****** FICHE PRODUIT ************/
	.fichePdt #lotPdts { margin:10px 0 0 0; border:0; padding:0}
	.fichePdt #lotPdts ul,
	.fichePdt #lotPdts h2{ margin:10px 0; padding:0}  
	.fichePdt #lotPdts li { width:120px; float:left; text-align:center ; margin:0 3px; border:1px solid  #ccc; padding:5px;}
	.fichePdt #lotPdts li p{width:auto !important;}
	.fichePdt #lotPdts li span{ text-align:center; padding:0; margin:0}

	/****** LOT SUPP ************/
	#lot_supp{ margin-left:10px}
	#lot_supp h2{margin:0; padding:5px 0}
	#lot_supp td{ padding:5px; text-align:center}
	#lot_supp .pdtAnnexeImg { text-align:left}
	#lot_supp .pdtAnnexeImg img{ float:left}
	#lot_supp .pdtAnnexeImg .plus{ float:left}
	#lot_supp .pdtAnnexeImg .pack_name{ display:block; clear:both; padding:5px 0}

#listPdt td,
.blocPdt,
.blocCat,
#modulesIndexTop div,
#modulesIndexMiddle,
#modulesIndexMiddle div,
#modulesIndexMiddle div div,
#modulesIndexBottom div,
#modulesIndexLeft div,
#modulesIndexCentre div,
#modulesIndexRight div
	{ border-style:solid;}

#listPdt td,
.blocCat,
.blocPdt,
#modulesIndexTop div,
#modulesIndexMiddle,
#modulesIndexMiddle div,
#modulesIndexMiddle div div,
#modulesIndexBottom div 
		{ border-color:#ccc }

#listPdt td,
.blocPdt,
.blocCat,
#modulesIndexTop div,
#modulesIndexMiddle,
#modulesIndexMiddle div,
#modulesIndexBottom div,
#modulesIndexLeft div,
#modulesIndexCentre div,
#modulesIndexRight,
#modulesIndexRight div
		{ border-width:1px;}
		
.blocCat div,
.blocPdt div
		{ border-width:0 !important}
/*########################################################################################################################################################
CSS OVERLAY (page noir au dessus du site
#######################################################################################################################################################*/
/***************** OVERLAY ******************************/
	#overlay{ position: absolute; top:0; left:0; width:100%; z-index:5000;  background-image: url(overlay.png) ; background-repeat:repeat ; background-attachment: fixed;}
	#overlay[id]{}

* html #overlay{
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/***************** TABLE ******************************/
	#overlay_popup{top:50px; position:absolute; width:400px}
	* html #overlay_popup{border:5px solid #444}

/* corner */
	#overlay table #top_left{background: url(../commun/img/overlay_top_left.png) top left no-repeat}
	#overlay table #top_center{ background:#fff}
	#overlay table #top_right{background: url(../commun/img/overlay_top_right.png) top right no-repeat}
	
	#overlay table #middle_left{ background:#fff}
	#overlay table #middle_center{ background:#fff; padding:10px}
	#overlay table #middle_right{ background:#fff}
	#overlay table #bottom_left{background: url(../commun/img/overlay_bottom_left.png)  bottom left no-repeat}
	#overlay table #bottom_center{ background:#fff}
	#overlay table #bottom_right{background: url(../commun/img/overlay_bottom_right.png)  bottom right no-repeat}

/***************** BTN CLOSE ******************************/
	#popup_error{ background:#cc0000 ; color:#fff; font-weight:bold; margin-top:20px; padding:5px; text-align:center}

/***************** BTN CLOSE ******************************/
	#overlay .close{ float:right; margin-top:-10px}

/***************** CONTENT ******************************/
	#popup_content h1{ display:block; margin:5px 0 2px 0; padding:0; border-bottom:1px solid}
	#popup_content span{ display:block; margin:5px 0 2px 0;  font-size:10px; border-bottom:1px dashed #ddd; padding-bottom:5px;}
	#popup_content label{ width:100px; text-align:right;display:block; float:left; padding:0px 10px 0 0;}

/***************** LOGIN ******************************/
	#popup_content #login_account p{}
	#popup_content #login_account p a{ display:block;}
	
/***************** AJOUT CADDIE ******************************/
	#popup_content #cartProductAdded a{ display:block}
	#popup_content #cartProductAdded .cartProductAddedLabel span a img{ float:left; margin:5px 10px 10px 0}
	#popup_content #cartProductAdded span{margin:5px 10px 0px 0;border-bottom:0px ; padding:0}

/***************** AJOUT Parrainage ******************************/
	#popup_content #popup_parainage a{ display:block}

/***************** IMG ******************************/
	#popup_content .popup_img ul{}
	#popup_content .popup_img hr{}
	#popup_content .popup_img li{ border:0 !important}
	#popup_content .popup_img li img{ border:1px solid #ccc !important}
	#popup_content .popup_img p{ padding:20px;width:550px; overflow:hidden; margin:0;}
#listPdt { width:98%; margin:0; padding:0; border-color:#ccc; }

.blocPdt { overflow:hidden; }
.blocPdtImg { border-width:0}
.blocPdtContent span { display:block}

span.pdtName { height:24px !important; line-height:12px  !important}

.blocPdt { text-align:center; }

.inline1 .blocPdtImg {float:left ; margin-right:10px}
.inline1 .blocPdtContent { float:left ; text-align:left; width:55%;}
.inline2 .blocPdt { width:49%}
.inline3 .blocPdt { width:33%}

#catIndex {float:none !important; }
* html #catIndex {table-layout:fixed; float:left !important}
#modulesIndex #catIndex { float:none !important}

.blocCat { overflow:hidden !important}

#catIndex .blocCat { text-align:center; font-size:1.2em; font-weight:bold; }
#catIndex .blocCat a span { display:block; padding:5px; line-height:12px; height:24px; padding-top:12px}
#catIndex .blocCatImg { overflow:hidden; margin:0 -1px -1px -1px; }


.inline2 .blocPdt { width:49%}
.inline3 .blocCat { width:30% !important;}

#modulesIndex { float:left; width:100%; margin:0; padding:0;}

#modulesIndexTop, 
#modulesIndexBottom
		{ float:left; width:100%; margin:0; padding:0; }

#modulesIndexMiddle { float:left; width:100%; margin:0; padding:0; }

#modulesIndexMiddle.col3 #modulesIndexLeft,
#modulesIndexMiddle.col3 #modulesIndexRight,
#modulesIndexMiddle.col3 #modulesIndexCentre
		{float:left; width:33.1%; padding:0 !important; }
		
#modulesIndexMiddle.col2 #modulesIndexLeft,
#modulesIndexMiddle.col2 #modulesIndexRight
		{float:left; width:49.8%; padding:0 !important; }
		
#modulesIndexMiddle.col1 #modulesIndexCentre  
		{float:left; width:100%; padding:0 !important; }
		
#pdtIndex,
#catIndex
		{ width:100%; }
		
#modulesIndex,
#modulesIndex div div,
#modulesIndexLeft,
#modulesIndexRight,
#modulesIndexMiddle,
#modulesIndex div div div,
#catIndex .blocCat,
#pdtIndex .blocPdt
		{border-width:0}

#listPdt.tableau { border-collapse:collapse;} 
/* changement des propriétés du bgrd car cela masque la colonne de gauche qd on réduit la fenetre (ancien code =  width:990px; position:absolute; left:50%; margin-left:-495px;) */
#bgrd { width:990px; margin:auto;}
#container{ margin:auto; padding:0; width:964px; }
#header2 #catalogue #menu li { width:107px !important; }
#header2 #catalogue #menu li li ul { margin-left:107px; }

#modulesIndex #newpdt li {width:23%; margin:0 0 5px 5px; } body, input, select, textarea, form {font-family:Verdana, Arial, Helvetica, sans-serif; }body {font-size:10px}
input, select, textarea, form, td, th  {font-size:10px}

	/********* IMAGE  ********/
	#gondole h1{background: url(bgrd_gondole_bijoux_h1.png) top right no-repeat;}

	.colLeft #menu_context{background: url(bgrd_colLeft_menu_bijoux.jpg) top right repeat-x #ca0030; border-color:#900828}
	.colLeft #menu_context li a{border-bottom:1px solid #d7395f; color:#fff}
 	.colLeft #menu_context li a:hover{ background:#d7395f}
 	.colLeft #menu_context ul{ background:#d83159}

	.colRight #newpdt h1,
 	.colRight #best h1,
 	.colRight #spe h1{background: url(bgrd_colRight_bijoux_h1.png) top center no-repeat;}

	/* -----------------------------------
AVEC DES PERLES(général)
-----------------------------------*/
	html{}
	body{ background:url(bgrd_page.png) top left repeat-x}
	#bgrd{}

	h1{}
	h2{}
	
	a { color:#adada3}
	a:hover { color:#666}
/* -----------------------------------
Overlay
-----------------------------------*/
	* html #overlay_popup{border:4px solid #444; background:#fff}

/* -----------------------------------
PANIER
-----------------------------------*/
	#panier{padding:0 ;margin:-20px 0 0 0; width:215px;background:url(bgrd_panier.png) no-repeat top right; height:65px; z-index:99}
	* html #panier{margin:-15px 0 0 -210px;}
	#panier p{ padding:10px 5px 0 20px; margin:0; float:left;}
	#panier span{ display:block; padding-top:0 px;  text-align:right}
	#panier .totalPanier{ font-weight:bold}
	#panier .totalPanierConditions{ font-weight:normal; margin:0; padding:0; font-size:9px}
	#panier a{ display: block;float:right; margin:5px 15px 0 0}

/* -----------------------------------
HEADER
-----------------------------------*/
	#header{ height:65px}

/********* LOGO  **********/
	#logo{ width:255px}

/********* HEADERBTN  **********/
	#headerBtn2 {margin:2px 220px 0 0; padding:0; }
	* html #headerBtn2 {margin:2px 120px 0 0;}
	#headerBtn2 a{ color:#333; font-weight:bold; border-left:solid 2px #333; margin:0 0 0 5px; padding:0 0 0 5px; text-align:center !important;}

/********* MENU  **********/
	#header2 {background:url(haut_mailing.png) top left no-repeat; height:55px}
	#header2 #catalogue{height:55px; margin-left:180px}
	#header2 #catalogue #menu li { width:130px !important;text-align:center; font-size:11px; padding:0; margin:0;}
	#header2 #catalogue #menu li a{ display:block;padding:35px 10px 0px 0px; height:20px; color:#fff; font-weight:bold;  line-height:10px}
	#header2 #catalogue #menu .menu_cat_li_4 a{ padding:30px 10px 0px 0px; height:25px; }
	#header2 #catalogue #menu li ul{ display:none !important}
			
	#header2 #catalogue #menu .menu_cat_li_1 a{ background: url(bgrd_menu_custo.png) top left no-repeat}
	#header2 #catalogue #menu .menu_cat_li_1 a:hover{ background: url(bgrd_menu_custo.png) bottom left no-repeat}

	#header2 #catalogue #menu .menu_cat_li_2 a{ background: url(bgrd_menu_deco.png) top left no-repeat}
	#header2 #catalogue #menu .menu_cat_li_2 a:hover{ background: url(bgrd_menu_deco.png) bottom left no-repeat}

	#header2 #catalogue #menu .menu_cat_li_3 a{ background: url(bgrd_menu_bijoux.png) top left no-repeat}
	#header2 #catalogue #menu .menu_cat_li_3 a:hover{ background: url(bgrd_menu_bijoux.png) bottom left no-repeat}

	#header2 #catalogue #menu .menu_cat_li_4 a,
	#header2 #catalogue #menu .menu_cat_li_5 a,
	#header2 #catalogue #menu .menu_cat_li_6 a{ background: url(bgrd_menu_white.png) top left no-repeat;}
	#header2 #catalogue #menu .menu_cat_li_4 a:hover,
	#header2 #catalogue #menu .menu_cat_li_5 a:hover,
	#header2 #catalogue #menu .menu_cat_li_6 a:hover{ background: url(bgrd_menu_white.png) bottom left no-repeat}

/********* NAV  **********/
	.body_acceuil #nav{ display:none}
	#nav { margin-left:190px; padding:2px 0; color:#999; height:14px; overflow:hidden}
	#nav hr{ display:none}
	#nav a{color:#999}
	#nav a:hover{color:#000}

/*-----------------------------------
PAGES ACCEUIL
-----------------------------------*/
	#txtIndex{}

/*-----------------------------------
MODULES INDEX
-----------------------------------*/
 .mask{display:none}

/********* MODULESINDEX TOP  **********/
	#modulesIndexTop { margin:15px 0 0 0; text-align:left}
	#modulesIndexTop div { border:0; padding:0; margin:0}
	#modulesIndexTop h1 { display:none}
			
/********* MODULESINDEX MIDDLE  **********/
	#modulesIndexMiddle{}

/*---- LEFT  ----*/
	#modulesIndexLeft {}

/*---- RIGHT  ----*/
	#modulesIndexRight {}

/********* MODULESINDEX BOTTOM  **********/
	#modulesIndexBottom div { border:0}
	#modulesIndexBottom h1{display:none}
	
	#modulesIndexBottom table{ margin:0 0 0 15px; padding:0; border-collapse:collapse; border-spacing:0}
	#modulesIndexBottom table .haut { margin:0 0 -2px 0 ; padding:0; border:0}
	#modulesIndexBottom table .centre td img{ margin-bottom:5px}
	#modulesIndexBottom table td h2{ text-align:center; padding:0; margin:12px 0 5px 0; color:#666}
	
	#modulesIndexBottom table .atelier{ background:url(bgrd_bas_atelier.png) top left no-repeat;  width:195px}
	#modulesIndexBottom table .atelier img{ margin:0 0px 0 15px}	

	#modulesIndexBottom table .idees{ background:url(bgrd_bas_idee.png) top left no-repeat;  width:185px}	
	#modulesIndexBottom table .idees img{ margin:0 0 0 5px}

	#modulesIndexBottom table .tendences{ background:url(bgrd_bas_tendences.png) top left no-repeat;  width:185px}	
	#modulesIndexBottom table .tendences img{ margin:0 0 0 5px}
	
	#modulesIndexBottom table .creation{ background:url(bgrd_bas_creation.png) top left no-repeat; width:195px}	
	#modulesIndexBottom table .creation img{ margin:0 0 0 5px}
	
/*-----------------------------------
COLRIGHT
-----------------------------------*/
	.colRight {}
	
/********* NEWPDT BEST SPE  **********/	
	.colRight div{ padding-bottom:10px; margin-bottom:10px}
	.colRight h1{ font-size:12px; color:#fff; text-align: center}
	.colRight div p .btnBloc{margin-top:5px}	

	.colRight #newpdt li { border:0}

	.colRight #newpdt li span,
	.colRight  #newpdt p{ padding:0; margin:0}
	.colRight #newpdt li span{ width:120px; margin:0 10px; font-weight:bold}

	.colRight #spe p{ font-weight: bold}			
	.colRight #spe  .name a{ color:#000}

	.colRight  #newpdt,
 	.colRight #best,
 	.colRight #spe {background: url(bgrd_colRight_div.png) bottom center no-repeat;}

	.colRight  #newpdt img,
 	.colRight #best img,
 	.colRight #spe img{ margin-top:5px; border:1px solid #ccc}

 	.colRight #best ol li{margin:0 5px; }
	
/*-----------------------------------
COLLEFT 
-----------------------------------*/
	.body_acceuil	.colLeft { margin:0}
	.colLeft { margin:-18px 0 0 0}
	.colLeft div{ border:0; margin:10px 0}

	.colLeft .geninf{ background:url(bgrd_colLeft_geninf_bottom.png) bottom left no-repeat }
	.colLeft .geninf h1{ background:url(bgrd_colLeft_geninf.png) top left no-repeat; text-align:center; color:#000; padding:5pw 0 20px 0}

	.colLeft  #FILE_BLOCK_PERSO_20071109161139,
	.colLeft  #FILE_BLOCK_PERSO_20071210161209{ background:none}

/********* MAILINGLIST  **********/
	.colLeft #mlist { background:url(bgrd_mailing_div.png) bottom left no-repeat; padding-bottom: 10px; margin:0}
	.colLeft #mlist h1{ background:url(bgrd_mailing_h1.png) top left no-repeat; text-align:center; padding:0; margin:0; height:30px}
	.colLeft #mlist p{ text-align:left; color:#999; margin:5px 0 0  10px}
	.colLeft #mlist p input{ padding:0; margin:0}	
	
/********* SEARCH  **********/	
	.colLeft #search { background:url(bgrd_sep_bottom.png) bottom left no-repeat; padding-bottom: 10px; margin:0}
	.colLeft #search h1{ background:url(bgrd_sep_top.png) top left no-repeat; height:5px}

/********* MENU  **********/	
	.colLeft #catalogue_context { background:url(bgrd_sep_bottom.png) bottom left no-repeat; padding-bottom:10px; margin:0}
	.colLeft #menu_context { border-width:0 1px; border-style:solid; padding:0}
	.colLeft #menu_context ul{ padding:0; margin:0}
	.colLeft #menu_context li a{ padding:3px 10px; font-size:11px}
	.colLeft #menu_context ul li a{ padding:0px 20px; font-size:10px}
	.colLeft #menu_context li .select {background:url(bgrd_colLeft_menu_select.png) center left no-repeat; font-weight:bold; margin-left:-1px; }

/********* BLOCK  **********/	
	#FILE_BLOCK_PERSO_20071109161126 ,	
	#FILE_BLOCK_PERSO_20071109161139 ,
	#FILE_BLOCK_PERSO_20071109161151 { background:none}

	#FILE_BLOCK_PERSO_20071109161126 h1,	
	#FILE_BLOCK_PERSO_20071109161139 h1,
	#FILE_BLOCK_PERSO_20071109161151 h1{ display:none}

/********* PAIEMENT  **********/	
	.colLeft #secure h1 { display:none}
	.colLeft #secure p { padding:0; margin:0}	
	
/*-----------------------------------
LIST PST 
-----------------------------------*/
	#txtcat img{ overflow:hidden; width:610px}
	#txtcat h1{ text-align:right; font-size:50px; margin:0; padding:20px 30px 0 0;}
	#txtcat h2{ text-align:right; font-size:12px; margin:0; padding:0 30px 0 0; color:#000}
	#txtcat p{padding:0px 20px 0 20px; font-size:11px; color:#333; margin:0}
		
/********* TET DE GONDOLE  **********/
	#gondole {border:0 ;padding:0 0 10px 0; background: url(bgrd_gondole_custo_div.png) bottom right no-repeat; margin:0;}
	#gondole h1{ text-align:center; padding:10px 0; color:#fff; font-size:14px; font-weight:bold}
	#gondole table{width:96%; margin:5px 0 0 10px; background: url(bgrd_gondole_table.png) top left repeat-y} 
	#gondole td{ border:0; margin-right:5px;} 
	#gondole .blocPdt .blocPdtImg img { float:left; border:1px solid #ccc; margin:5px 5px 0px 5px}
	#gondole td p span{ text-align:left; font-weight:bold;} 
	#gondole td p .prix{ float:right} 
	#gondole td p .pdtName{height:auto !important; color:#000} 
	#gondole td p .pdtModel,
	#gondole td p .pdtRef,
	#gondole td p .pdtRefFab{color:#777} 

/********* MODULES CAT  **********/
	#modules_cat { margin-bottom:20px}
	#modules_cat td{ margin:0 !important; padding:0;}
	#modules_cat div{ border:0 !important; background: url(bgrd_modulescat_custo_div.png) bottom center no-repeat ; padding:0;}
	#modules_cat div h2{ border:0; text-align:center; padding:10px 0 10px 0;  margin:0; color:#fff; font-size:14px }
	#modules_cat div img{ border:1px solid #ccc; margin:5px 0 0 0;}	

	#modules_cat div li span,
	#modules_cat div  p{ font-weight: bold}			

	#modules_cat #newpdt{ width:97%}	
	#modules_cat #newpdt ul{ list-style-type:none}
	#modules_cat #spe  .name a{ color:#000}

/********* cat 3 /ligne **********/			
	#catIndex td { width:210px !important}
	* html #catIndex td { width:auto !important}
	.blocCat{ background:url(bgrd_blocCat_bottom.png) bottom center no-repeat; padding:0 0 5px 0; margin:0}
	.blocCat .blocCatImg{ background:url(bgrd_blocCat_top.png) top center no-repeat; padding:10px 0 0 0; margin:0}
	.blocCat .blocCatImg a span{  margin:0 15px}



/********* pdt 3 /ligne **********/			
	.blocPdt .blocPdtContent p .pdtModel{font-weight:bold; color:#777}

/*-----------------------------------
FICHE PST 
-----------------------------------*/
	#fichePdtHeader { padding:0 0 0 175px; margin:0; width:70%;}
	#fichePdtHeader h1 {font-size:15px !important; font-weight:bold}
	#fichePdtHeader h1 span{font-size:12px; display:block; border:0}
	#fichePdtHeader h1 .fiche_pdt_nom{   color:#000;}
	#fichePdtHeader h1 .fiche_pdt_model{ color:#777;}
	#fichePdtHeader h1 .fiche_pdt_ref{ display:none}

	.fichePdt{margin:0 0 10px 0} 
	.fichePdtImg{} 
	.fichePdtContent {}

	#critiques {background:url(puce_avis.png) no-repeat left top;padding:5px 0; border:0; margin:0 0 0 5px}
	#critiques a{padding-left:25px;text-align:left;border-width:0 0 1px 0 !important;border-style:solid;}
	#critiques strong{padding-left:25px; display:block}

	#printPdt {background:url(puce_print.png) no-repeat left top; padding:5px 0; margin:0 0 0 5px}
	#printPdt a{border-width:0 0 1px 0;border-style:solid;padding-left:25px;text-align:left;}
	
	#zoomPdt{background:url(puce_zoom.png) no-repeat left top; padding:5px 0; margin:0 0 0 5px}
	#zoomPdt a{border-width:0 0 1px 0;border-style:solid;padding-left:25px;text-align:left;}
	
	#sendPdt{background:url(puce_mail.png) no-repeat left top; padding:5px 0; margin:0 0 0 5px}
	#sendPdt a{border-width:0 0 1px 0;border-style:solid;padding-left:25px;text-align:left;}
	
	.description_suite{ padding-top:10px}

/*-----------------------------------
RP PAGE
-----------------------------------*/
	#rp_pages {}
	#rp_pages_content {}
	#rp_pages_menu li a { border-width:0 0 1px 0; border-style:solid; border-color:#ddd; padding-bottom:5px; margin-bottom:5px; text-align:center}
	#rp_pages_menu li a span{	text-align:center; font-weight:bold}



/*-----------------------------------
OTHER
-----------------------------------*/
	#rp_caddie th{ background:#babab0}
	#rp_caddie td a{ font-weight:bold; color:#000}
	#rp_caddie td { color:#777; font-weight:bold}
	#rp_caddie .subtotal, 
	#rp_caddie .total,
	#rp_caddie .totalTxt { color:#000;}
	
	#rp_login,#rp_caddie, #rp_pdt{ padding-top:5px}
/*-----------------------------------
Stock 
-----------------------------------*/
	.stock_display_view {}
	.stock_null{}
	.stock_positif{}
	.stock_alert{}

/*-----------------------------------
ECO TAXE
-----------------------------------*/
	.prix_ecotaxe {}

/*-----------------------------------
footer 
-----------------------------------*/
	#footer { background:url(bgrd_fin.png) repeat-x top left; padding-top:10px}
	#footer p{ color:#999}


	.footer2 { margin-bottom:10px; height:20px}
	.footer2 li{ margin:0 5px}
	.footer2 li a { color:#333}
	.footer2 li a strong{ margin:0 0 0 10px}
