/* Releve a l'identique depuis https://siavb.preprod.novanum.fr/alerte_crue.aspx */

.alerte-crue-container{
	position: relative;
	width: 100%;
}
.alerte-crue-container img.alerte-crue-image{
	width: 100%;
}
.alerte-crue-container p{
	margin: 0;
	font-size: 14px;
}
.alerte-crue-container p span{
	color: red;
	font-weight: bold;
}
.alerte-crue-container :is(.alerte-crue-legend, .alerte-crue-logo){
	position: absolute;
}
.alerte-crue-container .alerte-crue-legend{
	bottom: 8px;
	left: 8px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	background: #f3f3f3;
	padding: 8px;
	border-radius: 10px;
	border: 2px solid #a0a0a0;
	width: 320px;
}
.alerte-crue-container .alerte-crue-legend .legend-line{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
}
.alerte-crue-container .alerte-crue-legend .legend-line .legend-image{
	min-height: 25px;
	min-width: 65px;
	background-color: #FFF;
}
.alerte-crue-container .alerte-crue-legend .legend-line .legend-image.red-legend{
	border: 2px solid red;
}
.alerte-crue-container .alerte-crue-legend .legend-line .legend-image.green-legend{
	border: 2px solid green;
}
.alerte-crue-container .alerte-crue-logo{
	top: 8px;
	right: 8px;
}
.alerte-crue-date{
	margin: 6px 0 6px auto;
	width: fit-content;
	border: 1px solid #a0a0a0;
	padding: 4px 12px;
	border-radius: 4px;
}