﻿.carrousel
{
    width:1260px;
    height:400px;
    position:relative;
}

.carrousel a:link,.carrousel a:focus,.carrousel a:visited
{
    text-decoration:none;
    color:#000000;
}

.carrousel .contenu 
{
    position:relative;
    width:1260px;
    height:400px;
}
.carrousel .contenu .elementCarrousel
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition: opacity 1s;
}

.carrousel .contenu .elementCarrousel.affiche
{
    opacity:1;
    transition: opacity 1s;
}

.carrousel .contenu .elementCarrousel img
{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    width:100%;
    height:100%;
}

.carrousel .contenu .elementCarrousel div, .carrousel .contenu .elementCarrousel a
{
    position:absolute;
    left:0;
    z-index:1;
}





.carrousel .contenu .elementCarrousel div.titre { top:0 }
.carrousel .contenu .elementCarrousel div.sousTitre { top:1em }
.carrousel .contenu .elementCarrousel div.texte { top:2em }
.carrousel .contenu .elementCarrousel a.lien { top:3em }
.carrousel .contenu .elementCarrousel a.image {width:100%;height:100%;}


.carrousel .contenu .elementCarrousel.actif
{
    display:block;
}


.carrousel .paginateur
{
    background-color:#000000;
    position:absolute;
    bottom:0;
    left:50%;
    z-index:10;
}

.carrousel .paginateur .pages
{
    background-color:#FF0000;
}

.carrousel .paginateur .pages .page
{
    width:20px;
    display:inline-block;
    border:1px solid #000000;
    transition:background-color 1s;
}

.carrousel .paginateur .pages .page.active
{
    background-color:#FF00FF;
    transition:background-color 1s;
}

.carrousel .paginateur .pages page
{

}

.carrousel .pagePrecedente, .carrousel .pageSuivante
{
    position:absolute;
    background-color:#0000FF;
    z-index:10;
}

.carrousel .pagePrecedente
{
    
    top:50%;
    margin-top:-10px;
    left:0;
}

.carrousel .pageSuivante
{
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:0;
}

.carrousel .interrupteurDefilement
{
    background-color:#FFFFFF;
    border:1px solid #000000;
    border-right:0;
    position:absolute;
    bottom:0;
    right:50%;
    z-index:10;
}









.carrousel.carrousel_Horizontal .contenu{
    overflow-x:hidden;
    overflow-y:hidden;
}

.carrousel.carrousel_Horizontal .contenu .elementCarrousel{
    top:auto;
    left:auto;
    position:relative;
    width:200px;
    display:inline-block;
    opacity:1;
}

.carrousel.carrousel_Horizontal .paginateur{
    display:none;
}

.carrousel.carrousel_Horizontal .interrupteurDefilement{
    display:none;
}