/* ----------------------------------------------------------------------------------------------------------------------- */
/* -------------------                         LISTES DE PRODUITS                         -------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */


/* tete de gondole */
.tg_unite {
	width: 256px;
	height: 155px;
	float: left;
	position: relative;
}

.tg_bordure {
	border-right: 1px solid #c1c1c1 ;
}

.tg_unite_visuel {
	float: left;
	height: 115px;
	bottom: 0 ;
}


.tg_texte {
	float: left;
	width: 150px;
	margin: 10px 0 0 0 ;
	padding: 0px 0px 0px 10px;
	/*background: #aff ; */
}

.tg_plus_infos {
	text-align: right;
	top: 90px;
	position: absolute;
	width: 140px;
}

.tg_prix {
	color: #999;
	margin: 5px 0 5px 0 ;
}

.tg_prix strong, .liste_produits_prix strong {
	color: #333 ;
	font-size: 14px;
}

.tg_prix strike {
	color: #999;
}

.tg_btns , .liste_produits_btns {
	margin: 5px 0 0 0 ;
	float: left;
}



/* liste de produits */

.liste_produits {
	float: left;
	position: relative ;
	z-index:1;
}

.liste_produits h1 form {
	position: absolute ;
	z-index:1;
	top:2px;
	/* IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
  top: 4px; 
	right: 0;
	/* IE MAC voit un commentaire sur 3 lignes se terminant ici */
	margin-right: 20px ;
	text-transform: none ;
}
/* Safari hack : seulement safari (:empty) */
.liste_produits h1 form:empty
{
	width:270px;
}
.liste_produits h1 label {
	/* IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
	float: left;
	display: block;	
	padding: 2px;
	/* IE MAC voit un commentaire sur 3 lignes se terminant ici */
}

.liste_produits h1 select, .liste_produits h1 input {
	font-size: 9px; 
	vertical-align: middle ;
}
.liste_produits h1 select, .liste_produits h1 select{
	width:190px;
}

.liste_produits .pertinence
{
	margin: 0 0 10px 0;
}
.liste_produits .pertinence span
{
	/* float:left;
	width:55px; */
}

.liste_produits .jauge_pertinence
{
	float:left;
	height:5px;
	font-size:0px;
	line-height:0px;
	width:40px;
	background-color:#C4C6C7;
	margin:5px 0 0 0;
}
.liste_produits .jauge_pertinence p
{
	background-color:#006DA0;
	height:5px;
	font-size:0px;
	line-height:0px;
}

.liste_produit_unite {
	padding: 5px 0 5px 0;
	color: #333 ;
	height: 120px;
}

.liste_produit_unite:hover {
	background: url(/images/commun/rollover_produits.jpg) 0 0 repeat-y ;
}


.liste_produits hr {
	float: left;
	display: block;
	border: 0;
	border-top : 2px dotted #C1C1C1;
	width: 771px; 
	height: 2px;
 	
 	color: #fff ;
 	background: #fff ;
 	
 	margin: 0;
 	_margin: -7px 0; /* iexplore hack */
 	padding: 0;
 	
}


.liste_produits_visuel {
	text-align: center; 
	float: left;
	width: 90px; 
	height: 120px;
	overflow: hidden;
}

.liste_produits_texte {
	text-align: justify ;
	/*background: #afa ; */
	float: left;
	width: 475px; 
	margin: 0 10px 10px 10px ;
}

.liste_produits_texte h2, .liste_produits_simplifiee_texte h2 {
	font-size: 12px;
	font-weight: bold ;
	line-height: 14px;
	margin-top: 9px;
	text-align: left ;
}

	
.liste_produits_texte h2 img, .liste_produits_simplifiee_texte h2 img {
	margin-right: 5px ;
}


.liste_produits_texte img, .liste_produits_simplifiee_texte img {
	float: left;
}

.liste_produits_texte p {
	clear: both;
}

