@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.jpg) no-repeat bottom center;
}

div#main{
	width: 1024px;
	margin: 0 auto;
}

div#header{
	width: inherit;
	height: 255px;
	/*background: url(../images/fond_header.jpg) no-repeat;*/
	background: url(../images/remplissage.png) 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 20px 22px !important;
	margin: 5px 0 20px 11px;
}
	
/**
 * header
 */

div#bandeau{
	overflow: hidden;
	width: inherit;
	height: 84px;
	/*background: url(../images/logo.jpg) 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;
	}
		
/**
 * wrapper
 */
 
/**
 * gauche
 */

div#gauche{
	float: left;
	width: 142px;
	height: auto;
	min-height: 510px;
	padding: 0 10px 0 10px;
	background: url(../images/mij.jpg) bottom center no-repeat;
}
	
	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#Recherche{
			margin:15px 0 0 0;
	}
	
	div#gauche form#Recherche 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#Recherche 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;
				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: none;
				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.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
 */

div#centre{
	float: left;
	width: 674px;
	height: 510px;
	padding: 0 10px 10px 10px;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
	html>body div#centre {
		height: auto;
		min-height: 510px;
	}

	div#centre div#titre{
		float: left;
	}

		div#centre div#titre div.coteBordure{
			float: left;
			width: 1px;
			height: 23px;
			background: url(../images/coteBordure.gif) no-repeat;
		}
		
		div#centre div#titre div.fondTitre{
			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;
		}
		
	div.datePubli{
		margin: 0 0 5px 0;
	}
		
		div#centre div#contenuGauche{
			float: left;
			width: 336px;
		}
		
			div#centre div#contenuGauche div#titre div.nouveautes{
				width: 324px;
			}
		
		div#centre div#contenuDroit{
			float: left;
			width: 336px;
			margin: 0 0 0 2px;
		}
		
			div#centre div#contenuDroit div#titre div.promotions{
				width: 324px;
				background: url(../images/fondRouge.gif) repeat-x;
			}
			
		div#centre div.block{
			float: left;
			width:336px;
			margin: 20px 0 0 0 !important;
			margin: 10px 0 0 0;
		}
		
			div#centre div.block img{
				float: left;
				margin: 0 10px 0 0;
				border: 1px solid #969696;
			}
			
			div#centre div.block span.marque{
				overflow: hidden;
				display: block;
				height: 28px;
				text-transform: uppercase;
				color: #3f3f3f;
			}
			
			div#centre div.block div.descProduit{
				height: 60px;
				margin: 3px 0 1px 0;
				color: #969696;
			}
			
			div#centre div.block div.prix{
				height: 30px;
				margin: 3px 0 3px 0;
				color: #cc1641;
			}
			
			div#centre a.detail, div#centre a.detail:link, div#centre a.detail:visited, div#centre 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;
			}
			
			div#centre div.block a.ajouter, div#centre div.block a.ajouter:link, div#centre div.block a.ajouter:visited, div#centre div.block 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;
			}
			
		div#centre div.traitHorizontal{
			float: left;
			width: 330px;
			height: 2px;
			background: url(../images/traitHorizontal.gif) repeat-x;
			margin: 5px 0 0 0;
		}
		
	div#centre div.paginator{
		float: left;
		clear: both;
		margin: 10px 0 0 0 !important;
		margin: 5px 0 0 0;
	}
	
	div#centre div.requiredError{
		color: #CC1641;
	}


/**
 * droit
 */

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


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

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

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

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

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

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

	div#footer li a, div#footer li a:link, div#footer li a:visited, div#footer li a:active{
		font-size: 10px;
		text-decoration: none;
		color: #000000;
	}

	div#footer li a:hover{
		text-decoration: underline;
		color: #0085E7;
	}