/* opeaucelle aout 2009 */

html,
body
{	background: #7d197b url(picto/gradient.jpg) repeat-x 0 0;
}

/**************/
/*   general */
/**************/

#boutique img
{	border: none ;
}

#boutique h3
{	font-size: 12px ;
}

#boutique ul
{	list-style: none ;	
}
#boutique li
{	list-style: none ;	
}
#boutique select
{	border: 1px solid #999 ;
	font-size: 1.3em ;
}
#boutique .clear
{	clear: both ;
}

/**************/
/*   viewAll    */
/**************/


div#viewAll
{	margin: 0 ;
	position: relative ;
}
div#viewAll input
{	vertical-align: top ;
}


/* en tete */

div#viewAll div.top{
	text-align : center ;
	width: 100% ;
}

/* titre */
div#viewAll div.title
{	margin-bottom: 15px ;
}
div#viewAll div.title div.nbProd
{	font-size: 12px ;
	font-weight: bold ;
}

/* ordre de tri */

div#viewAll #ordre_tri select
{	border: 1px solid gray ;
	font-size: 11px ;
}
div#viewAll #ordre_tri label
{	font-size: 11px ;
}


/**************/
/*      recherche     */
/**************/
form#form_search
{	margin-left: 150px ;
}
form#form_search div.go
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	background: url(../images/coverflow/ok.jpg) no-repeat ;
	height: 16px ;
	width: 16px ;
	
	text-decoration: none ;
}
html > body form#form_search a.go
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}
form#form_search a.go:hover
{	background: url(../images/coverflow/okOver.jpg) no-repeat ;
}

div.aucunResultat
{	background: url(../images/coverflow/aucun-resultat.jpg) no-repeat ;

	height: 200px ;
	width: 600px;

	text-align: center ;
	
	font-size: 16px;
	
	padding-top: 20px ;
	padding-left: 30px ;
}

div.aucunResultat p.search_string
{	font-style: italic ;
}
div.resultat
{	font-size: 16px;
	font-weight: bold ;
	color: #606 ;
	text-align: center ;

	margin : 0 ;
	margin-bottom: 10px ;
}

div.aucunResultat p
{	width: 300px ;

	padding-left: 120px ;
	padding-top: 20px ;
}


/***********************/
/* liste des produits */
/***********************/


/* genreList : affichage des produits par genre */

table#genreList
{	position: relative ;
	
	border-collapse: collapse ;
	margin-top: 20px ;
	
	background: white ;
	border: 1px solid #bbb ;
	width: 480px ;
	margin: 0 auto ;
}
table#genreList th,
table#genreList td
{	vertical-align: top ;
	text-align : center ;
}
table#genreList th.withBorder,
table#genreList td.withBorder
{	border-right: 1px solid #ccc ;
}

/* un produit dans genreList */

table#genreList td a:link,
table#genreList td a:visited
{	text-decoration: none ;
}

table#genreList td div.item
{	position: relative ;
	width: 130px ;
	height: 180px ;
	margin-left: 15px ;
}
table#genreList td div.item img.prodPicto /* picto operation */
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	position: absolute ;
	
}
html > body table#genreList td div.item img.prodPicto /* picto operation */
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
	
}


table#genreList td div.item img.prodImg /* image du produit */
{	height : 130px ;
	width : 130px ;

	
}
table#genreList td div.item div.prodDesc /* div qui contient la description */
{	text-align : center ;
	padding : 0 10px;
	font-size: 10px ;
}

table#genreList td div.item div.prodDesc div.ligneMark
{	margin-top : 20px ;
	color: #666 ;
	text-decoration: none ;
}
table#genreList td div.item div.prodDesc div.lignePrix
{	margin-top : 10px ;
	color: #666 ;
	text-decoration: none ;
}
/* etiquette : ligne1 */

table#genreList td div.item div.prodDesc a.details
{	padding-left: 15px ;
	text-transform: uppercase ;	
	text-align: left ;

	text-decoration : none ;
	cursor: pointer ;
	color: #333 ;
}

table#genreList td div.item div.prodDesc a.details
{	background: url(picto/viewAll/details.gif) no-repeat ;
}
table#genreList td div.item div.prodDesc a.details:hover
{	background-position: 0 -25px ;
}


/* un genre */

table#genreList th
{	color: #666 ;
	font-weight: bold ;
	font-size: 10px ;
	text-align: center ;
	cursor: pointer ;
	
	padding-bottom: 20px; 
}
table#genreList th:hover /* ne marche qu'avec FF */
{	text-decoration: underline ;
}
table#genreList th span.titre
{	font-size: 1.3em ;
}


/**************/
/*      liste produits */
/**************/
div.lstProd
{	background: url(picto/viewAll/divMiddle.gif) repeat-y ;
	width: 480px ;
	min-height: 480px ;
	height: auto ! important ;
	height: 480px ;
	margin: 0 auto ;
	position: relative ;

	padding-top: 5px ;
}
/* titre */
div.lstProd h1
{	font-size: 12px; 
	font-family: Times; 
	color: #969 ;
	font-weight : bold ;
	
	margin-top: 3px  ;
	margin-bottom: 5px ;
	text-align: center ;
}

