/*-- Style du slider --*/
div.slider{
    width: 970px;
    height: 340px;
    margin: auto;
}
    /*-- Style des slides --*/
    div.slider > a{
        position: absolute;
        width: 970px;
        height: 340px;
    
        text-decoration: none;
        
        overflow: hidden;
    }
        div.slider > a.elementActif{        opacity: 1; z-index: 1; transition-duration: 0.4s;}
        div.slider > a:not(.elementActif){  opacity: 0; z-index: 0; transition-duration: 0.4s;}
    div.slider > a > img{
        width: 640px;
        min-height: 340px;
    }
    div.slider > a > h4{
        position: absolute;
        width: 300px;
        height: 20px;
        padding: 5px 15px 5px 15px;
        margin: 0 0 0 640px;
        /*background: rgba(255, 255, 255, 0.85);*/
        
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        
        overflow: hidden;
        text-overflow: '...';
        white-space: nowrap;
    }
    div.slider > a > p{
        position: absolute;
        width: 310px;
        height: 310px;
        padding: 0 10px;
        margin: 30px 0 0 640px;
        /*background: rgba(255, 255, 255, 0.85);*/
        
        font-size: 16px;
        text-align: justify;
        
        overflow: hidden;
    }
    /*-- Style des boutons --*/
    div.slider > .precedent, div.slider > .suivant{
        position: absolute;
        width: 50px;
        height: 50px;
        margin-top: 145px;
        cursor: pointer;
        
        z-index: 2;
    }
        div.slider > .precedent{    margin-left: 0;     background: url('../images/SliderFleche.50.50.png') center no-repeat, rgba(255, 255, 255, 0.7);}
        div.slider > .suivant{      margin-left: 590px; background: url('../images/SliderFleche.50.50.png') center no-repeat, rgba(255, 255, 255, 0.7); transform: scaleX(-1);}