.intro-image{	
background-image: url('/img/transfert-entreprise.webp'); /* Remplacez l'image ici */}

.intro-image::before{	
opacity: 0.4; /* Transparence *//}

.img-demenagement{
background-image:url("/img/reseaux.webp");}

.presentation-page-droite {
justify-content: flex-start; /* Aligne le contenu à gauche  */}

.fond-slider {
width: 400px;  /* Largeur du conteneur */
height: 300px; /* Hauteur du conteneur */
border: 2px solid #fcee21;
margin: 0;  /* Retirer toute marge automatique */
padding: 0; /* S'assurer qu'il n'y a pas de padding qui l'éloigne */
margin-bottom:50px;
float: left; /* Force le conteneur à se placer à gauche */}


.slider {
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;  /* Aligne les éléments en haut du conteneur */
justify-content: flex-start;  /* Aligne le contenu du slider à gauche */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
animation: animate 25s ease-in-out infinite;}

.eco-responsable {
display: flex; /* Active Flexbox */
align-items: center; /* Aligne verticalement au centre */
gap: 10px; /* Espace entre l'icône et le texte */
color: green; /* Applique la couleur verte à tout le conteneur */}

@keyframes animate {
0%,100% {
background-image: url('/img/logo/bacs.jpg');}	
25% {
background-image: url('/img/logo/bureaux.jpg');}
50% {
background-image: url('/img/logo/informatique.jpg');}
75% {
background-image: url('/img/logo/protection.jpg');}
100% {
background-image: url('/img/logo/protection-escalier.jpg');}

}

/*        Version Tablette Portrait     */
@media (min-width: 700px) and (max-width: 991.98px) and (orientation: portrait){
.contenaire	{
height:100%;
width:100%;
}

.img-gauche{
height:350px;
width:500px;}

.fond-slider {
float:none;
margin:0 auto;
}
	
}	
/*     FIN  Version Tablette portrait               */


/*        Version Tablette Paysage      */
@media (min-width: 700px) and (max-width: 1200px) and (orientation: landscape){	

.presentation-page-droite{
width:390px;
height:500px;}/*permet de mieux centrer l'image verticalement*/

.img-demenagement{
width:390px;
height:500px;}

}

/*        Version mobile portrait       */
@media (max-width: 600px){

.intro-image{	
background-image: url('/img/transfert-entreprise-m.webp'); /* Remplacez l'image ici */}

.eco-responsable {
display: block;
margin:0 auto;
text-align:center;
padding-top:2em;}

.img-gauche{
height:200px;
width:300px;}

}
/*     FIN  Version Mobile portrait               */

/*        Version mobile paysage       */
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: landscape){

.presentation-page-droite{
display: block;
justify-content: center;
align-items: center;
margin: 0 auto;
text-align: center;
width: auto; /* Pour occuper toute la largeur disponible */
height: 320px; 
margin-bottom:0em;
margin-top:0em;}

.img-demenagement{
height:250px; /*meme taille que height presentation-page-gauche-img */
width:auto;
margin:0;
padding:0;}

.img-gauche{
height:350px;
width:350px;}	

.fond-slider {
float:none;
margin:0 auto;}	
		
}