/* ANIMATION SHORT */
.mask {
  position: absolute;
  top: 0;
  padding : 0 ;
  margin : 0 ;
  display : none ;
}
.short{
/* 	position : relative ;
	width : 20% ;
	min-width : 300px ;
	min-height : 300px ;
	margin : 0px ;
	padding : 0 ;
	display : inline-block ;
	overflow : hidden ; */
	position : relative ;
	width : 20% ;
	overflow : hidden ;
	margin : 0 ;
	padding : 0 ;
/* 	float : left ; */
	display : inline-block ;
	line-height: 0;
	transition : all 0.3s ;
}
.miseavt .short{
	width : 25% ;
	min-width : 150px ;
	transition : all 0.3s ;
}
/* .short > img{
	max-width : 100% ;
}
.short > a{
	line-height: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0px;
} */
	.short_containers{
		display : inline-block ;
		text-align : center ;
		width : 100% ;
		max-width:100% ;
		line-height: 0;
	}
	.short .info{
		position : absolute ;
		width : 100% ;
		height : 100% ;
		overflow : hidden ;
		margin : 0 ;
		padding : 0 ;
		top : 100% ;
		/* background : rgba(0,0,0,0.5) ; */
		background : transparent url(../../images/pdtHover.png) bottom center repeat-x ;
		background-size : cover ;
		text-align : center ;
		color:#fff ;
		-webkit-transition: top 1s; /* Safari */
		transition: top 1s;
	}
	.short:hover .info{
		top : 0% ;
		-webkit-transition: top 0.5s; /* Safari */
		transition: top 0.5s;
	}
		.short .info h3{
		    text-transform: uppercase;
			text-align: center;
			color: #fff;
			padding: 3px 2% 5px;
			margin: 0;
			font-weight: 300;
			font-size: 1.5em;
			position: absolute;
			bottom: 10px;
			width: 96%;
		}
/* 		#contain .short .info a,#contain .short .info a:hover{
			text-decoration : none ;
			color : #fff ;
			text-align : center ;
			font-size : 1.2em;
			font-weight : 300;
			display : block ;
			position : relative ;
			width : 100%;
			height : 100% ;
			top : 0 ;
			left : 0 ;
		} */
		.short .picture{
			width : 100% ;
			height : 100% ;
			margin : 0 ;
		}
		.short .picture img{
			width: 100%;
			line-height: 0;
			padding: 0;
			margin: 0;
		}

/* SHORT FAMILLE */
	.families{
		margin : 20px auto ;
		clear : both ;
		text-align : center ;
	}
		.families .short_family{
			display : inline-block ;
		}
			.families .short_family h3{
			}
			.families .short_family .picture{
			}
			.families .short_family .linksmore{
				height : 20px ;
				text-align : center ;
			}
			
			
/* SHORT PRODUCT */
	.short_products{
		margin : 20px auto ;
		clear : both ;
		text-align : center ;
	}
		.short_products .short_product{
		}
			.short_products .short_product h3{
			}
			.short_products .short_product .picture{
			}
			.short_products .short_product .linksmore{
				height : 40px ;
				text-align : center ;
			}
			.short_products .short_product .prix{
				height : 20px ;
			}
			.short_products .short_product .prix .price{
				font-size : 12px ;
				font-weight : bold ;
			}
/* COMMUN PRODUCT / SHORT PRODUCT */
	
			.price.old_price{
				text-decoration : line-through ;
				font-weight : normal ;
			}
			.price.new_price{
				color : #f00 ;
			}	

			.addCart input{
				display : inline ;
				border-width : 0px ;
				background : transparent ;
				cursor : pointer ;
			}	
			.addCart input.saved{
				font-style:italic ;
			}			
