/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : Eric Chabert
site : 5 saisons
**************************************************************************/

*{ margin:0; padding:0; outline:none}
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }
/******************************************/

/*******************balise*****************/
body{background:#000 url(../images/fd.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff}

h1 a{display:block; background:url(../images/logo-5saisons.jpg) no-repeat; width:269px; height:73px; text-indent:-9999px; font-size:0px; margin-top:40px; margin-bottom:32px}

a{text-decoration:none}
a:hover{text-decoration:underline}

hr{clear:both; height:1px; background:#353535; border:none; border-bottom:#353535 solid 1px; margin:10px 0}
/*******************************************/

/*******************class*****************/
.left{float:left; }
.right{float:right; }
.clear{clear:both}

.inputRecherche{width:200px; height:15px; border:none; color:#757e74; font-size:10px; padding:1px 5px 1px 20px; margin-bottom:6px; background:#fff url(../images/icone-loupe.gif) no-repeat}

.inputCompte{width:215px; height:15px; border:none; color:#757e74; font-size:10px; padding:1px 5px; margin-bottom:6px}
input.submitCompte{background:url(../images/submitCompte.jpg) no-repeat top left; width:229px; height:24px; border:none; font-size:11px; color:#fff; padding-bottom:4px; cursor:pointer; display:block; text-align:center}
a.submitCompte{background:url(../images/submitCompte.jpg) no-repeat top left; width:229px; height:19px; padding-top:5px; border:none; font-size:11px; color:#fff; display:block; text-align:center; margin-top:10px}
.submitCompte:hover{background:url(../images/submitCompte.jpg) no-repeat bottom left}


.inputNews{width:197px; height:17px; border:#cbcbcb solid 1px; font-size:11px; margin-top:5px; color:#757e74}
.submitNews{background:url(../images/submitNews.jpg) no-repeat top left; width:199px; height:24px; border:none; font-size:11px; color:#fff; padding-bottom:4px; cursor:pointer; margin-top:5px}
.submitNews:hover{background:url(../images/submitNews.jpg) no-repeat bottom left}

.ancienPrix{color:#4b4f4b; font-size:11px; text-decoration:line-through}
.prix{font-size:14px; font-weight:bold; color:#51ad17}

.icone-promo{position:absolute; top:-20px; left:170px}

.btn-details{border:none; background:url(../images/btn-details.jpg) no-repeat top left; width:165px; height:24px; font-size:11px; color:#fff; padding-bottom:3px; margin-top:5px; cursor:pointer}
.btn-details:hover{background:url(../images/btn-details.jpg) no-repeat bottom left;}


.pagination{padding-left:15px; padding-top:5px; border-top:#353535 solid 2px; background:url(../images/fd-pagination.jpg) no-repeat; width:416px; height:39px; clear:both; color:#353a35}
.pagination li{list-style-type:none; display:inline}
.pagenav{padding:3px; color:#353a35}

.vmCartContainer{background:#2e302e; float:left; width:395px; padding:10px; border:#373a37 solid 1px;}
	.vmCartContainer label{color:#fff}

.btnPanier{border:none; background:url(../images/btn-ajoutPanierDetails.jpg) no-repeat; width:109px; height:24px; padding-bottom:3px; font-size:11px; color:#fff; cursor:pointer}

.quantity_box_button_up {background:url(../images/btn-ajoutQuantite.jpg) no-repeat; width:12px; height:24px; border:none; cursor:pointer}
.quantity_box_button_down {background:url(../images/btn-moinsQuantite.jpg) no-repeat; width:12px; height:24px; border:none; cursor:pointer}
/*******************************************/

/*******************global*****************/
#global{width:955px; margin:0 auto}
	#subMenu{display:none}
	#headerLeft{float:left; width:269px}
		#headerLeft fieldset{border:none}
	#headerRight{float:left; width:685px; border:0; margin:0; padding:0}
/********************************************/

/**************wrapper**********************/
#wrapper{clear:both; padding-top:10px;  width:955px}
	#blockLeft{width:278px; padding-left:11px; float:left}
		#menuProd{width:221px; background:#2e302e; border:#373a37 solid 1px; padding:13px}
			#menuProd h2{background:url(../images/titre-menuProd.gif) no-repeat; width:157px; height:15px; margin-bottom:10px; text-indent:-9999px; font-size:0px}
			#menuProd li{list-style-type:none; margin:5px 0}
			#menuProd a{color:#fff; background:url(../images/puce-menuProd.gif) no-repeat left 3px; padding-left:12px}
		#video{width:221px; background: #2e302e; border:#373a37 solid 1px; padding:13px}
			#video a{ color:#fff; text-decoration:none}
			#video a:hover{ text-decoration:underline}
	#content{float:left; width:417px; border-top:#353535 solid 2px}
		#content h2, #content h1, #content .page-head h3{background:url(../images/fd-titreContent.jpg) no-repeat; width:417px; height:44px; font-size:18px; color:#1292c2; text-transform:uppercase; font-weight:normal; padding:5px}
	
	#blockRight{width:213px; float:right}
/*******************************************/

/******************menu***************/
#menu{background:url(../images/fd-menu.jpg) no-repeat; width:567px; height:47px; padding-left:112px; margin:-4px 0 0 0;}
	#menu li{list-style-type:none; float:left}
	#menu h3 a{display:block; height:47px; text-indent:-9999px; font-size:0px}
		#btn-accueil a{background:url(../images/btn-accueil.jpg) no-repeat top left; width:116px}
		#btn-accueil a:hover{background:url(../images/btn-accueil.jpg) no-repeat bottom left}
		#btn-nouveautes a{background:url(../images/btn-nouveautes.jpg) no-repeat top left; width:151px}
		#btn-nouveautes a:hover{background:url(../images/btn-nouveautes.jpg) no-repeat bottom left}
		#btn-promotions a{background:url(../images/btn-promotions.jpg) no-repeat top left; width:155px}
		#btn-promotions a:hover{background:url(../images/btn-promotions.jpg) no-repeat bottom left}
		#btn-contact a{background:url(../images/btn-contact.jpg) no-repeat top left; width:122px}
		#btn-contact a:hover{background:url(../images/btn-contact.jpg) no-repeat bottom left}
/*************************************/

/************************module-panier******************/
#module-panier{background:#4b4f4b; border:#373a37 solid 1px; padding:10px; width:193px; color:#fff; float:left; margin-bottom:10px; padding-bottom:30px}
	#module-panier h2{width:104px; height:13px; background:url(../images/titre-panier.gif) no-repeat; text-indent:-9999px; font-size:0px; margin-bottom:10px}
	#contentPanier{float:left; width:130px; padding-top:8px}
		#contentPanier p{background:url(../images/fd-Contentpanier.gif) repeat-x; height:15px}
		#contentPanier span{background:#4b4f4b}
	#module-panier hr{background:#6e736e; border-bottom:#6e736e solid 1px}
	#module-panier a{color:#fff; font-size:10px; text-decoration:underline}
	#module-panier a img{border:none}
/*******************************************************/

/************************module-newsletter******************/
#module-newsletter{background:#2e302e; width:200px; border:#373a37 solid 1px; float:left; padding:7px; color:#757e74; font-size:10px}
	#module-newsletter h2{width:143px; height:27px; background:url(../images/titre-newsletter.jpg) no-repeat; text-indent:-9999px; font-size:0px; margin-bottom:10px}
	#module-newsletter label{display:none}
	#module-newsletter fieldset{border:none}
/*******************************************************/

/********************module-promo**********************/
#module-promo{background:#2e302e; width:194px; border:#373a37 solid 1px; float:left; padding:10px; position:relative; margin-bottom:10px}
	#module-promo h2{background:url(../images/titre-promo.gif) no-repeat; width:104px; height:17px; margin-bottom:10px}
	#module-promo dt{color:#4b4f4b}
/*****************************************************/

/***************module-recherche*************/
#module-recherche{background:url(../images/fd-module-recherche.jpg) repeat-x; width:230px; height:79px; margin:0 0 1px 12px; padding:15px 9px}
#module-recherche h2{background:url(../images/titre-recherche.jpg) no-repeat; width:227px; height:20px;}
#module-recherche label{display:none}
/********************************************/

/***************module-compte*************/
#module-compte{background:url(../images/fd-module-compte.jpg) repeat-x; width:230px; height:100px; margin:0 0 1px 12px; padding:15px 9px}
#module-compte h2{background:url(../images/titre-compte.jpg) no-repeat; width:227px; height:20px;}
#module-compte label{display:none}
#module-compte p{color:#fff}
/********************************************/

/****************browseProductContainer***********/
.browseProductContainer{width:171px; height:232px; background:#2e302e; padding:10px; border:#373a37 solid 1px; float:left; margin:0 7px 10px 7px; display:inline}
	.browseProductContainer dt a{font-weight:bold; color:#fff; display:block; width:171px; height:30px}
	.browseProductContainer a img{border:none}
/************************************************/

/******************produit_detail****************/
.produit_detail dt a{color:#353a35; font-size:16px; font-weight:bold}
.produit_detail dt{margin-bottom:10px}
.produit_detail a img {border:none}

.classLightBox{position:relative; display:block; width:169px; height:139px; float:left; margin-right:10px}
	.visuelDetails{display:block}
.pictoZoom {position:absolute; top:0; left:0; display:none}
/************************************************/


/*************video***********************/
#video{ background: url(../images/bg_video.jpg) no-repeat #2e302e 15px 9px; width:171px; height:40px; padding:35px 0 0 75px; margin:12px 0 0 0}

/*******************footer*****************/
#contentFooter{width:100%; background:#1a1a1a; border-top:#383838 solid 1px; clear:both; padding-top:7px; padding-bottom:50px  }
#footer{color:#999;text-align:left; width:955px}
#footer ul li{ display:inline; border-right:1px solid #ddd; padding:0 5px 0 5px }
#footer ul li.last{ border:0 }
	#footer a{color:#999}
/*******************************************/