﻿
    /*******************************************
        Style pour l'affichage du diaporama 
        de la page d'accueil
    ********************************************/
    .diaporama
    {
        position:relative;
        width:547px;
        background: #ffffff;
        /*height:153px;*/
        height:200px;
        margin-bottom:10px;
        margin-left:18px;
    }
    .diaporamaIndex
    {
        position:absolute;
        width:547px;
        margin-top: -16px;
        z-index:100;
    }
    .diaporamaIndex div
    {
        float:right;
        padding-left:6px;
        padding-right:0px;
        padding-top:3px;
        padding-bottom:5px;
        text-align:right;
        font-family:Verdana;
        color:#FFFFFF;
        opacity:0.7;
        filter:alpha(opacity=70);
    }
    .diaporamaIndex div a
    {
        padding:2px;
        padding-top:1px;
        padding-bottom:1px;
        margin-left:2px;
        font-weight:bold;
        color:#000000;
        background-color:#FFFFFF;
        text-decoration:none;
        font-size:10px;
    }

    .diaporama div.divPremiereDiapo
    {
        left:0px;
        position:absolute;
        visibility:visible;
        top:0px;
        width:547px;
        z-index:1;
    }
    .diaporama div.divDiapoSuivante
    {
        left:768px;
        left:0px;
        position:absolute;
        visibility:hidden;
        top:0px;
        width:547px;
        z-index:0;
    }
    .diaporama div.divFiltre
    {
        left:-768px;
        position:absolute;
        visibility:visible;
        top:0px;
        width:547px;
        height:153px;
        background-color:#FFFFFF;
        opacity:0.5;
        filter:alpha(opacity=50);
        z-index:2;
    }