@CHARSET "UTF-8"; 
@media screen {
	body.type_3 #chemin { width: 440px; }
	#global #contenu { margin: 0 5px 0 0; width: 700px; }
	#conteneur_contenu { position: relative; float: left; width: 440px; margin-right: 0; }
	.descPdt { position: relative; }
	/*.avecVisuel { float: right; width: 220px; }*/
	
	.descPdt h3 { position: absolute; top: 0; left: -999em; }	
	
	#contenu form.ajoutPanier { position: relative; }
	
	/* tableau des références */
	table#reference_tab {
		margin: 1em 0; width: 448px; height: 50px; clear: both;
		background: url(../images/entete-tableref.png) no-repeat left top;
		border-collapse: collapse;
	}
	table#reference_tab thead th {
		height: 50px;
		font-size: 1.1em; font-weight: bold; color: #bc1548;
		vertical-align: bottom; 
	}
	table#reference_tab tbody tr.paire { background: url(../images/couleur1-tableref.png) repeat-y; }
	table#reference_tab tbody tr.impaire { background: url(../images/couleur2-tableref.png) repeat-y; }
	table#reference_tab td, table#reference_tab th { padding: 2px 3px; margin: 0; }
	table#reference_tab td { background-position: -10px top; }
	table#reference_tab td.ref_libelle { background-position: left top;  }
	table#reference_tab td.ref_prix_ht { white-space: nowrap; text-align: right; }
	table#reference_tab td.ref_prix_ttc { white-space: nowrap; text-align: right; }
	table#reference_tab td.ref_panier { width:89px; background-position: -353px top; }
	
	table#reference_tab td.ref_panier p { margin: 0; padding: 0; clear: left; font-size: 1.2em; color: black; }
	#contenu form table#reference_tab  p label {
		display: inline; line-height: normal; width: auto; height: auto; }
	table#reference_tab td.ref_panier p label span { display: block; float: left; }
	table#reference_tab td.ref_panier p input { 
		width: 80px; height: auto; padding-left: 16px;
		font-size: 0.8em; color: #bc1548;
		background:transparent url(../images/picto-panierref.png) no-repeat;
		border: none; cursor: pointer; _cursor: hand;
	}
	#contenu form table#reference_tab td.ref_panier p label input {
		float: left; width: 20px; height: auto; padding: 0; margin: 0 0 0 1em;
		background: white; border: 1px solid #ccc; color: black;
	}
	#contenu form p select { font-size: 0.8em; width: auto; height: auto; }
	#contenu form p textarea { width: 2em; height: 1.2em; overflow: hidden; }
	
	table#reference_tab tfoot { width: 448px; height: 12px; background: url(../images/pied-tableref.png) no-repeat; }
	table#reference_tab tfoot tr { }
	table#reference_tab tfoot th { font-size: 0; color: #DDE894; }
	table#reference_tab tfoot th.ref_libelle {  }
	table#reference_tab tfoot th.ref_panier {  }
	
	
	/* fleches de tri */
	div#reference table td .conteneurflechetri { position: relative; margin: 2px auto; height: 12px; width: 26px; }
	div#reference table a.trigauche, div#reference table a.tridroite, div#reference table a.trihaut, div#reference table a.tribas, div#reference table span.nofleche {
		display: block; float: left; margin: 2px; width: 8px; height: 8px;
	}
	div#reference table a.trigauche { background: url(../images/flechetri-gauche.png) no-repeat; }
	div#reference table a.tridroite { background: url(../images/flechetri-droite.png) no-repeat; }
	div#reference table a.trihaut { background: url(../images/flechetri-haut.png) no-repeat; }
	div#reference table a.tribas { background: url(../images/flechetri-bas.png) no-repeat; }
	div#reference table a.trigauche span, div#reference table a.tridroite span, div#reference table a.tribas span, div#reference table a.trihaut span {
		position: absolute; top: 0; left: -999em;
	}
	
	div#reference table .trichoisi, div#reference table.afficheencolonne th.trichoisi {
		font-style: italic; font-weight: bold; background: url(../images/stries.png);
	}
	p.pasDeRemise { 
		padding: 5px 0 ;text-align: center; color: #666;
		background: url(../images/picto-remise.png) no-repeat 100px center; 
	}
	
	/********************************/
	/*	AJOUT D'UN PRODUIT AU PANIER*/
	/********************************/
	p#message_panier {
		margin: -0.7em 0.9em 0.7em 0;
		padding: 0.5em;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background-color: #f3f3f4;
	}
	
	#conteneurPopupPanier {
		position: absolute; top: -120px; left: 50%;
		margin: 0 0 0 -160px; padding: 10px; width: 300px; height: 100px;
		font-size: 1em;
		background: url("../images/f-popupajoutpanier.png") no-repeat;
		z-index: 1000;
	}
	#conteneurPopupPanier p#messPopupPanier{ font-size: 1.3em; }
	#conteneurPopupPanier p#messPopupPanier strong { display: block; }
	#conteneurPopupPanier p#linkPopupPanier { 
		position: absolute; bottom: 1.5em; right: 1.5em; 
		margin: 0; width: 114px; height: 21px; 
	}
	#conteneurPopupPanier p#linkPopupPanier a {
		position: relative; display: block; margin: 0; width: 114px; height: 21px;
		line-height: 21px; color: #bc1548; text-align: center; text-decoration: none; font-weight: bold;
		background: url("../images/f-btn_panier.png") no-repeat left top;
		overflow: hidden;
	}
	#conteneurPopupPanier p#linkPopupPanier a:hover, #conteneurPopupPanier p#linkContinue a:hover {
		color: #666;
	}
	#conteneurPopupPanier p#linkContinue {
		position: absolute; bottom: 1.5em; left: 1.5em;
		/*float: left;*/
	}
	#conteneurPopupPanier p#linkContinue a {
		color: #bc1548;
	}
	
	/********************************/
	/*		 VISUEL PRODUIT			*/
	/********************************/
	#visuelPdt2 { position: relative; /*float: left;*/ margin: 0 0 0 120px; width: 200px; }
	#visuelPdt2 a.blocImg {
		position: relative; display: block; width: 200px; height: 200px;
		color: #c00; text-decoration: none;
	}
	#visuelPdt2 a.blocImg img { position: absolute; left: 50%; top: 50%; border: none; }
	#visuelPdt2 a.blocImg span { 
		position: absolute; display: block; right: 5px; bottom: 2px;
		height: 16px; line-height: 16px; padding-right: 18px;
		background: url("../images/txt-zoom-vpdt.png") no-repeat right center;
	}
	#visuelPdt2 a.blocImg strong {
		position: absolute; left: 1px; top: 0;
		padding: 0 5px; width: 190px; height: 16px;
		font-weight: normal; line-height: 16px;
		background: white; border-bottom: 1px solid #ccc;
		filter: alpha(opacity =   70); -moz-opacity: 0.7; opacity: 0.7;
	}
	#visuelPdt2 a.blocImg:hover span {
		color: #ccc;
		background: url("../images/txt-zoom-vpdt-over.png") no-repeat right center;
	}
	#visuelPdt2 a.btnShowImg {
		display:block; float:left; width: 1em;
		margin-right: 0.5em; margin-top:0.7em; margin-bottom:0.5em; padding:0 0.2em; line-height:1.4em;
		color: white; text-align:center; text-decoration:none;
		border: 1px solid #BC1548; background: #BC1548;
	}
	#visuelPdt2 a.btnShowImg:hover,
	#visuelPdt2 a.btnShowImg.lienActif { color:white; background: #B3C932; color: black; }
}

@media print {
}