@charset "utf-8";
/* CSS Document */

/**
 * global style resetting 
 */
	
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:12px;
	line-height:14px;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

.clear{
	clear:both;
}

.bold{
	font-weight:bold;
}

/**
 * corps du site 
 */
 
body{
	background: #f5f5f5;
	background: url(../images/fond_body_vallee.jpg) no-repeat center top fixed;
	
}

div#main{
	width: 1024px;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
}

div#header{
	width: inherit;
	height: 255px;
	/*background: url(../images/fond_header.jpg) no-repeat;*/
}

div#wrapperHaut{
	width: inherit;
	height: 10px;
	background: url(../images/fondWrapperHaut.gif) no-repeat bottom;
}

div#wrapper{
	float: left;
	width: 1024px;
	background: url(../images/fondWrapper.gif) repeat-y;
}

div#wrapperBas{
	clear: both;
	width: inherit;
	height: 10px;
	background: url(../images/fondWrapperBas.gif) no-repeat;
}

div#footer{
	float: left;
	clear: both;
	width: 980px;
	margin: 10px 0 0 22px !important;
	margin: 5px 0 0 11px;
}
	
/**
 * header
 */

div#bandeau{
	float:left;
	overflow: hidden;
	width: inherit;
	height: 84px;
	background: url(../images/logo.gif) no-repeat;
}

	div#bandeau a#logoAccueil, div#bandeau a#logoAccueil:link, div#bandeau a#logoAccueil:visited, div#bandeau a#logoAccueil:active{
		float:left;
		display: block;
		height: 62px;
		width: 364px;
		margin: 12px 0 0 36px;
		cursor: pointer;
	}

ul#menu-principal{
	float: left;
	margin: 8px 0 0 22px !important;
	margin: 4px 0 0 11px;
}

	ul#menu-principal li a, ul#menu-principal li a:link, ul#menu-principal li a:visited, ul#menu-principal li a:active{
		display: block;
		width: 135px;
		height: 20px;
		line-height: 20px;
		background: url(../images/fond_menuPrin.jpg) no-repeat;
		margin: 0 0 3px 0;
		padding: 0 0 0 5px;
		color: #646464;
		text-decoration: none;
	}
	
	ul#menu-principal li a:hover, ul#menu-principal li a.active{
		background: url(../images/fond_menuPrin_hover.jpg) no-repeat;
		color: #FFFFFF;
	}

img#vitrine{
	float: left;
	margin: 6px 0 0 10px;
}

div#coordonnees{
	float: left;
	margin: 80px 0 0 3px;
	color: #004b96;
}

	div#coordonnees a{
		color: #004b96;
		text-decoration: none;
	}
	
div#destockage{
	float: left;
	width: 370px;
	height: 128px;
	background: url(../images/destockage.gif) no-repeat;
	margin: 4px 0 0 0;
	padding: 40px 0 0 20px;
}

	div#destockage span{
		float: left;
		width: 100%;
		margin: 0 0 0 10px;
		color: #fcfdfe;
		font-weight:bold;
	}
	div#destockage span a.linkPromotions{
		color:#FFF;
	}
	div#destockage ul{
		float: left;
		margin: 5px 0 0 10px;
	}
		div#destockage ul li{
			padding:0 0 2px 0;
		}
			div#destockage ul li a{
				font-size: 9px;
				color: #fcfdfe;
			}
		
/**
 * wrapper
 */
 
/**
 * gauche
 */

div#gauche{
	float: left;
	width: 142px;
	height: 510px;
	padding: 0 10px 0 10px;
	border-right:1px solid #ddd;
}
	html>body div#gauche {
		height: auto;
		min-height: 510px;
	}
	
	div#gauche span{
		display: block;
		width: inherit;
		line-height: 25px;
		color: #e30214;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
	}
	
	div#gauche form#f_search{
			margin:15px 0 0 0;
	}
	
	div#gauche form#f_search input#inText{
		float: left;
		width: 114px;
		height: 15px;
		background: url(../images/inputText.jpg) no-repeat;
		font-size: 9px;
		padding: 3px 4px 0 4px;
		color: #787878;
	}
	
	div#gauche form#f_search input#inSub{
		float: left;
		width: 20px;
		height: 18px;
		background: url(../images/ok.gif) no-repeat right;
		border: none;
	}
	
	div#gauche select{
		float:left;
		margin:15px 0 15px 0;
		width: 142px;
		height: 16px;
		background: url(../images/fond_select.gif) repeat-x;
		border: 1px solid #b4b4b4;
		font-size: 10px;
		color: #787878;
	}
	
	a#skiMesure, a#skiMesure:link, a#skiMesure:active, a#skiMesure:visited, a#skiMesure:hover{
		display:block;
		float:left;
		margin:0 0 15px 0;
	}
	
	
