
.hidden {
	visibility:hidden ;
}

.none {
	display:none ;
}

div.cadreimage {
	padding:4px 15px 6px 15px ;
	background:url('../gfx/cadre_photo_accueil.gif') ;
	height:150px ;
	width:150px ;
	margin-left:10px ;
	float:right ;
	overflow:hidden ;
}

h2.h2 {
	background:url('../gfx/h2.gif') no-repeat ;
	overflow:hidden ;
	height:31px ;
	width:612px ;
}

h2.txt {
	padding-left:11px ;
	padding-top:8px ;
	font-size:12px ;
	text-transform:uppercase ;
	font-weight:bold ;
}

h2.h2 img {
	margin-left:11px ;
	margin-top:8px ;
}

h2.h2h {
	background:url('../gfx/h2h.gif') no-repeat ;
	overflow:hidden ;
	height:40px ;
	width:558px ;
}

h2.h2b {
	background:url('../gfx/h2b.gif') no-repeat ;
	overflow:hidden ;
	height:43px ;
	width:603px ;
	margin:5px 0 10px 0 ;
}

h2.h2b img {
	margin-left:7px ;
	margin-top:16px ;
}

/*******************/
/****************** Cadres produits */
/*******************/

div.cp_left {
	float:left ;
	margin-right:4px ;
}

div.cp_right {
	float:right ;
	margin-left:4px ;
}

div.ligne_cadreproduit {
	height:175px ;
	overflow:hidden ;
}

div.cadreproduit_haut {
	width:149px ;
	height:175px ;
	background:url('../gfx/cadre_article_haut.gif') no-repeat ;
	overflow:hidden ;
}

div.cadreproduit_haut div.image {
	margin-left:15px ;
	margin-top:4px ;
	width:120px ;
	height:120px ;
	overflow:hidden ;
	text-align:center ;
	vertical-align:middle ;
}

div.cadreproduit_haut div.image img {
	vertical-align:middle ;
}

div.cadreproduit_haut div.droite {
	text-align:center ;
}

div.cadreproduit_haut h3 {
	color:#000 ;
	font-size:8px ;
	text-transform:uppercase ;
	overflow:hidden ;
	text-align:center ;
	display:block ;
	height:24px ;
}

div.cadreproduit_haut h3 a {
	font-size:9px ;
}

div.cadreproduit_haut h3 a:hover {
	text-decoration:none ;
	color:#666666 ;
}

div.cadreproduit_haut div.prix {
	abackground:url('../gfx/cadre_article_sep.gif') no-repeat 48px 0 ;
	color:#dd0000 ;
	font-size:18px ;
	height:25px ;
	overflow:hidden ;
	text-align:center ;
	font-weight:bold ;
}

div.cadreproduit_haut div.prix a {
	font-size:15px ;
	color:#DD0000 ;
	padding:1px 4px ;
}

div.cadreproduit_haut div.prix div.prix_promo {
	background:url('../gfx/fiche/fond_mini_promo.gif') no-repeat center ;
	overflow:hidden ;
	font-weight:bold ;
	color:#dd0000 ;
	text-decoration:none ;
	font-size:16px ;
	text-align:center ;
	/*padding-top:2px ;*/
	float:left ;
	border:1px solid #FFF ;
}

div.cadreproduit_haut div.prix div.prix_promo a {
	background:#FFFF00 ;
	font-size:15px ;
	color:#DD0000 ;
	padding:1px 1px ;
}

div.cadreproduit_haut div.prix div.prix_promo a:hover {
}

div.cadreproduit_haut div.prix div.prix_normal {
	width:62px ;
	border:1px solid #FFF ;
	margin-left:6px ;
	height:18px ;
	abackground:url('../gfx/fiche/fond_mini_promo0.gif') no-repeat center ;
	background:#FFF ;
	text-decoration:line-through;
	overflow:hidden ;
	font-weight:bold ;
	font-size:12px ;
	text-align:center ;
	/*padding-top:3px ;*/
	float:left ;
}

