/* Pour mini bloque article */

.cadre_mini_article {
	display:inline-block;
	width:280px;
	border:1px solid #ccc;
	margin:5px;
	-webkit-box-shadow: 1px 1px 4px 0 #ffffff;
	box-shadow: 1px 1px 4px 0 #ffffff;
	cursor:pointer;
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background-color:#fff;
}

.cadre_mini_article:hover {
	-webkit-box-shadow: 1px 1px 4px 0 #666666;
	box-shadow: 1px 1px 4px 0 #666666;
}

.cadre_mini_article .image_dans_mini_article {
	width:280px;
	height:150px;
	overflow:hidden;
	background-color:#2e2e2e;
	position:relative;
}

.cadre_mini_article .effet_survol_article {
	position:absolute;
	top:150px;
	width:100%;
	height:150px;
	padding:10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#2e2e2e;
	color:#fff;
	font-size:22px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cadre_mini_article:hover .effet_survol_article {
	top:0px;
}

.cadre_mini_article .titre_mini_article {
	font-weight:bold;
	color:#373737;
	font-size:18px;
	padding:5px;
}


.cadre_mini_article .texte_mini_article {
	font-size:14px;
	height:80px;
	overflow: hidden;
	padding:5px;
}

.cadre_mini_article .date_mni_article {
	font-style:italic;
	color:#595959;
	font-size:12px;
	padding:5px;
	text-align:right;
}

.lire_la_suite {

	border-bottom:1px solid #ccc;
	padding-top:18px;
	padding-left:5px;
}

.footer_titre {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 28px;
    color: #ddd;
    text-transform: uppercase;
}


.cadre_des_footer {
	width:100%;
	padding-top:1px;
}

.enveloppe_ligne_footer {
	width:100%;
	padding-top:1px;
}

.cadre_element_colonne {

}

.element_pied_de_page {

}

@media screen and (min-width:320px) {
	.contenu_footer_centre {
		width:300px;
		margin:auto;
	}
}

@media screen and (min-width:400px) {
	.contenu_footer_centre {
		width:380px;
		margin:auto;
	}
}

@media screen and (min-width:530px) {
	.contenu_footer_centre {
		width:510px;
		margin:auto;
	}
}

@media screen and (min-width:730px) {
	.contenu_footer_centre {
		width:710px;
		margin:auto;
	}
}

@media screen and (min-width:830px) {
	.contenu_footer_centre {
		width:810px;
		margin:auto;
	}
}

@media screen and (min-width:1000px) {
	.contenu_footer_centre {
		width:990px;
		margin:auto;
	}
}