/* un produit */
div.lstProd div.item
{	float: left ;
	position: relative ;

	width: 151px !important; 
	width: 149px ;
	height : 190px ;
	overflow: hidden ;
	border: 1px solid white ;
	
	margin: 5px 0 5px 6px ;
	padding: 0 ;
	
	text-align: center ;
}

/* image du produit */
div.lstProd img.prodImg 
{	width: 140px ;
	height: 140px ;
	
}
/* picto operation */
div.lstProd img.prodPicto 
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	width: 140px ;
	height: 140px ;

	position: absolute ;
	
}
html > body div.lstProd img.prodPicto 
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
	
}

/* etiquette */

div#viewAll div.etiquette a,
div#viewAll div.etiquette span
{	font-size: 10px ;
	color: #666 ;
}

div#viewAll div.etiquette img.etiquette /* etiquette : image de l'étiquette  */
{	display: none ;
	
s}

/* etiquette : ligne1 */

div#viewAll div.etiquette div.ligneDressing a.details,
div#viewAll div.etiquette div.ligneDressing a:link,
div#viewAll div.etiquette div.ligneDressing a:visited
{	padding-left: 15px ;
	text-transform: uppercase ;	
	text-align: left ;

	text-decoration : none ;
	cursor: pointer ;
	color: #333 ;
}

div#viewAll div.etiquette a.details
{	background: url(picto/viewAll/details.gif) no-repeat ;
}
div#viewAll div.etiquette a.details:hover
{	background-position: 0 -25px ;
}

/* etiquette : marque */

div#viewAll div.etiquette div.ligneMark
{	
}
div#viewAll div.etiquette div.ligneMark span.mark
{	font-weight: bold ;
	font-size: 10px ;
}

/* etiquette : prix_actuel */

div#viewAll div.etiquette div.lignePrix span.prix_actuel
{	font-weight: bold ;
	font-size: 12px ;
}
/* etiquette : prix_origine */

div#viewAll div.etiquette div.lignePrix span.prix_origine
{	font-weight: normal ;
	color: #555 ;
	text-decoration: line-through;
}

/* cursor de la barre (invisible) */
div#viewAll div#ascenseur div#cursor
{	display: none ;
}


div#viewAll div#divSelectMarque
{	
}

div#viewAll div#selectMarqueMain
{	
}

div#viewAll div#selectMarqueMain h2
{	
}

div#viewAll div#selectMarqueMain div.selectMarque
{	
}

div#viewAll div#selectMarqueMain div.selectMarque a:link,
div#viewAll div#selectMarqueMain div.selectMarque a:visited
{	
}

div#viewAll div#selectMarqueMain div.selectMarque ul2
{	list-style: none ;
}
div#viewAll div#selectMarqueMain div.selectMarque ul2 li span
{	margin-left: 5px ;
}
div#viewAll div#selectMarqueMain div.selectMarque div.bottom
{	margin-top: 5px ;
}
div#viewAll div#selectMarqueMain div.selectMarque div.bottom
{	text-align: center ;
}


/* fiche produit, zone photos */

div#lstImg
{	overflow: hidden ;
}
div#lstImg div.nav
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	cursor: pointer ;
}
html > body div#lstImg div.nav
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}

div#lstImg h2
{	text-align: center ;
	margin: 0 ;
	padding: 0 ;
}
div#lstImg div.produitMiddle img
{	cursor: pointer ;
	
}
div#lstImg table#sliderIn
{
}
div#lstImg table#sliderIn img
{	cursor: pointer ;
	border: 1px solid white ;	
	
}
div#lstImg table#sliderIn img:hover,
div#lstImg table#sliderIn img.current
{	border: 1px solid #bbb ;
}
div#lstImg div.button1 img
{	position: relative ;
	top: 40px ;
	
}
div#sliderOut
{	overflow: hidden ;
	position:relative ;
	text-align : left ;
}
div#sliderOut table
{	position: relative ;
	left: 0px ;
}
div#sliderOut table td.button img.left,
div#sliderOut table td.button img.right
{	cursor: pointer ;
}
div#lstImg div.produitBottom 
{	text-align: center ; 
}
div#lstImg div.produitBottom div.btt
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	cursor: pointer ;
}
html > body div#lstImg div.produitBottom div.btt
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}

div#lstImg div.produitBottom div#sliderOut
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */
}
html > body div#lstImg div.produitBottom div#sliderOut
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}

/* menu */

ul.bandeau li div.go
{	display:inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */
	cursor: pointer ;
}
html > body ul.bandeau li div.go
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */	
	display: inline !important! ; /* spec. IE 7 et IE 8 */	
}
ul.bandeau li input
{	margin: 0 ;
	padding: 0 ;
	border:  0;
	height: 16px ;
	vertical-align: top ;
}

/* gabarit */

table#boutique
{	width: 630px ;
	margin: 0 ;
	background : #fff ;
}

table#boutique td.boutiqueLeft,
table#boutique td.boutiqueCenter
{	vertical-align: top ;
}
table#boutique td.boutiqueLeft
{	width: 130px ;
}
table#boutique td.boutiqueCenter
{	width: 550px ;
}