div.cadreproduit_haut div.prix div.prix_normal a {
	font-weight:normal ;
	color:#000 ;
	font-size:14px ;
}

div.cadreproduit_haut div.prix div.prix_normal a:hover {
	color:#666666 ;
}

/*******************/

div.cadreproduit {
	width:149px ;
	height:105px ;
	background:url('../gfx/cadre_article.gif') no-repeat ;
	overflow:hidden ;
}

div.cadreproduit div.image {
	margin-left:5px ;
	margin-top:14px ;
	width:75px ;
	height:75px ;
	overflow:hidden ;
	float:left ;
}

div.cadreproduit div.droite {
	float:right ;
	width:57px ;
	padding-right:7px ;
}

div.cadreproduit h3 {
	color:#000 ;
	font-size:10px ;
	text-transform:uppercase ;
	overflow:hidden ;
	margin-top:10px ;
	height:55px ;
	width:55px ;
	text-align:center ;
}

div.cadreproduit h3 a {
}

div.cadreproduit h3 a:hover {
	text-decoration:none ;
	color:#666666 ;
}

div.cadreproduit div.prix {
	background:url('../gfx/cadre_article_sep.gif') no-repeat ;
	padding-top:5px ;
	color:#dd0000 ;
	font-size:18px ;
	height:25px ;
	overflow:hidden ;
	text-align:center ;
}

div.cadreproduit div.prix a {
	color:#dd0000 ;
	font-size:18px ;
}

div.cadreproduit div.prix a:hover {
	color:#666666 ;
	text-decoration:none ;
	font-size:18px ;
}

/*******************/

ul.p1 {
	list-style-type:none ;
}

ul.p1 li {
	background-image:url('../gfx/puce1.gif') ;
	background-repeat: no-repeat ;
	list-style-type:none ;
	background-position: 0 2px ;
}

ul.p1 li a {
	font-weight:bold ;
	color:#000 ;
	text-decoration:none ;
	padding-left:14px ;
	font-size:10px ;
	font-family:Arial ;
	
}

ul.p1 li a:hover {
	background-image:url('../gfx/puce1.gif') ;
	background-repeat: no-repeat ;
	background-position: 0 -19px ;
	color:#F00 ;
}

div.valider_panier, div.valider_panier a {
	height:53px ;
	display:block ;
	width:129px ;
	background-image:url('../gfx/panier/valider_panier.gif') ;
	overflow:hidden ;
	float:left ;
}

div.retour_boutique, div.retour_boutique a {
	height:53px ;
	display:block ;
	width:129px ;
	background-image:url('../gfx/panier/retour_boutique.gif') ;
	overflow:hidden ;
	float:right ;
}

div.valider_panier a span, div.retour_boutique a span {
	display:none ;
}

div.valider_panier a:hover, div.retour_boutique a:hover {
	background-position: 0 -53px ;
}

table.tableau, table.tableau td {
	font-size:10px ;
	padding:3px ;
}

table.tableau a {
	font-size:10px ;
	color:#8f0000 ;
	font-weight:bold ;
}

table.tableau thead {
}

table.tableau thead tr th {
	background:#FFF ;
	font-size:10px ;
	padding:5px ;
}

table.tableau td {
}

table.tableau td strong {
	font-size:10px ;
}

table.tableau tfoot {
	
}

table.tableau tfoot td {
	background:#FFF ;
	font-size:10px ;
	font-weight:bold ;
}

div.pages {
	height:16px ;
	text-align:center ;
	width:auto ;
	margin:10px auto ;
}

a.fleche {
	height:16px ;
	width:20px ;
	overflow:hidden ;
	display:block ;
}

div.pages a span {
	display:none ;
}	

div.pages a.gauche {
	background-image:url('../gfx/fleche_gauche.gif') ;
	float:left ;
}

div.pages a.gauche:hover{
	background-position:0 -16px ;
}

div.pages a.droite {
	background-image:url('../gfx/fleche_droite.gif') ;
	float:left ;
}

