/* =  Style pour les page catalogue
------------------------ */

/* = style commun pour le catalogue ------------------------ */
#article_catalogue h1{
	color:#3e4e74;
	font-size:1.7em; font-weight:bold; padding:0px 0px 10px 0px;
}

body#Psante p {
	font-size: 1.2em;
}

/* = Pour la page galerie ------------------------ */
#article_catalogue {
	margin-top: 80px;
	}
	
	/* = vignette ------------------------ */
	.galerie {
		display:block;
		float: left;
		width: 150px;
		margin: 0 20px 0px 0px;
		padding: 5px;
	}
	.galerie h2 {
		font-size: 1.1em;
		color: #3e4e74;
		padding-bottom: 5px;
		padding-top: 20px;
		height: 25px;
	}
	.galerie h2 a{
		color: #3e4e74;
		text-decoration: none;
	}
	.galerie p.legende{
		height: 35px;
		padding-top: 5px; 
		font-size: 1.1em;
		color: #3e4e74;
		font-style: italic;
	}

	
/* = Pour la page detail ------------------------ */

	/* = les bouton imprimer et commander ------------------------ */
	#article_catalogue a.btImp{
		height:20px;
		position: absolute;
		top: 120px; right: 20px;
		font-size: 1.2em; color: #3e4e74;
		text-decoration: none;
		padding:5px 25px 0px 0px;
		background: transparent url(/RP_MULLIEZ_FO/global/images/images_cat/bt_impression.gif) right no-repeat;
		}
	
	#article_catalogue a.btCommd{
		font-size: 1.1em; color: #3e4e74;
		position: absolute;
		top: 140px; right: 20px;
		}
		
	/* = titre page detail ------------------------ */

	#article_catalogue h2.titreproduit  {
		width: 400px;
		font-size: 2em; color: #3e4e74;
	}
	
/* = mise en page
------------------------ */
	#article_catalogue #photoprod{
		float: left;
		margin-right: 10px; 
	}
	
	#article_catalogue #photoprod img{
		display:block;
		width: 190px; height: 230px;
		border: 1px #3e4e74 solid;
	}
	
	#article_catalogue #photoprod .reference{
		display:block;
		width: 192px; height: 20px; 
		background: transparent url(/RP_MULLIEZ_FO/global/images/images_cat/bg_reference.gif) left bottom no-repeat;
		margin-top:2px;
		text-align:center;
		font-size:1.2em; color: #3e4e74;
		padding-top:5px;
	}
	
	#article_catalogue #photoprod ul.zoom {
		margin-top:15px;
		overflow:hidden;
		width: 192px; 
	}
		#article_catalogue #photoprod .zoom li{
			padding: 0px 0px 0px 25px;
			font-size: 1em; color:white; 
			font-weight: bold;
			line-height:20px;
			background: transparent url(/RP_MULLIEZ_FO/global/images/images_cat/bg_zoom.gif) no-repeat;
		}
		
		#article_catalogue #photoprod li a{
			text-decoration:none;
			font-size: 1em; color:white !important;
			font-weight: bold;
		}
		
		#article_catalogue #photoprod .zoom li.ttzoom_header{
			background-position:0px 0px; 
			padding: 5px 0 0 5px;
			font-size: 1.1em; color:#3e4e74;
			
		}
		
		#article_catalogue #photoprod .zoom li.picto_diap{background-position:0px -30px; }
		#article_catalogue #photoprod .zoom li.picto_detail{background-position:0px -58px; }
		#article_catalogue #photoprod .zoom li.picto_fiche{background-position:0px -89px; }
		
		#article_catalogue #photoprod .zoom li.ttzoom_footer{
			height:3px;
			background-position:0 bottom; 
		}
	
	#article_catalogue #resume,
	#article_catalogue #lesplus,
	#article_catalogue #conseilcompo{
		float:right;
		margin-bottom:15px; 
		width: 350px;
		}
		
	#article_catalogue h3{
			font-size: 1.2em; color: white;
			font-weight: bold;
			display:block;
			height: 19px; 
			background: #92A5CB;
			padding:5px 0 0 10px;
		}
		
	#article_catalogue #resume p{
			font-size:1.1em; color:#30496D;
			padding-bottom: 5px ;
		}
	#article_catalogue #lesplus p,
	#article_catalogue #conseilcompo p{
			font-size:1.1em; color:#30496D;
			margin: 10px 10px 10px 10px;
		}
		
			#article_catalogue #lesplus {
				background:#FFFFFF;
				}
			#article_catalogue #conseilcompo {
				background:#E5EAF2;
			}
			
	#article_catalogue #taillesdispo{position:relative; margin-bottom:15px; margin-top: 5px;}
		
	#article_catalogue #taillesdispo a.conseilsTaille {
		padding:2px 0 0 25px; 
		display:block; width:180px; height: 15px;
		position:absolute;
		top: 3px; left: 360px;
		font-size:0.9em; color:white; text-decoration:none;
		background: transparent url(/RP_MULLIEZ_FO/global/images/images_cat/bt_conseil.gif) no-repeat;
	}
		#article_catalogue #taillesdispo .tailles{
			border: 1px white solid;
			text-align:center;
			border-collapse:collapse;
			width:560px;
			background:#E5EAF2;
		}
		
		#article_catalogue #taillesdispo .tailles tr{
			height:20px;
		}
		
		#article_catalogue #taillesdispo .prix{
			background:#DBE2ED;
		}
		
	#article_catalogue #commande {background:#D5C4AB; }
	
		#article_catalogue #commande h4{
			display:block;
			font-size:1.7em; color:#72562C;
			padding:3px 0 3px 10px;
			}
		#article_catalogue #commande p.coloris {padding:10px 0 10px 0; background:#F7F1EA; font-size:1.2em}
		#article_catalogue #commande .reduction{color: #A62929; font-weight: bold; margin-left: 10px;}
		
	#article_catalogue #option{background:#EDD8CB; font-size:1.2em; overflow:hidden;}
	#option:after {
		content: "."; display: block; clear: both; visibility: hidden;
		}
	
	#article_catalogue h5 {font-size:1.2em; font-weight:bold; color:#72562C; padding:3px 0 3px 10px; background:#EDD8CB;}
		
		#article_catalogue label{
			color:#72562C;
			padding-left:10px;
			}
			
		#article_catalogue #option p{background:#EDD8CB; padding:3px 0 3px 10px; width:269px; float:left; border-right: 1px white solid;}
	
	#BT_validerProduit {
		position: relative; top: -2px; left: 5px;
		padding: 2px; 
		border: 1px #826842 solid;
		text-decoration: none; color: #826842;}
	
	#article_catalogue #quantite{
		display:block; width:330px; height:30px; 
		float:left;  overflow:hidden;
		font-size:1.2em; background:#FFF9F2; padding:8px 0 0 0;
		}
	#article_catalogue #prix{
		display:block; width:230px; height:30px; 
		float:left;  overflow:hidden;
		font-size:1.2em; background:#FFE9CF;  padding:8px 0 0 0px;
		text-align:center;
		}
	#article_catalogue #prix p{color:#A62929}
	#article_catalogue #prix .total{font-size:1.9em; color:#A62929}
		
	.field_valid{float:right}
	