/*
 * menu categorie
 */
	
   ul#menuCategorie{
		float:left;
		margin: 0 0 0 0;
		padding:0 0 0 13px;
	}
	
		ul#menuCategorie li{
			float: left;
			width: 129px;
		}
	
			ul#menuCategorie li a,  ul#menuCategorie li a:link, ul#menuCategorie li a:visited, ul#menuCategorie li a:active{
				display: block;
				line-height: 14px;
				margin: 0 0 2px 0;
				/*background: url(../images/puce.gif) no-repeat;*/
				background: url(../images/puceBas.gif) no-repeat;
				padding: 0 0 0 14px;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 10px;
				color: #505050;
			}
			/*
			ul#menuCategorie li.iehover a, ul#menuCategorie li.iehover a:link, ul#menuCategorie li.iehover a:visited,  ul#menuCategorie li.iehover a:active{
				background: url(../images/puceBas.gif) no-repeat;
			}
			*/
			ul#menuCategorie li ul{
				display: block;
				float:left;
				padding: 0 0 10px 14px;
			}
			
				ul#menuCategorie li ul li{
					float: none;
					width: 115px;
				}
			/*
			ul#menuCategorie li.iehover ul{
				display: block;
			}
			*/	
				ul#menuCategorie li ul li a,  ul#menuCategorie li ul li a:link, ul#menuCategorie li ul li a:visited, ul#menuCategorie li ul li a:active{
					background: url(../images/puce.gif) no-repeat;
					padding: 0 0 0 14px;
					margin: 0 0 0 0;
					text-decoration: none;
					text-transform: none;
					font-size: 10px;
					color: #505050;
				}
				
				/*
				ul#menuCategorie li.iehover ul li a,  ul#menuCategorie li.iehover ul li a:link,  ul#menuCategorie li.iehover ul li a:visited,  ul#menuCategorie li.iehover ul li a:active{
					background: url(../images/puce.gif) no-repeat;
					padding: 0 0 0 14px;
					margin: 0 0 0 0;
					text-decoration: none;
					text-transform: none;
					font-size: 10px;
					color: #505050;
				}
				*/
				
				ul#menuCategorie li.iehover ul li a:hover{
					text-decoration: underline;
					color: #001198;
				}
	
/**
 * centre
 */

#centre{
	float: left;
	width: 674px;
	height: 510px;
	margin: 0 0 0 10px;
	padding: 0 10px 10px 0;
}
	html>body #centre {
		height: auto;
		min-height: 510px;
	}
	
	#contenuGauche{
		float: left;
		width: 336px;
	}
	
		#contenuGauche h1{
			width: 326px;
		}
	
	#contenuDroit{
		float: right;
		width: 336px;
	}
	
		#contenuDroit h1{
		width: 326px;
	}
		
	h1.titre{
		float: left;
		width: 662px;
		height: 23px;
		line-height: 23px;
		background: url(../images/fondBleu.gif) repeat-x;
		margin: 0 0 15px 0;
		padding: 0 0 0 10px;
		text-transform: uppercase;
		color:#FFFFFF;
	}
	
	h1#nouveautes{
		width: 326px;
	}
	h1#promotions{
		width: 326px;
		background: url(../images/fondRouge.gif) repeat-x;
	}
					
	div.paginator{
		float: left;
		clear: both;
		margin: 10px 0 0 0 !important;
		margin: 5px 0 0 0;
	}
	
	div.requiredError{
		color: #CC1641;
	}


/**
 * droit
 */