div.pages a.droite:hover {
	background-position:0 -16px ;
}

div.pages div.liste {
	float:left ;
	font-weight:bold ;
	font-size:14px ;
	padding:0 15px ;
}

ul.liste_fond_vert {
	margin-left:25px ;
}

ul.liste_fond_vert li {
	font-weight:bold ;
	font-weight:14px ;
}

ul.liste_fond_vert li a {
	color:#DD0000 ;
}

ul.liste_fond_vert li a:hover {
	text-decoration:none ;
	color:#000000 ;
}

a.go {
	display:block ;
	height:15px ;
	width:20px ;
	background:url('../gfx/go.gif') ;
	margin:0 auto ;
	afloat:right ;
}

a.go:hover {
	background:url('../gfx/go.gif') 0 -15px ;
}

a.go {
	display:block ;
	height:25px ;
	width:120px ;
	background:url('../gfx/envoyer.gif') ;
	margin:0 auto ;
	afloat:right ;
}

a.go:hover {
	background:url('../gfx/envoyer.gif') 0 -25px ;
}

.commentaires {
	font-size:10px ;
	font-weight:bold ;
	color:#A00 ;
	text-align:center ;
}

div.texte {
	font-size:11px ;
	width:517px ;
	margin:25px 0 25px 50px ;
}

div.texte div.top {
	background:url('../gfx/structure/cadre_top.gif') no-repeat ;
	height:18px ;
	width:517px ;
}

div.texte div.repeat {
	padding:0 20px ;
	background:url('../gfx/structure/cadre_repeat.gif') repeat-y ;
	font-size:11px ;
}

div.texte div.repeat ul {
	margin-left:15px ;
}

div.texte div.repeat p, div.texte div.repeat ul li {
	font-size:11px ;
}

div.texte div.bottom {
	background:url('../gfx/structure/cadre_bottom.gif') no-repeat ;
	height:15px ;
}

div.texte a {
	font-weight:bold ;
	color:#A00 ;
	text-decoration:none ;
	font-size:11px ;
}

div.texte a:hover {
	color:#F00 ;
	text-decoration:none ;
}

div.texte div.repeat h1, div.texte div.repeat h2, div.texte div.repeat h3 {
	padding:10px 0 ;
}

div.texte div.repeat h1 { font-size:16px ; }
div.texte div.repeat h2 { font-size:14px ; }
div.texte div.repeat h3 { font-size:15px ; }

div.texte div.repeat {
	
}



div.voirplus, div.voirplus a {
	height:44px ;
	width:84px ;
	background:url('../gfx/voir_plus.gif') ;
	overflow:hidden ;
	font-size:0 ;
	display:block ;
	float:left ;
}

div.voirplus a:hover {
	background:url('../gfx/voir_plus.gif') 0 -44px ;
}


div.poursuivre, div.poursuivre a {
	height:23px ;
	width:193px ;
	background:url('../gfx/boutons/poursuivre.gif') ;
	overflow:hidden ;
	font-size:0 ;
	display:block ;
	float:right ;
}

div.poursuivre a:hover {
	background:url('../gfx/boutons/poursuivre.gif') 0 -23px ;
}


div.envoyer, div.envoyer a {
	height:22px ;
	width:90px ;
	background:url('../gfx/boutons/envoyer.gif') ;
	overflow:hidden ;
	font-size:0 ;
	display:block ;
	float:right ;
}

div.envoyer a:hover {
	background:url('../gfx/boutons/envoyer.gif') 0 -22px ;
}

.ok {
	color:#0A0 ;
	font-weight:bold ;
	font-size:10px ;
}

.ko {
	color:#A00 ;
	font-weight:bold ;
	font-size:10px ;
}

p.ok, p.ko {
	text-align:center ;
	margin:5px ;
	padding:5px ;
	background:#FFF ;
	font-weight:bold ;
	font-size:10px ;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../gfx/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/gfx/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/lightbox/overlay.png", sizingMethod="scale");
	}
	