/* menu */

ul.bandeau
{	background: #606 ;
	width: 120px; 
	overflow-x: hidden ;
	padding: 5px ;
	padding-bottom: 5px ;
	margin-bottom: 5px ;

	list-style: none ;
}

ul.bandeau li
{	color: white;
}
ul.bandeau li.azur
{	background: url(picto/numeroAzur.gif) no-repeat ;
	padding-top: 15px ;
	font-size: 9px ;
	text-align: center ;
}

ul.bandeau li.titre
{	text-align: center ;
}
ul.bandeau li.titre a,
ul.bandeau li.titre a:link,
ul.bandeau li.titre a:visited
{	color: white ;

	font-size: 1.15em ;
	font-weight: bold ;
	text-decoration: none ;
}
ul.bandeau li.titre a:hover
{	text-decoration: underline ;
}

ul.bandeau li.space
{	margin-top: 2em ;
}

ul.bandeau li input
{	color: white;
}
ul.bandeau li input.search
{	width: 90px ;
	color: black ;
	font-size: 0.9em ;
	
}
ul.bandeau li div.go
{	width: 16px ;
	height: 18px ;
	background: url(picto/zoom.gif) no-repeat 0 0 ;
}
ul.bandeau li.level0
{	width: 118px ;
	padding: 0 ;
}
ul.bandeau li.level0 div.level0
{	width: 108px ;
	height: 16px ;
	padding: 5px ;
	padding-top: 8px ;
 	background: url(picto/menu/menuMiddle.gif) no-repeat 0 0 ;
	cursor: pointer ;
	overflow: hidden ;
}
ul.bandeau li.level0:hover div,
ul.bandeau li.current2 div.level0
{	background-position: 0 -29px ;
}
ul.bandeau li.level0First div.level0
{	background-image: url(picto/menu/menuFirst.gif) ;
}
ul.bandeau li.level0Last  div.level0
{	background-image: url(picto/menu/menuLast.gif) ;
}
ul.bandeau li.level0First:hover div,
ul.bandeau li.level0Last:hover div
{	background-position: 0 -29px ;
}
ul.bandeau li.level0 a.level0,
ul.bandeau li.level0 a.level0:link,
ul.bandeau li.level0 a.level0:visited
{	font-size: 11px ;
	font-weight: bold ;
	color: white ;
	text-transform: uppercase ;
	text-decoration: none ;
}

ul.bandeau li.level0B
{	margin-top: 2px ;
	padding: 2px 5px ;
	color: white ;
}
ul.bandeau li.level0B a
{	font-size: 10px ;
	color: white ;
}

ul.bandeau li.level0 ul.level1
{	padding: 5px 0 ;
	background: url(picto/menu/menuLevel1.gif) repeat-y 0 0 ;
}

ul.bandeau li.level1
{	color : #606 ;
	padding: 2px 5px ;
}
ul.bandeau li.logo
{	text-align: center ;
}
ul.bandeau li.level1 a
{	font-size: 11px ;
	font-weight: bold ;
	color: #606 ;
	text-decoration: none ;
}
ul.bandeau li.level2
{	color : #606 ;
	padding: 2px 5px 2px 10px ;
}
ul.bandeau li.level2 a,
ul.bandeau li.level2 a:link,
ul.bandeau li.level2 a:visited
{	font-size: 10px ;
	color: #606 ;
	text-decoration: none ;
}
ul.bandeau li.level2 a:hover,
ul.bandeau li.level2 a.current
{	font-size: 10px ;
	color: #c09 ;
	text-decoration: underline ;
}

/* menu2 */

ul.bandeau2
{	background: #dddad4 ;
	border: 1px solid #bbb ;
	width: 108px; 
	overflow-x: hidden ;
	padding: 5px 10px ;
	padding-bottom: 5px ;
	margin-bottom: 5px ;
}
ul.bandeau2 li a,
ul.bandeau2 li a:link,
ul.bandeau2 li a:visited
{	font-size: 10px ;
	color: #606 ;
	text-decoration: none ;
}
ul.bandeau2 li a:hover,
ul.bandeau2 li a.current
{	font-size: 10px ;
	color: #c09 ;
	text-decoration: underline ;
}

td.boutiqueLeft div.lateral
{	
}
td.boutiqueLeft div.lateral img
{	margin-bottom: 5px ;
	
}

/* zone panier (en haut) */

div#head
{	width: 480px ;
	height: 80px ;
	border-bottom : 1px solid #bbb; 
	
	margin: 0 auto ;
}

/* zone HEAD */

div#monPanier
{	float: right ;
	background: url(picto/panier/monpanier.gif) no-repeat 0 0;
	width: 115px ;
	height: 72px ;
	color: #606 ;
	cursor: pointer ;
}
div#monPanier:hover
{	background-position: 0 -72px ;
}
div#monPanier div.quantite
{	color: #606 ;
	position: relative ;
	top: 39px ;
	font-weight: bold ;
	width: 23px ;
	text-align: center ;
	margin-right: 94px ;
}

/* panier */

