@charset "utf-8";

body {
	background-color:#000;
}

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

.titre_plan {
	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_p {
	margin-top:-20px;
	margin:0 auto;
	width:750px;
	height:600px;
	padding:0;
}
.text_plan1 {
	margin-left:50px;
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:30px;
	padding:0;
}
.text_plan2 {
	margin-left:80px;
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:20px;
	padding:0;
}

#container_p img {
	width:300px;
	height:auto;
	float:left;
	padding-right:20px;
}

.text_lien {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	background-color:#CCC;
	width:30%;	
}

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

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

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

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

.text_plan1 {
	margin-left:80px;
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:70px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:35px;
	padding:0;
}
.text_plan2 {
	margin-left:120px;
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:30px;
	padding:0;
}

.text_lien {
	font-family:Verdana, Geneva, sans-serif;
	font-size:40px;
	color:#FFF;
	background-color:#CCC;
	width:60%;	
}
}

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

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

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

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

.text_plan1 {
	margin-left:80px;
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:70px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:35px;
	padding:0;
}
.text_plan2 {
	margin-left:120px;
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:30px;
	padding:0;
}

.text_lien {
	font-family:Verdana, Geneva, sans-serif;
	font-size:40px;
	color:#FFF;
	background-color:#CCC;
	width:60%;	
}

}