@charset "utf-8";

.fond_collection {
	width:800px;
	margin: 0px auto;
	height:640px;
	margin-top:10px;
	margin-bottom:-80px;
	background:rgba(0,0,0,0.7);
}

.titre_fiche {
	color:#FFF;
	padding-top:0px;
	padding-bottom:25px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
}

.btn_commander{
	color:#FFF;
	text-align:center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
}
	
#container_collection {
	margin:0 auto;
	width:750px;
	height:1000px;
	padding:0;
}

.text_fiche {
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:28px;
	padding:0;
}

#container_collection img {
	float:left;
	padding-right:20px;
}

@media only screen and (min-device-width: 20px) and (max-device-width: 320px) {

.fond_collection {
	width:900px;
	margin: 0px auto;
	color:#FFF;
	height:1600px;
	margin-top:10px;
	margin-bottom:0px;
	background:rgba(0,0,0,0.7);
}

.titre_fiche {
	color:#FFF;
	padding-top:20px;
	padding-bottom:25px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:40px;
	font-weight:normal;
	letter-spacing:2px;
}

.btn_commander{
	color:#FFF;
	text-align:center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:40px;
	font-weight:normal;
	letter-spacing:2px;
}

#container_collection {
	margin:0 auto;
	width:800px;
	height:1000px;
	padding:0;
}
.text_fiche {
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:40px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:40px;
	padding:0;
}
}

@media only screen and (min-device-width: 321px) and (max-device-width: 768px) {

.fond_collection {
	width:900px;
	margin: 0px auto;
	color:#FFF;
	height:600px;
	margin-top:20px;
	margin-bottom:0px;
	background:rgba(0,0,0,0.7);
}

.titre_fiche {
	color:#FFF;
	padding-top:10px;
	padding-bottom:25px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:normal;
	letter-spacing:2px;
}

.btn_commander{
	color:#FFF;
	text-align:center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:40px;
	font-weight:normal;
	letter-spacing:2px;
}

#container_collection {
	margin:0 auto;
	width:800px;
	height:100px;
	padding:0;
}
.text_fiche {
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:20px;
	padding:0;
}
}