table#panier
{	margin: 1em auto ;
	width: 480px ;
	border-collapse: collapse ;
}
table#panier th
{	padding: 5px ;
	background: #eeb ;
	text-align: center ;
	height: 25px ;
}
table#panier th.left
{	background: url(picto/panier/left.gif) no-repeat ;
}
table#panier th.center
{	background: url(picto/panier/center.gif) no-repeat ;
}
table#panier th.right
{	background: url(picto/panier/right.gif) no-repeat right top ;
}
table#panier td
{	border-bottom: 1px solid #bbb ;
}
table#panier tr.odd td
{	background-color: #FFF ;
}
table#panier tr.even td
{	background-color: #fdfcfb ;
}
table#panier tr.odd td.left
{	background: url(picto/panier/trOdd.gif) repeat-y left top ;
}
table#panier tr.odd td.right
{	background: url(picto/panier/trOdd.gif) repeat-y right top ;
}
table#panier tr.even td.left
{	background: url(picto/panier/trEven.gif) repeat-y left top ;
}
table#panier tr.even td.right
{	background: url(picto/panier/trEven.gif) repeat-y right top ;
}
table#panier tr.trLast td.left
{	background: url(picto/panier/trLast.gif) no-repeat left top ;
}
table#panier tr.trLast td.right
{	background: url(picto/panier/trLast.gif) no-repeat right top ;
}
table#panier tr.trLast td
{	height: 20px ;
	padding: 2px 5px ; 
}
table#panier td
{	padding: 5px ;
	vertical-align: middle ;
	text-align: center ;
}
table#panier td,
table#panier td a
{	color: #606 ;
}
table#panier td.montant
{	text-align: right ;
	font-weight: bold ;
}
table#panier th.vide,
table#panier td.vide
{	width: 1px ;
	padding: 0 ;
}
table#panier td a.prix
{	font-size: 12px ;
	color: #606 ;
}
table#panier td a.supprimer
{	font-size: 12px ;
	color: #c30 ;
}


/* panier */

table#panier2
{	margin: 1em auto ;
	width: 480px ;
	border-collapse: collapse ;
}

table#panier2 tr.topOdd td.left
{	background: url(picto/panier/trTopOdd.gif) no-repeat left top ;
}
table#panier2 tr.topOdd td.right
{	background: url(picto/panier/trTopOdd.gif) no-repeat right top ;
}
table#panier2 tr.topEven td.left
{	background: url(picto/panier/trTopEven.gif) no-repeat left top ;
}
table#panier2 tr.topEven td.right
{	background: url(picto/panier/trTopEven.gif) no-repeat right top ;
}

table#panier2 tr.odd td.left
{	background: url(picto/panier/trOdd.gif) repeat-y left top ;
}
table#panier2 tr.odd td.right
{	background: url(picto/panier/trOdd.gif) repeat-y right top ;
}
table#panier2 tr.even td.left
{	background: url(picto/panier/trEven.gif) repeat-y left top ;
}
table#panier2 tr.even td.right
{	background: url(picto/panier/trEven.gif) repeat-y right top ;
}
table#panier2 tr.trLast td.left
{	background: url(picto/panier/trLast2.gif) no-repeat left top ;
}
table#panier2 tr.trLast td.right
{	background: url(picto/panier/trLast2.gif) no-repeat right top ;
}
table#panier2 td
{	padding: 5px ;
	color: #606 ;
}
table#panier2 td.right
{	text-align: right ;
}
table#panier2 td.right input
{	border: 1px solid #bbb ;
	cursor: pointer ;
}
table#panier2 tr.trLast td
{	height: 20px ;
	padding: 2px 5px ; 
}
table#panier2 td.montant
{	text-align: right ;
	font-weight: bold ;
}
table#panier2 td span.libelleBA
{	float: left ;
}

/* aucunArticle */

p.aucunArticle
{	margin: 0 auto ;
	padding: 5em 1em ;
	background: white ;
	height: 500px ;
	color: #606 ;
	text-align: center ;
}

/* */ 

div.validerPanier
{	background: url(picto/panier/valider.gif) no-repeat right 0 ;
	width : 480px ;
	height: 20px ;
	margin: 0 auto ;
	cursor: pointer ;
	margin-top : 5px ;
}
div.validerPanier:hover
{	background-position: right -20px ;
}

/* fiche produit */

table#ficheProduit
{	width: 480px ;
	margin: 0 auto ;
}

/* table lstImg */

div#lstImg div.nav
{	height: 25px ;
	display: inline ;
	float: left ;
}
html > body div#lstImg div.nav
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}

div#lstImg div.left
{	width: 73px ;
	background: url(picto/navLeft.gif) no-repeat 0 0 ;
	cursor: pointer ;
}
div#lstImg div.leftNoLink
{	width: 73px ;
	background: url(picto/navLeft.gif) no-repeat 0 -50px ;
	cursor: auto ;
}
div#lstImg div.center
{	width: 140px ;
	background: url(picto/navCenter.gif) no-repeat 0 0 ;
	cursor: pointer ;
}
div#lstImg div.centerNoLink
{	width: 140px ;
	background: url(picto/navCenter.gif) no-repeat 0 -50px ;
	cursor: auto ;
}
div#lstImg div.right
{	width: 73px ;
	background: url(picto/navRight.gif) no-repeat 0 0 ;
	cursor: pointer ;
}
div#lstImg div.rightNoLink
{	width: 73px ;
	background: url(picto/navRight.gif) no-repeat 0 -50px ;
	cursor: auto ;
}
div#lstImg div.left:hover,
div#lstImg div.center:hover,
div#lstImg div.right:hover
{	background-position: 0 -25px ;
}

