/* SLIDE ELEMENTS */
#slider {
	width:100%;
	height :90%;
}
.slider-item {
	text-align: center;
	width:100%;
	height: 100%;
	display : block;
}

.slider-hidden {
	display : none;
}

.img {
	/*display : table-cell;*/
	margin : 0 auto;
    width:  100%;
	height : 100%;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     contain;
    overflow:hidden;
}
/* UI */
#slideshow_ui {
	position : relative;
	color : white;
	width : 100%;
	text-align:center;
	font-size:1.5em;
	margin : auto;
	
}
.points_slide {
	width: 100%;
}

.points_slide div {
	position:relative;
	display : inline-block;
}

.dot {
	cursor:pointer;
	top: 0px;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(255,255,255,.3);
	border : 1px;
	border-color:black;
}
.dot-actif{
	background-color: rgba(255,255,255,.7);
}

.dot:hover{
	background-color: rgba(255,255,255,1);
}

@media (max-width : 767px) {
	.dot {
		width: 12px;
		height: 12px;
		margin: 0 8px;
	}
}