.liste_produits_infos_courtes {
	border-left : 1px solid #C1C1C1;	
	float: left;
	width: 156px; 
	height: 110px;
	padding: 0 10px ;
}

.liste_produits_picto_mea {
	margin: 10px 0 0 0 ;
	text-align: center ;
}

.liste_produits .dispo_avp {
	font-weight: bold ;
	color: #008FD1;
}

.liste_produits_prix {
	border-left : 1px solid #C1C1C1;	
	float: left;
	width: 159px; 
	height: 120px;
	padding: 0 10px ;
	/*background: #aaf ; */
}


.liste_produits_pagination {
	clear:both;
	text-align:center;
	color: #11476F;
	font-weight: bold;
	margin: 0 0 10px 0 ;
}

.liste_produits_pagination a {
	text-decoration: none;
	font-weight: normal;
	color: #11476F ;	
}
.liste_produits_pagination a:hover {
	text-decoration: underline;
	color: #11476F ;	
}

.resultat_recherche
{
	padding:20px 20px 0 20px;
}

#recherche_contenu span
{
	padding: 0px 5px 20px 0 ;
	/*border: 1px solid #f00;*/
	vertical-align: middle ;
}

#texte_recherche_contenu {
	margin: 0 10px 8px 0 ;
}

.liste_produit_simplifiee_unite {
	width: 380px ;
	float: left;
	padding-top: 10px ;
	color: #333 ;
}

.liste_produit_simplifiee_visuel {
	text-align: center; 
	float: left;
	width: 170px; 
	height: 220px;
}

.liste_produits_simplifiee_texte {
	text-align: justify ;
	float: left;
	width: 180px; 
	margin: 0 10px 10px 0px ;
}

.bloc_les_cri {
	width: 772px;
	background: url(/images/categories/cri_header_fond.gif) repeat-x top left #fff ;
	text-align: left;
	margin-top: -6px;
	border-right: 1px solid #7f7f7f;
}

.cri_bloc {
	width: 192px;
	float: left;
	border-left: 1px solid #7f7f7f;
	background; #faa;
}

.cri_bloc h2 {
	font-size: 11px;
	font-weight: bold;
	color: #333 ;
	padding: 4px 0 2px 5px ;
	margin: 0 ;
}

.cri_frame {
	overflow: auto ;
	width: 180px;
	height: 60px;
	border: 1px solid #fff;
	margin: 5px 0 2px 5px ;
	color: #666 ;
}


.cri_frame a {
	font-weight: normal;
	color: #666 ;
	line-height: 14px;
	text-decoration: underline;
}

.cri_bloc_choisis {
	background: url(/images/categories/cri_header_fond_choisis.gif) repeat-x top left;
}

.cri_bloc_choisis h2 {
	color: #fff;
	text-transform: uppercase ;
}

.cri_bloc_choisis .cri_frame a {
color : #003366 ;
text-decoration : none ;
}
.cri_bloc_choisis .cri_frame a:hover {
color : #003366 ;
text-decoration : underline ;
}

.cri_frame ul li {
		list-style-type : none ;
}

.cri_frame ul li {
		background: url(/images/commun/microapp/fleche_mini.gif) 5px 5px no-repeat ;
		padding-left: 15px ; 
		margin-left: 0px;
}






/* ----------------------------- virtual combobox ------------------------------------    */

.cb_completediv
{
	font-size:11px;
	font-family: Arial, sans-serif, Helvetica;
	border:1px solid #7C7C7C;/*B3B9C3*/
	padding:0;
	margin:0;
	z-index:60;
	display:none;
  position:absolute;
	/*top:0;
	left:0;*/
  background-color:white;
	word-wrap:break-word;
}

.liste_produits h1 .virtual_cb .cb_completediv
{
	font-size:9px;
	width:180px !important;
}

.cb_res_normal
{
	background-color:white;
	color:black;
}
.cb_res_sel
{
	background-color:#3366cc;
	color:white;
}