div#lstImg div.produitMiddle
{	width: 276px ;
	height: 354px ;
	padding: 5px ;
	background: url(picto/produitMiddle.gif) repeat-y ;
}
div#lstImg div.produitMiddle h2
{	font-family: Times, serif ;
	font-size: 12pt ;
	font-weight: bold ;
	margin-bottom: 10px ;
	
	color: #969 ;
}

div#lstImg div.produitBottom
{	width: 286px ;
	height: 95px ;
	padding: 5px 0px ;
	background: url(picto/produitBottom.gif) repeat-y right bottom;
}
div#lstImg div.produitBottom div.flecheLeft
{	width: 31px;
	height: 80px ;
	background: url(picto/flecheLeft.gif) no-repeat 0 0 ;
}
div#lstImg div.produitBottom div.flecheRight
{	width: 31px;
	height: 80px ;
	background: url(picto/flecheRight.gif) no-repeat 0 0 ;
}
div#lstImg div.produitBottom div.flecheLeft:hover,
div#lstImg div.produitBottom div.flecheRight:hover
{	background-position: 0 -80px ;
}
div#sliderOut
{	width: 275px ;
	overflow: hidden ;
}
table#sliderIn,
table#sliderIn tbody,
table#sliderIn td
{	padding: 0 ;
}

/* general */

div#marque
{	width: 190px ;
}
div#marque div.marqueTop
{	width: 190px ;
	height: 10px ;
	padding: 0px ;
	background: url(picto/marqueTop.gif) no-repeat 0 0 ;
	overflow: hidden ;
}
div#marque div.marqueMiddle
{	width: 170px ;
	height: 354px ;
	padding: 10px ;
	background: url(picto/marqueMiddle.gif) repeat-y ;
	text-align : center ;
	overflow: hidden ;
}
div#marque div.marqueBottom
{	width: 190px ;
	height: 110px ;
	padding: 0 ;
	background: url(picto/marqueBottom.gif) no-repeat left bottom ;
	text-align : center ;
	overflow: hidden ;
}

div#marque div.op
{	text-align: center ;
}
div#marque div.mark
{	text-align: center ;
}
div#marque h1.productLabel
{	text-align: center ;

	font-size: 13pt;
}

/* price */
div#marque div.price
{	text-align: center ;
	margin: 15px 0 ;
}
div#marque div.price span.origine
{	text-decoration: line-through ;
	font-size: 15px ;
	color: #555 ;
	margin-right: 1em ;
}
div#marque div.price span.vente
{	color: #555 ;
	font-size: 17px ;
	font-weight: bold ;
}

/* color */
div.color
{	margin-top: 2em ;
}
div.color div.text
{	margin-left: 20px ;
	color: black ;
}
div.color a:link img,
div.color a:visited img
{	border:1px solid white ;
	cursor: pointer ;
}
div.color a:hover img
{	border:1px solid #555 ;
}

/* taille */
div#marque div.size
{	margin-top: 10px ;
	margin-bottom: 10px ;
}
div#marque div.size span
{	color: black ;
}

/* div ajout panier */

div#addPanier
{	width :140px ;
	height: 20px ;
	margin: 0 auto ;

	background: url(picto/ajoutPanier.gif) no-repeat ;
	cursor: pointer ;
}
div#addPanier:hover
{	background: url(picto/ajoutPanier.gif) no-repeat 0 -20px ;
}


/* onglets */

div#tab
{
}

/* line 1 */

div#tab div.line1
{	height: 25px ;
}
div#tab div.line1 div.tab div.tab2
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	height: 25px ;
	vertical-align: top ;
}
html > body div#tab div.line1 div.tab div.tab2
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}

div#tab div.line1 div.line
{	background: url(picto/tab/line.gif) repeat-x 0 0 ;
	width: 100px ;
}
div#tab div.line1 div.last
{	background: url(picto/tab/lineLast.gif) no-repeat 0 0 ;
	width: 50px ;
}
/* tab */
div#tab div.line1 div.tab div,
div#tab div.line1 div.current div
{	padding-top: 5px ;
}
div#tab div.line1 div.tab div.Left
{	background: url(picto/tab/left.gif) no-repeat 0 0 ;
	width: 10px ;
}
div#tab div.line1 div.tab div.Right
{	background: url(picto/tab/right.gif) no-repeat 0 0 ;
	width: 10px ;
}
div#tab div.line1 div.tab div.Center
{	background: url(picto/tab/center.gif) repeat-x 0 0 ;
}
/* current */
div#tab div.line1 div.current div.Left
{	background: url(picto/tab/currentLeft.gif) no-repeat 0 0 ;
	width: 10px ;
}
div#tab div.line1 div.current div.Right
{	background: url(picto/tab/currentRight.gif) no-repeat 0 0 ;
	width: 10px ;
}
div#tab div.line1 div.current div.Center
{	background: url(picto/tab/currentCenter.gif) repeat-x 0 0 ;
}


