/* Bannière */
.banner {
	max-width: 1240px;
	height: 150px;
	background: no-repeat url("./img/sunrise_banner.jpg");
	margin: 10px auto;
	padding: 10px;
	color: white;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.banner img {
	width: 100%;
    max-height: 10vh;
	/* margin-bottom: -3px; */
}

h1 {
    font-size: 1.5em;
    font-weight: bold;
}

/* Corps de la page principale */
.home_container {
    margin: 0 auto;
}

.flex-row-container {
	display: flex;
    flex-flow: row wrap;
}

.flex-col-container {
	display: flex;
    flex-flow: column nowrap;
	margin: 0 2vw;
}

.home_item_container {
	display: block;
	width: 95%;
    max-width: 600px;
	margin: 10px auto;
	margin-right: 0px;
	padding: 5px;
	/* padding: 10px; */
    /* border: 1px solid black; */
    /* border-radius: 10px; */
    /* box-shadow: 5px 5px 5px darkgrey; */
	margin-bottom: 20px;
	background-color: #b8ffb8;
	border: 1px solid black;
	/* border-radius: 10px 10px 0 0; */
	/* box-shadow: 5px 5px 5px darkgrey; */
	box-shadow: 1vw 1vw 0 forestgreen;
}
.home_item_title {
	text-align: center;
	font-weight: 700;
}

#last_comments {
	/* margin-top: 0px; */
}

/* Nuage de mots */
.cloud_container {
	background-color: white;
	margin: 10px auto;
    padding: 10px;
    /* width: 400px; */
    width: 96%;
	height: 200px;
	border: 1px solid black;
	border-radius: 10px;
	/* box-shadow: 5px 5px 5px darkgrey; */
}
/* Gestion du nuage pour les mobiles (en mode portrait) */
@media screen and (max-width: 450px) {
	.cloud_container {
		width: 94%;
	}
}


/* Top 10  */
.top10_list_container {
	background-color: white;
	margin: 10px auto;
	border: 1px solid black;
	border-radius: 10px;
	/* box-shadow: 5px 5px 5px darkgrey; */
}


/* surcharge des styles mfb */
.date_nav_container {
	position: static;
	margin: 0px;
}
.date_nav_container table {
	border: 0px;
}
.quote_container {
	margin-right: 1vw;
	box-shadow: none;
}
.comment_block_container {
	/* margin-left: 50px; */
	border-radius: 10px;
	padding: 0px;
	box-shadow: none;
}
.plan_item {
	margin-bottom: 0px;
	border-radius: 10px;
	box-shadow: none;
}
.image_title {
	border-radius: 10px;
}
#last_comments .comment_block_container {
	margin-top: 10px;
	margin-left: 0px;
}