@charset "utf-8";

body {
	background-color:#000;
}

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

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

#container_c {
	margin:0 auto;
	width:750px;
	height:600px;
	padding:0;
}

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

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

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

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

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

.titre_concept {
	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;
}

#container_c {
	margin:0 auto;
	width:800px;
	height:1000px;
	padding:0;
}


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

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

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

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

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

#container_c {
	margin:0 auto;
	width:800px;
	height:1000px;
	padding:0;
}


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

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