.contenaire {
 background: #fff;    
}

.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");}

.img-gauche {
background-image: url(/img/transfert-bureaux.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 350px;
height: 350px;
padding-bottom: 5rem;
border: solid 2px #fcee21;
}

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

.cadre-textedroite {
width: 65%;
}

.cadre-imagegauche {
    width: 35%;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}

ul li {
  margin-bottom: 15px; /* Espace de 15px sous chaque élément de la liste */
}

.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 */
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;
}

.cadre-imagegauche {
width: 100%;
height: auto;
display: block;
padding-bottom: 2em;
}

.cadre-textedroite {
    width: 100%;
}

}	
/*     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*/

.cadre-textedroite {
width: 100%;
}

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

.cadre-imagegauche {
    width: 100%;
    display: block;
}
.img-gauche {
height: 60vh;
width: 65%;
}

}

/*        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;}

.cadre-imagegauche {
width: 100%;
justify-content: center;
padding-bottom: 2em;
}

.cadre-textedroite {
width: 100%;
}

.fond-slider{
padding-bottom:50px;    
}

}
/*     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;}	

.cadre-imagegauche {
width: 100%;
display: block;
padding-bottom: 2em;
}

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