/***************************************************************************
 *				page-produit.css
 *				----------------
 *	Cree le		: 19 Novembre 2007
 *	Derniere modif.	: 6 Decembre 2007
 *	Auteur		: Agence ici - Asselin Benoit
 *	Site		: http://www.agenceici.com/
 *
 ***************************************************************************/



#produit { }
#produit .content { }

.content { position: absolute; left: 160px; top: 80px; width: 790px; height: 500px; }

.content .titre { position: absolute; left: 45px; top: 160px; width: 600px; z-index: 100; }

.content .titre h2 { padding-right: 20px; float: left; font-size: 18px; text-transform : uppercase; }
.content .titre h2 .taille { font-size: 14px; color: #666; font-weight: bold; text-transform : none; }
.content .titre .images-min { position: relative; top: -10px; }
.content .titre .images-min li { position: relative; float: left; width: 25px; }
.content .titre .images-min li.active { }
.content .titre .images-min li em { display: block; width: 19px; height: 10px; background: url('../images/interface/transparent.gif'); font-size: 1px; cursor: pointer; }
.content .titre .images-min li.active em { background: url('../images/interface/produit-triangle.gif') center top no-repeat; }
.content .titre .images-min li span { display: block; width: 19px; height: 19px; }
.content .titre .images-min li img { display: block; width: 19px; height: 19px; cursor: pointer; background: url('../images/interface/produit-couleur.png'); }
.content .titre .images-min li.edition-limitee a { display: block; width: 41px; height: 29px; background: url('../images/interface/produit-edition-limitee-1.gif') bottom no-repeat; }
.content .titre .images-min li.edition-limitee a span { display: none; }


.content .titre .images-min li.images-txt { position: relative; width: 0px; }
.content .titre .images-min ul.images-txt { position: absolute; left: 0px; top: 35px; }
.content .titre .images-min ul.images-txt li { position: absolute; font-size: 11px; white-space: nowrap; }


.content .description { position: absolute; left: 45px; top: 220px; width: 350px; height: 280px; padding-right: 10px; overflow: auto; z-index: 100; }

.content .gamme { position: absolute; left: 280px; top: 0px; background-image: no-repeat; z-index: 80; }


.content .pictos { position: absolute; width: 160px; right: 10px; top: 0; }
.content .pictos li { margin-right: 10px; margin-bottom: 5px; float: right; }
.content .pictos .picto-edition-limite { display: block; width: 64px; height: 64px; background: url('../images/interface/produit-picto-edition-limitee.png') center no-repeat; }
.content .pictos .picto-new { display: block; width: 64px; height: 64px; background: url('../images/interface/produit-picto-new.png') center no-repeat; }
.content .pictos .picto-ce { display: block; width: 64px; height: 64px; background: url('../images/interface/produit-picto-ce.png') center no-repeat; }
.content .pictos .picto-dryclim { display: block; width: 98px; height: 38px; background: url('../images/interface/produit-picto-dryclim.png') center no-repeat; }
.content .pictos .picto-drystorm { display: block; width: 88px; height: 36px; background: url('../images/interface/produit-picto-drystorm.png') center no-repeat; }
.content .pictos .picto-hightech { display: block; width: 70px; height: 49px; background: url('../images/interface/produit-picto-hightech.png') center no-repeat; }
.content .pictos .picto-lycra { display: block; width: 74px; height: 74px; background: url('../images/interface/produit-picto-lycra.png') center no-repeat; }
.content .pictos .picto-microfresh { display: block; width: 96px; height: 40px; background: url('../images/interface/produit-picto-microfresh.png') center no-repeat; }
.content .pictos .picto-superroubaix { display: block; width: 96px; height: 42px; background: url('../images/interface/produit-picto-superroubaix.png') center no-repeat; }
.content .pictos .picto-tekplastotex { display: block; width: 96px; height: 30px; background: url('../images/interface/produit-picto-tekplastotex.png') center no-repeat; }


.content .images-png { position: absolute; right: 0; bottom: 0; z-index: 90; }
.content .images-png li { position: absolute; visibility: hidden; right: -10px; bottom: 20px; width: 400px; height: 400px; }
.content .images-png li.active { visibility: visible; }
.content .images-png li span { display: none; }


#spinner { position: absolute; right: 120px; bottom: 240px; width: 35px; height: 35px; z-index: 1000; }