.cb_ligne_res
{
	display:block;
	padding-left:3px;
	padding-right:3px;
	height:16px;
	overflow:hidden;
}
.liste_produits h1 .cb_ligne_res
{
	height:14px;
}

.cb_res_label
{
	width:100%;
	cursor:default;
	float:left;
	margin:0;
	padding:0;
}

.cb_res_value
{
	display:none;
}


.virtual_cb
{
	float: right;
	clear:both;
	margin:2px 0 0 20px;
}

.recherche_normal
{
	width:104px;
	margin:2px 0 2px 0;
	height:19px;
	padding:0 0 0 2px;
}

.recherche_normal_v
{
	border:1px solid #7C7C7C;/*B3B9C3*/
	font-size:11px;
	line-height:14px;
	padding:2px 0px 3px 2px;
	margin:2px 0 2px 0;
	width:104px;
}

input.vcb_label 
{
	display:none;
	float:left; 
	border:1px solid #7C7C7C;/*B3B9C3*/
	/*height:21px;*/
	margin:0 -4px 0 0px;
	font-size:11px;
	line-height:14px;
	padding:2px 0px 3px 2px;
	width:90px;
}
input.vcb_label_liste 
{
	display:none;
	float:left; 
	border:1px solid #7C7C7C;/*B3B9C3*/
	/*height:21px;*/
	margin:0 -4px 0 0px;
	font-size:9px;
	line-height:12px;
	padding:2px 0px 1px 2px;
	width:90px;
}

.vcb_value
{
	display:none;
	margin:0;
	border:0;
	padding:0;
}
.cb,.cb_inv
{
	float:left;
	border:1px solid #7C7C7C;
	height:21px;
	width:110px;
	display:block;
	padding:0 0 0 2px;
	margin:0 !important;
}
.cb_inv
{
	display:none;
}
.cb option,.cb_inv option
{
	padding:0 0 0 2px;
}	
.vcb_img
{
	float:left; 
	display:none;
	/*vertical-align:top;*/
	/*
	position:absolute;
	top:0;
	right:14px;*/
}
.liste_produits h1 .vcb_img
{
	margin:0 5px 0 0;	
}

.ancre_cb
{
	position:relative;
	z-index:2;
	/*margin-left:20px;*/
}
.menu input.btn_thema_ok, .menu input.btn_thema_ok_1
{
	display:none;
	padding:0;	
	float:right; 
	margin:1px 9px 0 0 !important;
}
.menu input.btn_ok
{
	padding:0;	
	float:right; 
	margin:1px 9px 0 0 !important;
}
.menu input.btn_thema_ok_1
{
	display:inline;
}

.img_chargement
{
	float:left;
	margin:0 0 0 20px;
	display:none;
}
.img_chargement_ss
{
	float:left;
	margin:-3px 0 0 5px;
	display:none;
}

.search_suggest_div
{
	width:200px; 
	float:left; 
	text-align:left;
}

.search_suggest_div .cb_res_value
{
	display:inline;
	float:right;
	width:36px;
	font-size:10px;
	text-align:right;
	color:green;
	padding:1px 0 0 0;
	margin:0;
}



