/********************************Taille diapo************************/
.demo {
		   width: 320px;
			height: 175px;
			background-color: #fff;
			overflow: hidden;
			border-radius:10px;
}


/********************************************************/

.bamboo {
	position: relative;
	z-index: 0;
	overflow: hidden;
	font-size: 16px;
}

.bamboo>.slides {
	position: relative;
	z-index: 0;  
	margin: 0;
	padding: 0;  
	list-style: none;
}

.bamboo>.slides>.slide {
	z-index: 0;
	overflow: hidden;
	box-sizing: border-box;
}


/********************************legende diapo************************/
.fond_diapo {
	position:absolute;
	top : 20px;
	height:155px;
	margin-left: 220px;
	width:100px;
	font-size:16px;
	background-color : rgba(255, 255 ,255, .7);
	color:black;
	font-family : verdana;
	border-radius: 10px 0 0 10px;
}


.fond_diapo > h5 {
	padding: 10px 8px ;

	color : #191919;
	font-size:0.8em;
	white-space: normal;

}
.fond_diapo > p {
	
	padding : 5px;
	font-size:0.7em;
	white-space: normal;
	color:black;


}

/********************************Navigation Points************************/



.bamboo>.bamboo-dots {
	position: absolute;
	z-index: 5;
	bottom: 3%;
	left: 50%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	transform: translateX(-50%);
}

.bamboo>.bamboo-dots>* {
	float: left;
	width: 13px;
	height: 13px;
	margin: 2px 6px;
	transition: 0.4s ease;
	vertical-align: middle;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
	cursor: pointer;
}

.bamboo>.bamboo-dots>*:hover {
	background: rgba(6, 51, 101);
}

.bamboo>.bamboo-dots>*.focus {
	background: rgba(6, 51, 101);
}


.bamboo.roll {

}

.bamboo.roll>.slides {
	position: relative;
	height: 100%;
	transition: 0.2s ease;
}

.bamboo.roll>.slides>* {
	float: left;
	overflow: hidden;
}

.bamboo.roll-horizontal>.slides {
	font-size: 0px;
	white-space: nowrap;
}

.bamboo.roll-horizontal>.slides>* {
	display: inline-block;
	float: none;
	font-size: 12px;
}