/* line 1 */

div#tab div.line2
{	background: url(picto/tab/X.gif) repeat-y 0 0 ;
	border: 1px solid #bbb ;
	border-top : none ;
	overflow: hidden ;
}


/**************/
/*      pagination     */
/**************/

div#viewAll div.pagination
{	width: 480px ;
	margin: 0 auto ;
	background: #bbb ;
}
div#viewAll div.pagination div
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	height: 20px; 
	padding-top: 5px ;
	text-align: center ;
}
html > body div#viewAll div.pagination div
{	display: -moz-inline-box  !important; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 */
}

div#viewAll div.pagination div a
{	color: #606 ;
	padding: 1px 5px ;
	border: 1px solid #dddad4 ;
}
div#viewAll div.pagination div a.current,
div#viewAll div.pagination div a:hover
{	border: 1px solid #bbb ;
	text-decoration: none ;
	background: white ;
}
div#viewAll div.pagination div.topLeft
{	background: url(picto/viewAll/topLeft.gif) no-repeat ;
	width: 73px; 
}
div#viewAll div.pagination div.topCenter
{	background: url(picto/viewAll/topCenter.gif) repeat-x ;
	width: 334px; 
}
div#viewAll div.pagination div.topRight
{	background: url(picto/viewAll/topRight.gif) no-repeat ;
	width: 73px; 
}
div#viewAll div.pagination div.bottomLeft
{	background: url(picto/viewAll/bottomLeft.gif) no-repeat ;
	width: 73px; 
}
div#viewAll div.pagination div.bottomCenter
{	background: url(picto/viewAll/bottomCenter.gif) repeat-x ;
	width: 334px; 
}
div#viewAll div.pagination div.bottomRight
{	background: url(picto/viewAll/bottomRight.gif) no-repeat ;
	width: 73px; 
}
div#viewAll div.pagination div.link
{	cursor: pointer ;
}
div#viewAll div.pagination div.link:hover
{	background-position: right -25px ;
}
div#viewAll div.pagination div.noLink
{	background-position: right -50px ;
}

/**************/
/*      filtre     */
/**************/

div#filter
{	width: 480px ;
	margin: 5px auto ;
}
div#filter div
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	height: 20px; 
	padding-top: 5px ;
	text-align: center ;
}
html > body div#filter div
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}
div#filter div#nbProd
{	background: url(picto/viewAll/filtreLeft.gif) no-repeat ;
	width: 110px; 
	color: white ;
}
div#filter div#divSel
{	background: url(picto/viewAll/filtreMiddle.gif) repeat-x ;
	width: 312px; 
	color: #606 ;
	cursor: pointer ;
}
div#filter div#divSel:hover
{	background-position: right -25px ;
	text-decoration: underline ;
}
div#filter div#divSel a,
div#filter div#divSel a:link
div#filter div#divSel a:visited
{	text-decoration: none ;
	color: #606 ;
}
div#filter div#divSel a:hover
{	text-decoration: underline ;
}
div#filter div#divTri
{	background: url(picto/viewAll/filtreRight.gif) no-repeat ;
	width: 58px; 
	color: #606 ;
	cursor: pointer ;
}
div#filter div#divTri:hover
{	background-position: right -25px ;
}
div#filter div#divTri a,
div#filter div#divTri a:link
div#filter div#divTri a:visited
{	text-decoration: none ;
	color: #606 ;
}
div#filter div#divTri a:hover
{	text-decoration: underline ;
}

div#viewAll div#ulSel
{	position: absolute ;
	display: none ;

	z-index: 10000;
	border: 1px solid #606 ;	
	background: white ;
}

div#ulSel img.close
{	position: absolute ;
	margin-left: 460px ;
	cursor: pointer ;
	z-index: 99999 ;
}

table.subFilter
{	padding: 5px ;
	color: #606 ;
	width: 520px ;
	margin: 0 auto ;
	
}
table.subFilter td
{	vertical-align: top ;
}
table.subFilter td h3
{	font-weight: bold ;
}
table.subFilter td.submit
{	text-align: center ;
}
table.subFilter td.submit input
{	height: 20px ;
	width: 60px ;
	background: url(picto/valider.gif) no-repeat 0 0 ;
	border: none ;
}
table.subFilter td.submit input:hover
{	background-position: 0 -20px ;
}
ul.subFilter li.submit
{	margin-top: 5px ;
	height: 20px ;
	background: url(picto/valider.gif) no-repeat center 0 ;
}
ul.subFilter li.submit:hover
{	background-position: center -20px ;
}
table.subFilter ul
{	list-style: none ;
}

div#viewAll ul.subFilter
{	padding: 5px ;
	color: #606 ;
	list-style: none ;
}
div#ulTri
{	display: none ;
	position: absolute ;
	border: 1px solid #606 ;
	
	width: 150px ;
	z-index: 10000;
	background: white ;
}
div#ulTri img.close
{	float: right ;
	cursor: pointer ;
}