/*-----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------            Tableau Comparatif                    -------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
.comparatif_tableau {
	border-collapse: collapse;
	width: 773px;
}

.comparatif_tableau h2 {
	margin: 0 ;
	font-size: 12px;
}
.comparatif_tableau em {
	font-weight: normal;
}

.comparatif_tableau th {
	text-align: left;
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	padding: 5px;
	width: 142px;
	vertical-align: top ;
}

.comparatif_tableau td {
	border: 1px solid #7f7f7f;
	width: 142px;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------            Tableau Comparatif                    -------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
.comparatif_tableau {
	border-collapse: collapse;
	width: 773px;
}

.comparatif_tableau h2 {
	margin: 0 ;
	font-size: 12px;
}
.comparatif_tableau em {
	font-weight: normal;
}

.comparatif_tableau th {
	text-align: left;
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	padding: 5px;
	width: 142px;
	vertical-align: top ;
}

.comparatif_tableau td {
	border: 1px solid #7f7f7f;
	width: 142px;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------            Pages catégories & co                 -------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

.categorie_headpic {
	float: left;
	width: 194px;
	height: 100px;
	vertical-align: bottom;
}

.categorie_head_contenu {
	float: left; 
	width: 330px;
	margin: 10px;
}

.categorie_menu_droit {
	float: left;
	width: 204px;
	height: 88px;
	background: url(/images/categories/fond_decouvrez.gif) no-repeat; ;
	padding: 25px 5px 5px 5px ;
	margin: 5px 0 0 0 ;
}

.categorie_menu_droit ul {
	margin: 0 0 0 0px;
	list-style:none;
}

.categorie_menu_droit ul li {
	background: url(/images/categories/li_fleche.gif) 5px 5px no-repeat ;
	padding-left: 15px ; 
}

.categorie_menu_droit ul li a {
	font-weight: normal;
	color: #333 ;
}

.categorie_head_nav {
	float: left; 
	width: 250px;
	margin: 0 10px;
}

.demi_bloc {
	float: left;
	width: 345px;
	height: 156px;
	padding: 2px 10px 20px 26px;
	background: url(/images/categories/demi_bloc.gif) no-repeat; ;
	text-align: left;
}

.demi_bloc h2 {
	text-transform: uppercase ;
	color: #008fd1 ;
	margin: 0 ;
	padding: 8px 0 0 0;
	font-size: 13px;
}

.demi_bloc_liste {
	float: left;
	width: 210px;
}

.demi_bloc_liste h2, .categorie_head_nav h2 {
	margin: 0 0 10px 0 ;
	color: #008FD1 ;
}

.demi_bloc_liste ul, .categorie_head_contenu ul, .categorie_head_nav ul {
	margin: 0 0 0 0px;
	list-style:none;
}

.demi_bloc_liste ul li, .categorie_head_contenu ul li, .categorie_head_nav ul li {
	/*background: url(/images/categories/puce_menu.gif) 5px 5px no-repeat ;
	padding-left: 15px ; 
	font-size: 11px;
	*/
	background: url(/images/commun/microapp/fleche_mini.gif) 5px 3px no-repeat ;
	padding-left: 15px ; 
	margin-left: 0px;
	font-size: 11px;
	
}

.demi_bloc_liste ul li a, .categorie_head_contenu ul li a , .categorie_head_nav ul li a {
	font-weight: normal;
	color: #333 ;
}

.demi_bloc_liste form {
	background: url(/images/categories/puce_menu.gif) 5px 8px no-repeat ;
	padding-left: 15px ; 
	margin: 2px 0 0 0 ;
}

.demi_bloc_produit {
	float: left;
	width: 120px;
	margin: 0 0 0 10px;
	text-align: center;
}

/* PAPIERS */
.bloc_papier {
	float: left;
	width: 261px;
	height: 132px;
	margin: 0 10px 0 0 ;
}


.bloc_papier h2 {
	font-size: 12px;
	text-align: left;
	margin: 5px 0 5px 10px;
	padding: 0 ;
}
.bloc_papier_lien a{
	/* background: #faa; */
	display: block;
	width: 136px;
	height: 90px;
	text-align: left;
	padding: 0 5px 0 120px;
	color: #333;
	font-weight: normal;
}

.cat_papiers_liste {
	float: left; 
	width: 542px;
}

.cat_papiers_menu {
float: left; 
width: 231px;
}