#droit{
	float: left;
	border-left:1px solid #ddd;
	padding:0 0 0 10px;
	height:500px;
}
	html>body #droit {
		height: auto;
		min-height: 510px;
	} 


	.chapeauUne{
		position: relative;
		top: 3px;
		width: 139px;
		height: 11px;
		background: url(../images/chapeauUne.jpg) no-repeat;
	}
	
	.une{
		float: left;
		width: 139px;
		background: url(../images/fondUne.jpg) repeat-x;
		color: #969696;
		background-color:#0075d1;
	}
	
		.une span{
			display: block;
			width: 115px;
			margin: 0 auto;
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
			color: #fcfdfe;
		}
		
		 .une .imgUne, .une a.imgUne:link, .une a.imgUne:link, .une a.imgUne:visited, .une a.imgUne:active{
			display:block;
			width: 133px;
			/*height: 98px;*/
			margin: 15px 0 4px 3px !important;
			margin: 15px 0 4px 2px;
		}
		
		.infosUne{
			line-height: 18px;
			margin: 0 0 0 10px;
			color: #fcfdfe;
			text-transform: uppercase;
		}
		
			.infosUne span.prix{
				display: block;
				width: auto;
				line-height: 18px;
				margin: 0 auto;
				text-align: left;
				text-transform: uppercase;
				font-weight: bold;
				color: #ffed00;
				font-size:11px;
			}
				.infosUne span.prix .prixPromo{
					padding:0 5px 0 0;
				}
		
		.une a.detail, .une a.detail:link, .une a.detail:visited, .une a.detail:active{
			float: left;
			display: block;
			width: 57px;
			height: 19px;
			line-height: 19px;
			text-decoration: none;
			text-align: center;
			margin: 10px 0 10px 12px !important;
			margin: 10px 0 10px 6px;
			background: url(../images/fondDetailUne.gif) no-repeat;
			color: #4471e1;
		}
		
		.une a.ajouter, .une a.ajouter:link, .une a.ajouter:visited, .une a.ajouter:active{
			float: left;
			display: block;
			width: 57px;
			height: 19px;
			line-height: 19px;
			text-decoration: none;
			text-align: center;
			margin: 10px 0 0 4px !important;
			margin: 10px 0 0 4px;
			background: url(../images/fondAjouterUne.gif) no-repeat;
			color: #eb7f0b;
		}
		
	#droit .ombreUne{
		float: left;
		width: 2px;
		height: 235px;
		background: url(../images/ombreUne.gif) no-repeat;
		display:none;
	}
		
	#carte{
		width: 140px;
	}
		
		#carte span#titreCarte{
			display: block;
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
			color: #004b96;
		}
		
		#carte img#logoCarte{
			float: left;
			margin: 4px 0 6px 0;
		}
		
		#carte img#ok{
			float: left;
			margin: 30px 0 0 0;
		}
		
		#carte span#explication{
			display: block;
			line-height: 16px;
			text-align: center;
			font-weight: bold;
			color: #cc1641;
		}

/**
 * PAGE D'ACCUEIL
 */
		
/**
 * contact
 */

#contact{
	float: left;
	width: 600px;
}

	#contact input, #contact textarea{
		border: 1px solid #b3c0e0;
	}
	
	#contact input.radio{
		border: none;
	}
	
	#contact tr{
		height: 25px;
	}

	#contact table.centpercentW{
		/*margin: 20px 0 0 0;*/
	}
	
	div#contact td.blocLabel{
		color: #505050;
	}
	
	#contact div.labelCaptcha{
		margin: 10px 0 6px 0;
		color: #505050;
	}
	
	#contact img.imgCaptcha{
		margin: 0 10px 0 0;
	}
	
	#contact a.detail, #contact a.detail:link, #contact a.detail:visited, #contact a.detail:active{
		float: right;
		margin: 10px 0 0 0;
	}
	
	#contact span.requiredError{
		color: #E40216;
	}
	
	#contact p.legendRequired{
		margin: 20px 0 0 0;
		color: #E40216;
	}
	
/**
 * footer
 */

#footer li{
	float: left;
	margin: 0 0 0 4px;
	padding: 0 4px 0 0;
	border-right: 1px solid #969696;
}

	#footer li a{
		font-size: 10px;
		text-decoration: none;
		color: #969696;
	}
	
/**
 * PRODUITS
 */
.prix{
	margin: 3px 0 3px 0;
	color: #cc1641;
	font-weight:bold;
}
span.marque{
	text-transform: uppercase;
	color: #3f3f3f;
	font-weight:bold;
}