div#viewAll div.colorList
{	float: left ;
	padding: 5px ;
	color: #606 ;
	z-index: 10000;
	background: white ;
}
div#viewAll div.colorList,
table.subFilter ul
{	float: left ;
	margin-right: 5px ;
	margin-bottom: 5px ;
}

div#viewAll ul.subFilter li label,
div#viewAll ul.subFilter li input
{	cursor: pointer ;
}

/* titre des filtres */
div#filter h2
{	font-size: 13px ;
	font-weight: bold ;
	color: #606;
}


/* filtre level 1 */
div#filter div.level1
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	margin-bottom: 5px ;
}
html > body div#filter div.level1
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}
/* filtre level 1 titre */
div#filter div.level1 h2
{	color: #606 ;
	font-size: 12px ;
	font-weight : bold ;
	overflow: hidden ;
}
/* filtre level 1 ul */
div#filter div.level1 ul,
div#filter div.colorList
{	display: none ;
	position: absolute ;
	background: white ;
	border: 1px solid gray ;
}


/* filtre color */
div#viewAll div.colorList
{	width: 150px ;
}
div#viewAll div.colorList div.color
{	float: left ;
	margin-left: 0px ;
}
div#viewAll div.colorList img
{	border: 1px solid white ;
}
div#viewAll div.colorList img.checked
{	border-color: #999 ;
}
/* filtre item_is_id */
div#filter_item_is ul li img
{	height: 30px; 
}

/* mes marques sélectionnées */
div#viewAll p.sublabel
{	display: none ;
}

/* clearFilter */
div#viewAll div.clearFilter
{	text-align: right ;
	width: 480px ;
	margin: 0 auto ;
}
div#viewAll div.clearFilter a,
div#viewAll div.clearFilter a:link,
div#viewAll div.clearFilter a:visited
{	cursor: pointer ;
	color: #606 ;
	font-size: 10px ;
}
div#viewAll div.clearFilter a:hover
{	text-decoration: underline ;
}

/* les marques */

table#lstMarque
{	width: 480px ;
	margin: 0 auto ;
}
table#lstMarque td
{	padding-top: 80px ;
	padding-left: 10px ;
	width: 160px ;
	vertical-align: top ;
}
table#lstMarque td.abc
{	background: url(picto/lettrine/abc.gif) no-repeat ;
}
table#lstMarque td.def
{	background: url(picto/lettrine/def.gif) no-repeat ;
}
table#lstMarque td.ghi
{	background: url(picto/lettrine/ghi.gif) no-repeat ;
}
table#lstMarque td.jkl
{	background: url(picto/lettrine/jkl.gif) no-repeat ;
}
table#lstMarque td.mno
{	background: url(picto/lettrine/mno.gif) no-repeat ;
}
table#lstMarque td.pqr
{	background: url(picto/lettrine/pqr.gif) no-repeat ;
}
table#lstMarque td.stu
{	background: url(picto/lettrine/stu.gif) no-repeat ;
}
table#lstMarque td.vwx
{	background: url(picto/lettrine/vwx.gif) no-repeat ;
}
table#lstMarque td.yz
{	background: url(picto/lettrine/yz.gif) no-repeat ;
}
table#lstMarque ul a,
table#lstMarque ul a:link,
table#lstMarque ul a:visited
{	text-decoration: none ;
}
table#lstMarque ul li.mark a
{	font-size: 12px ;
	color : #606 ;
	cursor: pointer ;
}
table#lstMarque ul li.mark a:hover,
table#lstMarque ul li.mark a.current
{	text-decoration: underline ;
	font-weight: bold ;
	color : #c09 ;
}

table#lstMarque ul li.saisons
{	display: none ;
}
table#lstMarque ul li
{	margin: 0 ;
}

table#lstMarque ul li ul.saison li.saison a
{	color: #666 ;
	font-weight: bold ;
}
table#lstMarque ul li ul.saison li.univers
{	margin-left: 5px ;
}
table#lstMarque ul li ul.saison li.univers a
{	color: #666 ;
	font-weight: bold ;
}
table#lstMarque ul li ul.saison li.ssUnivers
{	margin-left: 10px ;
}
table#lstMarque ul li ul.saison li.ssUnivers a
{	color: #666 ;
}
table#lstMarque ul li ul.saison li.ssUnivers a:hover
{	text-decoration: underline ;
	color: #c09 ;
}

/* description fiche produit */

div.desc
{	padding: 0 ;
}
div.desc div.top
{	background : url(picto/ficheProduit/descTop.gif) no-repeat ;
	width: 480px ;
	height: 25px ;
}
div.desc div.bottom
{	background : url(picto/ficheProduit/descBottom.gif) no-repeat left bottom ;
	width: 480px ;
	height: 10px ;
}
div.desc ul
{	border-left: 1px solid #bbb ;
	border-right: 1px solid #bbb ;
	background: white ;
	
	list-style: none ;
}
div.desc ul li.title
{	font-weight: bold ;
	margin-bottom: 10px ;
}
div.desc ul li p
{	padding : 5px 10px ;
	text-align: justify ;
	width: 458px ;
	
	background: white ;
}

