/********************************Taille diapo************************/
.demo {
           width: 640px;
            height: 350px;
            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 : 10px;
    height:305px;
    margin-left: 400px;
    width:240px;
    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: 14px 14px 4px 14px;
    color : #063365;
    font-size:1.em;
    white-space: normal;

}
.fond_diapo > p {
    
    padding:0px 14px 0px 14px;
    font-size:0.8em;
    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;
}