/*-----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------            MultiSel - afficheur.cfc              -------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

#panier_bar
{ 
	background: white url('/images/commun/microapp/panier_fixedbar_bas.png') no-repeat bottom;

	width: 771px;
	
	height: auto !important;
	height: 80px;
	min-height: 80px;
	
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.panier_bar_fixed
{
	
}

#panier_list_brd
{
	float: left;
	margin: 10px 0 10px 10px;
	width: 615px;
}

.panier_item
{
	float: left;
	height: 55px;
	margin: 0 15px 3px 0;
}
.panier_item .cmd
{
	float: left;
	margin: 6px 2px 0 0;
}
.panier_item .vin
{
	float: left;
}
.panier_item a, span
{
	margin: 2px;
}

.multisel_item
{
	float: left;
	margin: 7px 6px 7px 6px;
	width: 177px;
	text-align: center;
}

.multisel_item .titre
{
	height: 40px;
	margin: 3px 15px 3px 15px;
	font-weight: bold;
	color: #008FD1;
}
.multisel_item .vin
{
	min-height: 123px;
	height: auto !important;
	height: 123px;
}

.multisel_item_cmd
{
	width: 100%;
	height: 50px;
}
.multisel_item_cmd td
{
	background-color: #DAE8F1;
	vertical-align: middle;
}
.multisel_item_cmd .prix
{
	width: 55px;
	text-align: center;
	font-weight: bold;
}
.multisel_item_cmd .chk
{
	text-align: left;
}

.multisel_item_cmd input
{
	vertical-align: middle;
}

.multisel_plus_infos {
	font-weight: normal !important;
	color:#333 !important;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------     Page gamme & son équivalent dans liste_produits     -------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
.pub_gamme {
	width: 771px ;
	height: 129px;
	margin-bottom: 0;
}
	
.pub_gamme_masque {
	width: 773px ;
	height: 131px;
	background: url(/images/commun/microapp/masque_gamme.gif) no-repeat ;
}

.gamme_accroche_desc {
	background: url(/images/commun/microapp/separ_vertical.gif) 290px 0 repeat-y;
}

.gamme_accroche {
	float: left;
	width: 280px;
	padding: 10px ;
	
	font-size: 14px;
	font-weight: bold ;
	color:#1B8DBD;
	/*border-right : 1px	solid #C1C1C1 ;	*/
}

.gamme_accroche h2 {
	margin: 0 0 5px 0 ;
	padding: 0;
	font-size: 14px ;
}
.gamme_accroche li {
	font-size: 12px;
	color:#1B8DBD;
	margin: 0 0 0 20px;
}


.gamme_descriptif {
	float: left;
	width: 400px;
	/*border-left : 1px	solid #C1C1C1 ;	*/
	padding: 10px ;
	
	text-align: justify ;	
	color: #333 ;
}

.gamme_prod_avant_img {
	margin-top: 5px;
	text-align: center;
	width: 200px; 
	float: left;
	
}

.gamme_prod_avant_centre {
	margin-top: 5px;
	float: left;
	width: 331px;
	/* background: #eef; */
}

.gamme_prod_avant_centre h3 {
	
	text-align: center; 
	font-size: 20px ;
	line-height: 21px;
}

.gamme_prod_avant_centre em {
	 display: block;
	 float: right;
	 font-style: normal ;
}

.gamme_prod_avant_screens {
	/* background: #efe; */
	float: left;
	width: 200px;
	padding: 0 20px;
	color:#1B8DBD;
	text-align: center; 
}


.gamme_prod_avant_screens img {
	margin-top: 10px;
}

.gamme_prod_avant_bas {
	clear: both;
}

.gamme_prod_avant_eval {
	float: left;
	width: 200px; 
	padding: 5px 0;
	text-align: center; 
}

.gamme_prod_avant_prix, .gamme_prod_avant_prix_dl  {
	float:left;
	width: 150px;
	color:#333;
	font-size:15px;
	font-weight:bold;
	line-height: 25px;
}

.gamme_prod_avant_prix .prix {
	height: 25px;
}

.bloc_prix_telechargement {
	height: 25px;
}

.prix_barre {
		text-decoration:line-through;
}