/* PRODUCT */
	#product{}
	
		#product h1{}
		#product h1 + span{}
		#product h2,#product h3,#product h4{
			text-align : left ;
			font-weight : 400 ;
		}
		#product .pictures{
			margin : 10px auto ;
			max-width : 100% ;
		}
			#product .pictures .picture{
				text-align : center ;
				padding : 1% ;
				width : 47% ;
				float :left ;
			}
				#product .pictures .picture img{
					max-width : 100% ;
					max-height : 400px ;
					margin : auto ;
				}
				#product .pictures .diapoPdt{
					max-width : 100% ;
					margin : auto ;
					background : transparent center center no-repeat;
					background-size:cover;
				}
					#product .pictures .picture .diapoPdt a{
						max-width : 100% ;
						height : 100% ;
						margin : auto ;
						display : block;
					}
				#product .pictures .picture strong{
					font-size : 1.2em ;
					font-weight : bold ;
					color : #c1282f ;
					text-transform : uppercase ;
					display : block ;
				}
			#product .colLeft,#product .colRight{
				float : left ;
				padding : 1% ;
				width : 30% ;
				border-right: 1px solid #eee ;
			}
				#product .colLeft li{
					list-style : none ;
				}
					#product .colLeft li.realisation{
						padding-left : 30px;
						background : transparent url(../../images/calendrier.png) left center no-repeat ;
					}
					#product .colLeft li.techno img{
						height : 45px ;
						padding : 5px 3px ;
					}
			#product .colRight{
				float : left ;
				width : 65% ;
				border-width: 0px ;
				text-align : justify ;
			}
			#product #pictures{
				padding : 0px ;
				text-align : center ;
				margin : 0 -5px ;
			}
				#product  #pictures img{
					margin :5px 5px ;
					max-width : 90px ;
				}
		
		#product .infos{
			clear : both ;
			width : auto ;
			margin : 10px 0 ;
		}
		
/* RECHERCHE */.search label{
		text-align : left ;
		display : inline ;
		color : inherit ;
		font-weight: 600;
		font-size: 1.2em;
		width: 110px;
	}
	.search .range{
		padding-bottom : 20px;
	}
	.search .slider-range.ui-slider.ui-slider-horizontal{
		top : 10px ;
		width : 210px ; /* Largeur de la règle à curseur */
	}
	.ui-slider {
		left: 40px;
		top: -14px;
	}
	.text-range {
		width: 120px;
		position: relative;
		left: 5px;
		top: 10px;
		font-size: 18px !important;
	}
	.range .ui-corner-all {
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
	#searchM .search .range{
		margin : 10px 0 ;
	}
	#searchM .search .slider-range{
		margin : 5px 0 20px;
	}
	#searchM .search .range div{
		padding : 0 ;
	}
	#searchM .ui-slider{
		top : 10px ;
	}
	
/* PANIER */
	#banner .panier{
		top : 35px ;
		right : 20px ;
		position : absolute;
	}
	#banner .panier *{
		background : transparent !important ;
	}
	
@media (max-width: 698px) {
	.mobile_only #toolbar #ico ul li.onlysmart{display:table-cell !important;}
	#toolbar #ico ul li.nosmart{display:none !important;}
	
	.short{
		float : none ;
		display : inline-block ;
	}
	#product .pictures .picture{
		padding : 1% ;
		width : 98% ;
		float :none ;
		margin : auto ;
	}
}
#toolbar #ico ul li.onlysmart{
	display : none !important;
}



@media (max-width : 970px){
	.short{
		width : 20% ;
		max-width : 300px ;
		padding:0;
	}
	.short .info{
		top : 0% ;
	}
	.short .info h3{
		font-size : 1.1em ;
	}
}
@media (max-width : 655px){
	
	#product .colLeft, #product .colRight {
		float: none;
		padding: 1%;
		width: 96%;
	}
	.miseavt .short, .short{
		width : 33% ;
		transition : all 0.3s ;
	}
}
@media (max-width : 450px){
	.miseavt .short, .short{
		width : 50% ;
		transition : all 0.3s ;
	}
}