/* Matières */

/* focus */
.focuscuir img{
	width: 100%;
	border: 1px solid rgba(128,128,128,1);
	box-shadow: 8px 8px 4px rgba(0,0,0,0.3);	
}

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

	/* Iphone 3 4 5 portrait 320px */
	.focuscuir{
		width: 80%;
		margin:0 0 0 10%;
	}
	.focuscuir img{
		box-shadow: 6px 6px 3px rgba(0,0,0,0.2);	
	}

}

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

	/* Iphone 6 portrait 375px */		
	.focuscuir{
		width: 80%;
		margin:0 0 0 10%;
	}
	.focuscuir img{
		box-shadow: 6px 6px 3px rgba(0,0,0,0.2);
	}
		
}

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

	/* iphone 3 4 paysage 480px */

	.focuscuir{
		width: 60%;
		margin:0 0 0 20%;
	}
	.focuscuir img{
		box-shadow: 6px 6px 3px rgba(0,0,0,0.2);
	}
	
}

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

	/* iphone 5 paysage 568px */

	.focuscuir{
		width: 60%;
		margin:0 0 0 20%;
	}
	.focuscuir img{
		box-shadow: 6px 6px 3px rgba(0,0,0,0.2);
	}

}

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

	/* Samsung galaxy paysage 640px iphone 6 paysage 667 */

	.focuscuir{
		width: 60%;
		margin:0 0 0 20%;
	}
	
}

/* Tablettes */		

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

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

	.focuscuir{
		width: 60%;
		margin:0 0 0 20%;
	}
		
}

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

	/* Asus LG  paysage 960px */

	.focuscuir{
		width: 60%;
		margin:0 0 0 20%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}
	
}

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

	/* ipad paysage 1024 px */
	
	.focuscuir{
		width: 50%;
		margin:0 0 0 25%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}	
	
}

/* Ordinateurs */

@media all and (min-width:1100px) and (max-width:1199px) {
	
	/* focus */
	.focuscuir{
		width: 40%;
		margin:0 0 0 30%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}
	
}

@media all and (min-width:1200px) and (max-width:1299px) {
	
	/* focus */
	.focuscuir{
		width: 40%;
		margin:0 0 0 30%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}
	
}

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

	/* focus */
	.focuscuir{
		width: 40%;
		margin:0 0 0 30%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}

}

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

	/* focus */
	.focuscuir{
		width: 40%;
		margin:0 0 0 30%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}
	
}

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

	/* focus */
	.focuscuir{
		width: 40%;
		margin:0 0 0 30%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}
	
}

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

	/* focus */
	.focuscuir{
		width: 40%;
		margin:0 0 0 30%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}

}


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

	/* focus */
	.focuscuir{
		width: 40%;
		margin:0 0 0 30%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}
}


@media all and (min-width:1800px) {
	
	/* focus */
	.focuscuir{
		width: 40%;
		margin:0 0 0 30%;
	}
	.focuscuirlien li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}	
	
}