
.conteneur-liste-normal{
	overflow:auto;
}
.colD .conteneur-liste-normal,{
	margin-left:10px;	
}
.colD .bloc1 .contenu-bloc .conteneur-liste-normal,{
	margin-left:0px;	
}
.conteneur-produit{

}
.liste-produit{
	margin:auto;
}
.fiche-produit{
	width:130px;
	margin-left:14px;
	margin-right:6px;
	float:left;
}
.produits-bloc{
	width:121px;
}
.produits-bloc  .moyen-produit{
	width:121px;
	height:150px;
	overflow:hidden;
}
.produits-bloc .produit-bulle{
	width:121px;
	background:none;
	background-position:left 1px;
	background-repeat:no-repeat;
}
.produits-bloc .produit-bulle .description{
	width:115px;
	margin-top:5px;
	margin-left:0px;
	text-align:left;
}
.produits-bloc .produit-bulle .description{
	background-image: url(images/boutons/lien.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:2px;
}
.produits-bloc .produit-bulle .description .titre-produit{
	text-decoration:none;
	cursor:pointer;
	padding-left:7px;
	font-weight:bold;
	font-size:11px;
}
.colC .produits-bloc .produit-bulle .description .titre-produit{
	color:#295c9c;
}
.colG .produits-bloc .produit-bulle .description .titre-produit,.colD .produits-bloc .produit-bulle .description .titre-produit{
	color:#FFFFFF;
}
.colC .produits-bloc .produit-bulle .description .titre-produit:hover{
	color:#14324a;
}
.colG .produits-bloc .produit-bulle .description .titre-produit:hover,.colD .produits-bloc .produit-bulle .description .titre-produit:hover{
	color:#81bdee;
}
.colC .produits-bloc .produit-bulle .bloc-prix {
	color:#295c9c;
}
.colC .produits-bloc .produit-bulle .bloc-prix .prix-barre {
	color:#666666;
}
.colC .produits-bloc .produit-bulle .marque{
	color:#7fb645;
}
.produits-bloc .produit-bulle .bloc-prix  {
	color:#FFFFFF;
}
.produits-bloc .produit-bulle .bloc-prix .prix-barre  {
	color:#CCCCCC;
}
/* large */
.conteneur-liste{
	width:100%;
	background-image:url(images/produit/fond-large.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.conteneur-produit-large{
	width:100%;
	overflow:hidden;
}
.liste-produit-large{
	height:391px;
	margin:auto;
}
.fiche-produit-large{
	width:225px;
	height:height:391px;
	float:left;
}
.conteneur-scroll{
	width:854px;
	margin:auto;
	padding:0px;
}
.bloc-produit-col-droite  .conteneur-scroll{
		width:100%;
}
.bt-scroll-gauche,.bt-scroll-droite{
	float:left;
}
.scroll{
	float:left;
	background-image:url(images/produit/fond-scroll.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:810px;
	height:17px;
	padding:0px;
	margin-left:2px;
	margin-right:2px;

}

.bt-scroll{
	margin:0px;
	padding:0px;
	position:relative;
	margin-left:0px;
}
div#wn	{ 
    position:relative; 
    width:100%;
	height:391px; 
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
	
	width:854px;
	height:16px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; 
	left:20px; top:0;
    width:810px; 
	height:16px; 
    background: #336;
	background-image:url(images/produit/fond-scroll.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
  }
div#dragBar {
    position:absolute;
    width:100px;
	height:16px; 
	cursor:move;

  }  
.dragBarG{
	background-image:url(images/produit/bt-scrollG.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:50%;
	height:16px;
	float:left;
}
.dragBarD{
	background-image:url(images/produit/bt-scrollD.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:50%;
	height:16px;
	float:right;
}
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 

/* bloc large */


.produits-bloc-large{
	width:225px;
}
.produits-bloc-large .moyen-produit{
	width:225px;
	height:293px;
	overflow:hidden;
}
.produit-bulle{
	background-image:url(images/produit/bulle-large.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:98px;
	width:225px;
	overflow:hidden;
}
.produit-bulle .description{
	width:138px;
	margin:auto;
	
	margin-top:12px;
	height:30px;
	text-align:center;
}
.produit-bulle .description .titre-produit{
	text-decoration:none;
	cursor:pointer;
	color:#000000;
}
.produit-bulle .marque{
	text-decoration:none;
	cursor:pointer;
	text-decoration:none;
	color:#bd58db;
	font-size:11px;
	margin:auto;
	height:15px;
	text-align:right;
	border-bottom: solid 1px #bd58db;
}
.produit-bulle .marque a{
	text-decoration:none;
	color:#666666;
	font-size:11px;
	
}

.produit-bulle .bloc-prix{
	width:100%;
	margin:auto;
	text-align:center;
	font-weight:bold;
}
.produit-bulle .prix{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

.produit-bulle .prix-barre{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: line-through;
	line-height:18px;
	padding-top:2px;
	float:right;
}
.produit-bulle .prix-promo{
	
}

.Gbloc-produit{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bd58db;
	font-size: 11px;
	height:85px;
	margin-bottom:5px;
	padding-top:3px;
	
}
.Gbloc-produit .vignette-produit{
	float:left;
	position: relative;
	width:55px;
	margin-right:5px;
}
.Gbloc-produit .produit{
	float:left;
	width:320px;
}
.Gbloc-produit .bloc-prix{
	float:right;
	width:150px;
	text-align:right;
	margin:0;
	padding:0;
}
.Gbloc-produit .bt-ajout{
	text-align:right;
}
.Gbloc-produit .prix-barre{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #009933;
	text-decoration: line-through;
	line-height:16px;

}

.Gbloc-produit .notation, .notation-beige{
	margin:0px;
	float:left;
	margin-right:10px;
}
.Gbloc-produit .vignette-produit img{
	width:55px;
	margin-right:5px;
}
.Gbloc-produit .cdc{
	width:30px;
	height:26px;
	background-image: url(../Image/produits/picto/coeur.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	float:left;
	margin-top:2px;
}
.Gbloc-produit .titre-produit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3885AA;
	
}


.tri-large{
	width:800px;
	margin:auto;
}
.tri-affine{
	font-size:12px;
	color:#EEEEEE;
	width:550px;
	float:left;
}
.tri-affine span{
	text-decoration:underline;
}	
.tri-marque{
	font-size:12px;
	color:#EEEEEE;
	width:250px;
	float:left;
}
.tri-select{
	font-size:11px;
	color:#666666;
	border:solid 1px #666666;
	width:150px;
}	
.tri-nom{
	float:left;
	width:100px;
	overflow:hidden;
	text-align:right;
	
}
.tri-liste{
	clear:right;
}
.tri-ordre{
	float:right;
}
.tri-ordre img{
	float:right;
	margin-left:5px;
	margin-bottom:4px;
}
.rechercheAttente{
	background-color:#FFFFFF;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index:10000;
	width:100%;
	height:293px;
	margin:auto;
	opacity:0.5;
}
.checkListe{
	background-color:#DDDDDD;
	color:#000000;
}
/*---------------------------------fiche produits-------------------------------*/
.bloc-produit-container{
	overflow:auto;
}
.bloc-produit{
	margin:0px;
	padding:0px;
	margin:auto;
	overflow:auto;
	margin-bottom:100px;
}

.bloc-produit-photoContainer{
	float:left;
	margin-right:0px;
	width:210px;
}
.bloc-produit-photo{
	width:210px;
	margin:auto;
}
.photoProduit{
	height:210px;
}
.bloc-produit-photoSuite{
	margin-top:5px;	
	text-align:center;
}
.photo-suite{
	height:50px;
}

.bloc-produit-droite{
	float:left;	
	width:385px;
	margin-left:5px;
}
.bloc-produit-col-droite{
	float:right;	
	width:150px;
	background-color:#9b9b9b;
	height:inherit;
	background-image:url(images/produit/fond-col-droite.gif);
	background-repeat:repeat-y;
	padding-left:10px;
	color:#FFF;
}
.bloc-produit-droite .contenu-para{
	margin:0px;
	padding:0px;
	border: 1px dashed #272726;
	padding:10px;
}
.produit-promo,.produit-prix,.produit-solde{
	background-repeat:no-repeat;
	padding-left:20px;
	color:#3666a3;
	font-weight:bold;
	height:60px;
	
}
.produit-prix{
	background-image:url(images/produit/fond-prix.gif);
}
.produit-promo{
	background-image:url(images/produit/fond-promo.gif);
}
.produit-solde{
	background-image:url(images/produit/fond-solde.gif);	
}
.prix{
	font-size:24px;
	
}
.aff-prix{
	float:left;	
}
.prix input{
	font-size:24px;
	color:#3666a3;
	font-weight:bold;
	background:none;
	width:100px;
}
.prix-barre{
	text-decoration:line-through;
	font-weight:normal;
}
.apartirde{
	font-size:10px;
	color:#CCCCCC;
}
.bloc-produit-panier{
	width:250px;
	float:right;
}
.bouton-panier{
	width:139px;
	height:23px;
	background-image:url(images/produit/bouton-panier.gif);
	background-repeat:no-repeat;
	float:right;
	clear:both;
}
.no-stock{
	width:139px;
	height:23px;
	background-image:url(images/produit/no-stock.gif);
	background-repeat:no-repeat;
	float:right;
	clear:both;
}
.ligne3{
	font-size:12px;
	overflow:auto;
	padding:5px;
}
.ligne3 span{
	color:#3666a3;
}
.ligne3 .options{
	margin-right:5px;	
	background-color:#FFFFFF;
	color:#3666a3;
}
.input-quantite{
	background-color:#FFFFFF;
	border: 1px solid #bd58db;
	width:18px;
	color:#3666a3;
}
.prix-selection{
	color:#bd58db;
	background:none;
}
.bt-plus{
	color:#3666a3;
	background:none;
	width:17px;
	font-weight:bold;
	font-size:12px	;

}
.info-produit{
	margin-top:15px;
	overflow:auto;
}
.info-produit .ligne1 {
	background-color:#4F4F4F;
	color:#FFFFFF;
}
.info-produit .colone1 {
	background:none;
	color:#295c9c;
	float:left;
	font-size:12px;
	overflow:hidden;
	border-bottom:solid 1px #bd58db;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:12px;
	clear:left;
}
.info-produit .colone2 {
	float:left;
	color:#000000;
	font-size:12px;
	overflow:hidden;
	margin-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:12px;

}
.bloc-produit-col-droite{
	text-align:center;	
}
.bloc-produit-col-droite a img{	
	height:150px;
	margin-bottom:5px;
	margin-top:5px;
	
}
/* caddy */
.etapes img{
	margin-right:10px;
}
.etape-suivante{
	background-image:url(images/boutons/etape_suivante.gif);
	width:97px;
	height:25px;
	cursor:pointer;
}
.caddy-recap{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	padding-left:5px;
	margin-top:10px;
	margin-bottom:10px;
}
.caddy-recap .ligne-entete{
	background-color:#2b5e9d;
	color:#FFF;
	
}
.caddy-recap .ligne-entete td{

	border-right:solid 1px #FFF;
	
}