span.label{
	text-transform: uppercase;
	color: #3f3f3f;
}

span.label2{
	text-transform:lowercase;
	font-style:italic;
	color: #3f3f3f;
}

.listProduits img, .detailProduit img{
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #969696;
}

.descProduit{
	margin: 3px 0 1px 0;
	color: #666666;
}

.prixPromo{
	float:left;
	padding:0 10px 0 0;
	color:#787878;
	text-decoration:line-through;
}
.badgePromoList{
	position:absolute;
	top:-10px;
	left:72px;
	width:38px;
	height:26px;
	text-align:center;
	padding:12px 0 0 0;
	font-weight:bold;
	font-size:10px;
	color:#cc1641;
	background: url(../images/badgePromoList.gif) no-repeat;
	text-decoration:none;
}

/**
 * LISTE PRODUITS
 */

.listProduits{
	float: left;
	position:relative;
	width:336px;
	height:114px;
	padding:0 0 44px 0;
	margin:0 0 10px 0;
}
					
	.listProduits .descProduit{
		overflow:hidden;
		height: 58px;
		margin: 3px 0 1px 0;
		color: #969696;
	}
	
	.listProduits .traitHorizontal{
		float: left;
		position:absolute;
		bottom:0;
		width: 330px;
		height: 2px;
		background: url(../images/traitHorizontal.gif) repeat-x;
		margin: 5px 0 0 0;
	}
	
	.listProduits .prix{
		position:absolute;
		bottom:30px;
		right:10px;
		margin:0;
	}
	
	.btnListProduit{
		position:absolute;
		bottom:7px;
		right:10px;
	}
			
a.detail, a.detail:link, a.detail:visited, a.detail:active{
	float: left;
	display: block;
	width: 107px;
	height: 19px;
	line-height: 19px;
	text-decoration: none;
	text-align: center;
	background: url(../images/fondDetail.gif) no-repeat;
	color: #4471e1;
}
			
a.ajouter, a.ajouter:link, a.ajouter:visited, a.ajouter:active{
	float: left;
	display: block;
	width: 107px;
	height: 19px;
	line-height: 19px;
	text-decoration: none;
	text-align: center;
	margin: 0 0 0 4px;
	background: url(../images/fondAjouter.gif) no-repeat;
	color: #eb7f0b;
}

/*
 * DETAIL PRODUIT
 */
.detailProduit{
	float: left;
	position:relative;
	margin:0 0 0 0;
	width:100%;
}
#mediasProduit{
	float:left;
	width:334px;
}
#descriptionProduit{
	float:right;
	padding:0 10px 0 0;
	width:320px;
}
	#descriptionProduit .badgePromoList{
		left:290px;
	}
	#descriptionProduit span.marque{
		color:#646464;
	}
	#descriptionProduit span.label{
		color:#000;
		font-weight:bold;
	}

	#descriptionProduit .descProduit{
		text-align:justify;
		margin:10px 0 0 0;
	}
	#descriptionProduit a.ajouter, #descriptionProduit .prix{
		float:right;
	}
	#descriptionProduit .prixPromo, #descriptionProduit .prixNormal{
		float:left;
	}
	
#moreMedias{
	float:left;
	margin:15px 0 0 0;
}

div.paginator{
	float:right;
}

div.paginator span.actif{
	float:left;
	display:block;
	padding:2px;
	margin:0 1px 0 1px;
	background:#FADBC4;
	border:1px solid #EB7F0B;
	color:#EB7F0B;
	text-decoration:none;
}

div.paginator a{
	float:left;
	display:block;
	padding:2px;
	margin:0 1px 0 1px;
	background:#BBCFE3;
	border:1px solid #4471E1;
	color:#4471E1;
	text-decoration:none;
}

div.paginator span.nbresult{
	float:left;
	font-weight:bold;
	padding:0 0 0 15px;	
}

div.options{
	float:left;
	text-align:right;
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	width:100%;
	border-top:1px dotted #CC1641;
	border-bottom:1px dotted #CC1641;
}
	div.options select{
		float:right;
		width:300px;
		margin:5px 0 0 0;
	}
	
.contactDemande{
	width:300px;
	height:150px;
}