/* Formes - Talons */

.boitecroquisG3{
	float:left;
	width:30%;
	margin-left:5%;
}
.boitecroquisG2{
	float:left;
	width:30%;
	margin-left:20%;
}
.boitecroquisvide{
	float:left;
	width:20%;
	margin:0;	
}
.boitecroquis{
	float:left;
	width:30%;
}

/* Conteneurs de l'icone en forme de coeur pour la sélection des favoris */
.whishlistcuir{
	position: absolute;
	z-index: 1;
	width: 9%;
	top: 0;
	right: 0;
	padding: 3% 5% 7% 7%;
}
.whishlistcuir:hover{
	cursor: pointer;
}
.whishlistcuir img{
	width: 100%;
}

/* Conteneur de whishlisttalon */
.talon{
	position: relative;
	width: 100%;
}

.whishlisttalon{
	position: absolute;
	width: 25px;
	top: 0;
	padding: 1% 3% 1% 3%;
	display: inline-block;
}
.whishlisttalon:hover{
	cursor: pointer;
}
.whishlisttalon img{
	width: 100%;
}

/* Au bas des collections */
.propotalonsmob{
	position: relative;
	float: left;
	width: 33.33%;
	margin: 0;
}



@media all and (max-width:367px) {

	.whishlistcuir{
		width: 14%;
		top: 0;
		right: 0;
		padding: 3% 5% 7% 7%;
	}

	.whishlisttalon{
		width: 25px;
		top: 0;
		padding: 1% 3% 1% 3%;
	}
	.sousboite2C{
		padding:0;
	}

}

@media all and (min-width:368px) and (max-width:467px){

	.whishlistcuir{
		width: 14%;
		top: 0;
		right: 0;
		padding: 3% 5% 7% 7%;
	}

	.whishlisttalon{
		width: 25px;
		top: 0;
		padding: 1% 3% 1% 3%;
	}
	.sousboite2C{
		padding:0;
	}
		
}

@media all and (min-width:468px) and (max-width:567px){

	.whishlistcuir{
		width: 12%;
		top: 0;
		right: 0;
		padding: 3% 5% 7% 7%;
	}

	.whishlisttalon{
		width: 25px;
		top: 0;
		padding: 1% 3% 1% 3%;
	}
	.sousboite2C{
		padding:0;
	}

}

@media all and (min-width:568px) and (max-width:667px) {

	.whishlistcuir{
		width: 11%;
		top: 0;
		right: 0;
		padding: 3% 5% 7% 7%;
	}

	.whishlisttalon{
		width: 28px;
		top: -3px;
		padding: 1% 3% 1% 3%;
	}
	.sousboite2C{
		padding:0;
	}
	
}

@media all and (min-width:668px) and (max-width:767px) {

	.whishlistcuir{
		width: 10%;
		top: 0;
		right: 0;
		padding: 3% 5% 7% 7%;
	}

	.whishlisttalon{
		width: 30px;
		top: -5px;
		padding: 1% 3% 1% 3%;
	}
	.sousboite2C{
		padding:0;
	}
	
}

/* Tablettes */		

@media all and (min-width:768px) and (max-width:899px) { 

	/* ipad portrait 768px Samsung Tab 800px */

	.boitecroquisG3{
		width:32.5%;
		margin-left:1.25%;
	}
	.boitecroquisG2{
		width:32.5%;
		margin-left:17.5%;
	}
	.boitecroquisvide{
		float:left;
		width:17.5%;
		margin:0;	
	}
	.boitecroquis{
		width:32.5%;
	}

	.whishlisttalon{
		width: 30px;
		top: -8px;
		padding: 1% 3% 1% 2%;
	}
	
}

@media all and (min-width:900px) and (max-width:999px) {

	/* Asus LG  paysage 960px */
	.boitecroquisG3{
		width:32.5%;
		margin-left:1.25%;
	}
	.boitecroquisG2{
		width:32.5%;
		margin-left:17.5%;
	}
	.boitecroquisvide{
		float:left;
		width:17.5%;
		margin:0;	
	}
	.boitecroquis{
		width:32.5%;
	}

	.whishlisttalon{
		width: 30px;
		top: -9px;
		padding: 1% 3% 1% 2%;
	}
	
}

@media all and (min-width:1000px) and (max-width:1099px) {

	/* ipad paysage 1024 px */
	.boitecroquisG3{
		width:32.5%;
		margin-left:1.25%;
	}
	.boitecroquisG2{
		width:32.5%;
		margin-left:17.5%;
	}
	.boitecroquisvide{
		float:left;
		width:17.5%;
		margin:0;	
	}
	.boitecroquis{
		width:32.5%;
	}

	.whishlisttalon{
		width: 30px;
		top: -9px;
		padding: 1% 3% 1% 2%;
	}
			
}

/* Ordinateurs */

@media all and (min-width:1100px) and (max-width:1199px) {

	.whishlisttalon{
		width: 32px;
		top: -12px;
		padding: 1% 3% 1% 2%;
	}

}

@media all and (min-width:1200px) and (max-width:1299px) {

	.whishlisttalon{
		width: 32px;
		top: -13px;
		padding: 1% 3% 1% 2%;
	}
	
}

@media all and (min-width:1300px) and (max-width:1399px) {

	.whishlisttalon{
		width: 32px;
		top: -15px;
		padding: 1% 3% 1% 2%;
	}
	
}

@media all and (min-width:1400px) and (max-width:1499px) {

	.whishlisttalon{
		width: 34px;
		top: -15px;
		padding: 1% 3% 1% 2%;
	}

}

@media all and (min-width:1500px) and (max-width:1599px) {

	.whishlisttalon{
		width: 34px;
		top: -15px;
		padding: 1% 3% 1% 2%;
	}
	
}

@media all and (min-width:1600px) and (max-width:1699px) {

	.whishlisttalon{
		width: 32px;
		top: -15px;
		padding: 1% 3% 1% 2%;
	}
	
}

@media all and (min-width:1700px) and (max-width:1799px) {

	.whishlisttalon{
		width: 32px;
		top: -15px;
		padding: 1% 3% 1% 2%;
	}
	
}

@media all and (min-width:1800px) {

	.whishlisttalon{
		width: 32px;
		top: -15px;
		padding: 1% 3% 1% 2%;
	}
		
}