@-webkit-keyframes AutoSlide {
    0%, 19%, 100% {
        left: 0px;
    }
    20%, 39% {
        left: -500px;
    }
    40%, 59% {
        left: -1000px;
    }
    60%, 79% {
        left: -1500px;
    }
    80%, 99% {
        left: -2000px;
    }
}
@-moz-keyframes AutoSlide {
    0%, 19%, 100% {
        left: 0px;
    }
    20%, 39% {
        left: -500px;
    }
    40%, 59% {
        left: -1000px;
    }
    60%, 79% {
        left: -1500px;
    }
    80%, 99% {
        left: -2000px;
    }
}
@keyframes AutoSlide {
    0%, 19%, 100% {
        left: 0px;
    }
    20%, 39% {
        left: -500px;
    }
    40%, 59% {
        left: -1000px;
    }
    60%, 79% {
        left: -1500px;
    }
    80%, 99% {
        left: -2000px;
    }
}

#slideshow {
    position: relative;
    width: 500px;
    height: 430px;
    margin: 0px auto;
    overflow: hidden;
	border-radius:12px;
	background-image: url(../images/immo_challenge_00.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#sContent li {
    display: inline;
    margin: 0;
    padding: 0;
}

#sContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 2500px;
    margin: 0;
    padding: 0;
    
	-webkit-animation-name: AutoSlide;
	-webkit-animation-duration: 28s;
	-webkit-transition: all 2s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	
	-moz-animation-name: AutoSlide;
	-moz-animation-duration: 28s;
	-moz-transition: all 2s ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	
	animation-name: AutoSlide;
	animation-duration: 28s;
	transition: all 2s ease-in-out;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

#slideimage {
	width: 500px;
    height: 430px;
    margin: 0px auto;
}

#slidebloc {
	display:block;
    position: absolute;
    width: 500px;
    height: 430px;
    margin: 0px auto;
}

	@media all and (max-width: 600px) {

@-webkit-keyframes AutoSlide {
    0%, 19%, 100% {
        left: 0px;
    }
    20%, 39% {
        left: -300px;
    }
    40%, 59% {
        left: -600px;
    }
    60%, 79% {
        left: -900px;
    }
    80%, 99% {
        left: -1200px;
    }
}
@-moz-keyframes AutoSlide {
    0%, 19%, 100% {
        left: 0px;
    }
    20%, 39% {
        left: -300px;
    }
    40%, 59% {
        left: -600px;
    }
    60%, 79% {
        left: -900px;
    }
    80%, 99% {
        left: -1200px;
    }
}
@keyframes AutoSlide {
    0%, 19%, 100% {
        left: 0px;
    }
    20%, 39% {
        left: -300px;
    }
    40%, 59% {
        left: -600px;
    }
    60%, 79% {
        left: -900px;
    }
    80%, 99% {
        left: -1200px;
    }
}

#slideshow {
    width: 300px;
    height: 258px;
	background-image: url(../images/immo_challenge_00_mob.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#sContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
    margin: 0;
    padding: 0;
}

#slidebloc {
	display:block;
    position: absolute;
    width: 300px;
    height: 258px;
    margin: 0px auto;
}

#slideimage {
	width: 300px;
    height: 258px;
}

}