/* page info (page statique) */

div.info
{	width: 480px;
	margin: 0 auto ;
	padding: 1em ;
}
div.info h1,
div.info h2
{	color: #606 ;
	font-weight: bold ;
	text-align: center ;

	margin: 1em 0 ;
}
div.info h1
{	font-size: 15px ;
}
div.info h2
{	font-size: 13px ;
}
div.info p
{	color: #606 ;
	text-align: justify ;
	font-size: 12px ;
}
div.info p a
{	color: #a36 ;
}

div.bttCde
{	height: 65px ;
}
div.bttCde a:link,
div.bttCde a:visited
{	color: #606 ;
}
div.livre
{	margin-top: 10px ;
}
div.livre a
{	color : #606 ;
	font-weight: bold ;
}
div.guide
{	margin-top: 20px ;
}
div.guide a
{	color : #555 ;
	cursor: pointer ;
}

/* guide des tailles */

div#opaque
{	background: #555 ;
	filter: alpha(opacity=50) ;
	-moz-opacity: 0.5 ;
	opacity: 0.5 ; 

	position: absolute ;
	left: 0 ;
	top : 0 ;
	width: 100% ; 
	height: 1000px ;

	z-index : 10000 ;
}
div#guide
{	background: none ;
	z-index : 10001 ;
	margin-top: 150px;
	position: absolute ;
	left: 0 ;
	top : 0 ;
	width: 100%; 
	text-align : center ;

	display: none ;
}
div#guide div.sub
{	background: white url(picto/closeBox.gif) no-repeat right 0 ;
	border: 2px solid #606 ;
	margin: 0 auto ;
	padding: 5px ;
	padding-top: 50px ;
	
	width: 700px ;
	min-height: 500px ;
}

/* accueil */

div#FlashAnim
{	background : transparent ;
	width : 480px ;
	margin: 0 auto ;
}
div.lstModel
{	width : 480px ;
	margin: 0 auto ;
}
div.lstModel a.model
{	display: inline ; /* spec. IE */
	zoom: 1 ; /* spec. IE */

	width: 150px ;
	height: 209px ;
	padding: 6px 3px ;
	margin-right: 2px ;
	
	background: url(picto/viewAll/contour.gif) no-repeat 0 0 ;
	overflow: hidden ;
	
	text-align: center ;
	text-decoration: none ;
}
html > body div.lstModel a.model
{	display: -moz-inline-box ; /* spec. firefox */
	display: inline-block !important; /* spec. safari */
	display: inline !important!; /* spec. IE 7 et IE 8 */
}

div.lstModel a.model:hover
{	text-decoration: none ;
}
div.lstModel a.model img.prodImg
{	width: 150px ;
	margin-bottom: 5px ;
}
div.lstModel a.model span
{	color: #888 ;
}
div.lstModel a.model span.details
{	text-transform: uppercase ;
	padding-left: 15px ;
	background: url(picto/viewAll/details.gif) no-repeat 0 0 ;
	font-weight: bold ;
}
div.lstModel a.model:hover span.details
{	color: #b33 ;
	background-position: 0 -25px ;
}
div.lstModel a.model span.marque,
div.lstModel a.model span.prix_actuel
{	font-weight: bold ;
}

/* zoom dans la fiche produit */

div#loupeProd
{	filter: alpha(opacity=50) ;
	-moz-opacity: 0.5 ;
	opacity: 0.5 ; 

	color: #333 ;
	background: #777 ;
	font-size: 9px ;
	text-align : center ;
	
	height: 100px ;
	width: 106px ;
	
	position: absolute ;
	
	cursor: pointer ;
	display: none ;
	z-index: 10000 ;
}

div#zoomProd
{	position: absolute ;

	left: 0 ;
	top: 0 ;
	
	height: 500px ;
	width: 530px ;
	
	overflow: hidden ;
	
	background: white ;
	
	border: 1px solid #555 ;
	display: none ;

	z-index: 10000 ;
}
div#zoomProd img
{	position: relative ;	
}


/* spécification des boutons */

a.button1 span.left
{	vertical-align: top ;
	background: url(picto/bouton/btt1Left.gif) no-repeat left top ;
	color: #fff ;
	cursor:pointer;
	display: inline-block;
	width: 165px;
	height: 17px;
	padding-top: 3px;
	font-size: 11px;
}
a.button1 span.right
{	vertical-align: top ;
	background: url(picto/bouton/btt1Right.gif) no-repeat right top ;
	cursor:pointer;
    display: inline-block;
    width: 5px;
	height: 17px;
	padding-top: 3px;
	font-size: 11px;
}
a.button1:hover span.left
{	color: #c30 ;
}
a.button2 span.left
{	vertical-align: top ;
	background: url(picto/bouton/btt2Left.gif) no-repeat left top ;
	color: #555 ;
}
a.button2 span.right
{	vertical-align: top ;
	background: url(picto/bouton/btt2Right.gif) no-repeat right top ;
}
a.button2:hover span.left
{	color: #c30 ;
}

/* specifique Gala */
#atc_topheader
{	display: none ;
}