.bienvenue {
	bborder: 1px solid red;
}
 {
	bbackground-color: red;
	bbackground-image: url("../../../imgs/pagesImgs/accueil/topBG-index.png");
	bbackground-size: cover; /* Scale the image to cover the element */
	bbackground-position: center; /* Center the image within the element */
	bbackground-repeat: no-repeat; /* Prevent the image from repeating */
	ppadding: 10em 0 10em 0;
	ttext-align: left;
}
/* Video */
#topIndex {
	width: 100%;
	height: 70vh;
}
#topIndex video {    
    width: 100%; /* Ensure the video takes the full width and height of its container */
    height: 100%; /* This ensures the video scales proportionally to fit within the container */
    object-fit: cover; /* cover will stretch the video. contain will place the video in the midel but will not stretch it*/
}
@media screen and (max-width: 768px) { /* Starting from 1 px to 600 px */
	/* Basic */
	#topIndex {
		bborder: 1px solid red;
		width: 100%;
		height: 40vh;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) {
	/* Basic */
	#topIndex {
		bborder: 1px solid red;
		width: 100%;
		height: 40vh;
	}
}
.image {
	bborder: 1px solid red;
	position: absolute;
	top: 100px;
	left: 50px;
}
#topIndex .image {
	border-radius: 100%;
	width: 20em;
	height: 20em;
	margin: 0;
}
#topIndex .image img {
	border-radius: 100%;
}
#topIndex h1 {
	margin-top: 0.35em;
}
#topIndex p {
	font-size: 1.5em;
	line-height: 1.75em;
}
#topIndex p a {
	color: inherit;
}
.row000 {
	border: 1px solid red;
}