@charset "utf-8";

body {
	background-color:#000;
}

.col_left {
	float:left;
	max-width:300px;
}

.col_right {
	float:right;
	max-width:300px;
}

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

.im_dp {
	background-image:url(../im_dp/dp.jpg);
	width:300px;
	height:211px;
	margin-top:-20px;
}

.im_dp:hover {
	background-image:url(../im_dp/dp2.jpg);
	width:300px;
	height:211px;
	margin-top:-20px;
}
.im_cat_par_seine {
	background-image:url(../im_cat/cat.jpg);
	width:300px;
	height:212px;
	margin-top:-20px;
}
.im_cat_par_seine:hover {
	background-image:url(../im_cat/cat2.jpg);
	width:300px;
	height:212px;
	margin-top:-20px;
}
.fond_p_actus {
	width:800px;
	margin: 0px auto;
	height:1600px;
	margin-top:10px;
	margin-bottom:-80px;
	background:rgba(0,0,0,0.7);
}

.titre_actus {
	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_a {
	margin-top:-20px;
	margin:0 auto;
	width:750px;
	height:1000px;
	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_a img {
	width:300px;
	height:auto;
	float:left;
	padding-right:20px;
}

.text_lien {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	width:30%;	
}

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

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

.col_left {
	float:left;
	max-width:300px;
}

.col_right {
	float:right;
	max-width:300px;
}

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

.im_dp {
	background-image:url(../im_dp/dp.jpg);
	width:300px;
	height:211px;
	margin-top:-20px;
}

.im_dp:hover {
	background-image:url(../im_dp/dp2.jpg);
	width:300px;
	height:211px;
	margin-top:-20px;
}

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

.titre_actus {
	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_a {
	margin-top:-20px;
	margin:0 auto;
	width:750px;
	height:1000px;
	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_a img {
	width:300px;
	height:auto;
	float:left;
	padding-right:20px;
}

.text_lien {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	width:30%;	
}

}

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

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

.titre_actus {
	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_a {
	margin:0 auto;
	width:750px;
	height:500px;
	padding:0;
}
.text_p {
	text-align:justify;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:50px;
	padding:0;
}

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