h3 {color:#A40000}
		.date {
			font-weight:bold;
		}
		.erreur {color:red;font-weight:bold;}
		.film {font-weight:bold;}
		.hm {
			color:#3C3C3C;
			margin:20px;
			text-align:justify;
			font-size:14px;
		}
		.hm a {
			text-decoration:none;
			border-bottom:1px dotted #A40000;
		}
		.hm a:hover {
			text-decoration:none;
			border-bottom:1px dotted #ffffff;
		}
		.hv {
			margin-top:10px;
			font-size:13px;
		}
		a.lien {
			text-decoration:underline;
			border-bottom:1px dotted #ffffff;
		}
		a.lien:hover {
			text-decoration:none;
			border-bottom:1px dotted #ffffff;
		}
		.vignette {
			width:90px;
			height:auto;
			-webkit-box-shadow: 5px 5px 12px -3px rgba(0,0,0,0.81);
			-moz-box-shadow: 5px 5px 12px -3px rgba(0,0,0,0.81);
			box-shadow: 5px 5px 12px -3px rgba(0,0,0,0.81);
			margin:0 20px 15px 0; border: none;
		}
		.centre {padding:10px 10px 0 10px;}
		.Pagination {
			padding-top:5px;
		  position: relative;
		  height: 25px;
		  left: 0;
		  right: 0;
		  background: rgba(232,220,193,0.8);
		  vertical-align:middle;
		  color: black;
		  bottom: 0;
		  border-top: 1px solid black;
		}
@media screen and (max-width: 500px) {
		
	.vignette {
		width:50px;
		height:auto;
		-webkit-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.81);
		-moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.81);
		box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.81);
		margin:0 2px 2px 0; border: none;
	}

}