@CHARSET "UTF-8";

@media screen {
	#contenu #con_descriptif, #contenu #con_descriptif_div.cYep {
		width: 70%;
		_width: 69%;
	}
	
	/* visuel produit */
	#contenu #visuelPdt {
		position: relative;
		float: right;
		width: 206px;
		padding-bottom:6px;
		margin:-0.7em 5px 1em 1em;
		background: url("../images/corner-photo.png") no-repeat top left;
	}
	#contenu #visuelPdt .blocImg {
		position: relative;
		display: block;
		width: 200px;
		height: 200px;
		color: #c00;
		text-decoration: none;
	}
	#contenu #visuelPdt .blocImg img, #contenu #visuelPdt .blocImg object {
		position: absolute;
		left: 50%;
		top: 50%;
		border: none;
	}
	#contenu #visuelPdt .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;
	}
	#contenu #visuelPdt .blocImg strong,
	#contenu #visuelPdt .blocImg dfn {
		/*position: absolute;
		left: 1px;
		top: 0;*/
		position: relative; display: block; margin: 0 0 0 1px; padding: 0 5px; width: 190px;
		/*height: 16px;*/
		font-weight: normal; line-height: 12px;
		background: white;
		border-bottom: 1px solid #ccc;
		filter: alpha(opacity =   70); -moz-opacity: 0.7; opacity: 0.7;
	}
	#contenu #visuelPdt .blocImg:hover span {
		color: #ccc;
		background: url("../images/txt-zoom-vpdt-over.png") no-repeat right center;
	}
	#contenu #visuelPdt a.btnShowImg {
		display:block;
		float:left;
		width:1em;
		line-height:1.4em;
		margin-right:0.5em;
		margin-top:0.7em;
		margin-bottom:0.5em;
		padding:0 0.2em;
		color:#ccc;
		text-align:center;
		text-decoration:none;
		border:1px solid #ccc;		
		background:#f42941;
	}
	#contenu #visuelPdt a.btnShowImg:hover {
		color:white;
		background:white;
		color:#f42941;
	}
	
	/* tableau des références */
	div#reference table {
		//margin:-0.6em 10px 1em 1px;
		margin:-0.6em auto 1em auto;
		border:1px solid #ccc;
		border-collapse:collapse;
		text-align:left;
		width: auto;
	}
	div#reference table tfoot {
		display: none;
	}
	div#reference table th {
		font-size:0.9em;
		font-weight:normal;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ddd;
		background: #D0D1D1 url("../images/f-tabrefth.png") repeat-x left bottom;
		text-align: center;
		padding:0.1em 0.2em;
	}
	div#reference table td {
		font-size:1.1em;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ddd;
		background: #f3f3f4;
		text-align: center;
	}
	div#reference table td.ref_libelle {
		font-weight: bold;
		text-align: left;
		width:7em;
	}
	div#reference table td.ref_photo img {
		width: 50px;
		border: 1px solid #ccc;
	}
	div#reference table td.ref_prix, div#reference table td.ref_prix_calcul {
		width: 6em;
		white-space: nowrap;
	}
	div#reference table .ref_taux {
		display: none;
		white-space: nowrap;
	}
	div#reference table td.ref_panier {
		width:15em;
		
	}
	div#reference table td.ref_panier {
		
	}
	div#reference table td.ref_panier p {
		position: relative;
		float: left;
		margin:0 0.2em;
	}
	div#reference table td.ref_panier p label {
		
	}
	div#reference table td.ref_panier p label span {
		position: absolute;
		left: -999em;
	}
	div#reference table td.ref_panier p label input {
		position: relative;
		margin: auto;
		left: auto;
		width: 2em;
		height: auto;
		line-height: normal;
		border: 1px solid #cdcdcd;
		background: white;
		color: black;
	}
	div#reference table td.ref_panier p input {
		position: relative;
		margin: auto;
		left: auto;
		width: 114px;
		height: 21px;
		line-height: 21px;
		border: none;
		background: url("../images/f-btn_panier.png") no-repeat left top;
		color: #c00;
		font-size: 10px;
		text-transform: lowercase;
		overflow: hidden;
		cursor: pointer;
	}
	/* tableau affiché en colonnes */
	div#reference table.afficheencolonne th {
		width: auto;
		/*background: #D0D1D1 url("../images/f-tabrefth-h.png") repeat-y right top;*/
		background: #F3F3F4;
	}
	div#reference table.afficheencolonne td.ref_libelle, 
	div#reference table.afficheencolonne td.ref_panier, 
	div#reference table.afficheencolonne td.ref_prix {
		width: auto;
		text-align: center;
		white-space: nowrap;
	}
	div#reference table.afficheencolonne td.ref_panier form {
		width: 15em;
		margin: 0 auto;
	}
	div#reference table td.ref_prix_ht, div#reference table td.ref_prix_calcul_ht {
		white-space: nowrap;	
	}
	/* 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;
		left: -999em;
	}
	
	div#reference table .trichoisi, div#reference table.afficheencolonne th.trichoisi {
		font-style: italic;
		font-weight: bold;
		background: url(../images/stries.png);
	}
	
	
	/********************************/
	/*	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 {
		font-size: 1em;
		position: absolute;
		width: 300px;
		height: 100px;
		top: -120px;
		left: 50%;
		margin: 0 0 0 -160px;
		padding: 10px;
		background: url("../images/f-popupajoutpanier.png") no-repeat;
	}
	#conteneurPopupPanier p#messPopupPanier{
		font-size: 1.3em;
	}
	#conteneurPopupPanier p#messPopupPanier strong {
		display: block;
	}
	#conteneurPopupPanier p#linkPopupPanier {
		position: relative;
		float: right;
	}
	#conteneurPopupPanier p#linkPopupPanier a {
		position: relative;
		display: block;
		margin: 1em 0 0 0;
		width: 114px;
		height: 21px;
		line-height: 21px;
		background: url("../images/f-btn_panier.png") no-repeat left top;
		color: #c00;
		overflow: hidden;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
	}
	#conteneurPopupPanier p#linkPopupPanier a:hover, #conteneurPopupPanier p#linkContinue a:hover {
		color: #666;
	}
	#conteneurPopupPanier p#linkContinue {
		position: relative;
		float: left;
		margin: 1.5em 0 0 0;
	}
	#conteneurPopupPanier p#linkContinue a {
		color: #c00;
	}
}
@media print {
	/* visuel produit */
	#contenu #visuelPdt {
		position: relative;
		float: right;
		width: 200px;
		background: white;
		border: 1px solid #ccc;
	}
	#contenu #visuelPdt a.blocImg {
		position: relative;
		display: block;
		width: 200px;
		height: 200px;
		color: #c00;
		text-decoration: none;
	}
	#contenu #visuelPdt a.blocImg img {
		position: absolute;
		left: 50%;
		top: 50%;
		border: none;
	}
	#contenu #visuelPdt a.blocImg span, #contenu #visuelPdt a.blocImg strong, #contenu #visuelPdt a.btnShowImg {
		display: none;
	}
	
	/* tableau des références */
	div#reference table {
		margin:0;
		border:1px solid #ccc;
		border-collapse:collapse;
		text-align:left;
		width: 100%;
	}
	div#reference table th {
		font-size:8pt;
		font-weight:normal;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ddd;
		background: #ccc;
		text-align: center;
		padding:0.1em 0.2em;
	}
	div#reference table td {
		font-size:10pt;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ddd;
		background: #f3f3f4;
		text-align: center;
	}
	div#reference table td.ref_libelle {
		font-weight: bold;
		text-align: left;
	}
	div#reference table td.ref_prix, div#reference table td.ref_prix_calcul {
		width: 6em;
	}
	div#reference table .ref_taux, div#reference table .ref_panier {
		display: none;
	}
}