.lesPhotos
{
    margin:5px;  
}


.divFlyOut
{
    position:absolute;
    top:250px;
    /* left:50%;
    margin-left:-230px; */
    right:150px;
    z-index:200; 
		text-align:right;		
}

.etape-0
{
    width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;

}

.etape-1
{
    width: 10px;
    filter:alpha(opacity=10);
   -moz-opacity:0.1;
   -khtml-opacity: 0.1;
   opacity: 0.1;

    
}
.etape-2
{
    width:30px;
    filter:alpha(opacity=20);
   -moz-opacity:0.2;
   -khtml-opacity: 0.2;
   opacity: 0.2;

}
.etape-3
{
    width:60px;
    filter:alpha(opacity=30);
   -moz-opacity:0.3;
   -khtml-opacity: 0.3;
   opacity: 0.3;

}
.etape-4
{
    width:90px;
    filter:alpha(opacity=40);
   -moz-opacity:0.4;
   -khtml-opacity: 0.4;
   opacity: 0.4;

}
.etape-5
{
    width:120px;
    filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;

}
.etape-6
{
    width:160px;
    filter:alpha(opacity=60);
   -moz-opacity:0.6;
   -khtml-opacity: 0.6;
   opacity: 0.6;

}
.etape-7
{
    width:200px;
    border-right: #000000 20px solid;
    border-top: #000000 20px solid;
    border-left: #000000 20px solid;
    border-bottom: #000000 20px solid;
    
    filter:alpha(opacity=70);
   -moz-opacity:0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;

}
.etape-8
{
    width: 250px;
    border-right: #000000 20px solid;
    border-top: #000000 20px solid;
    border-left: #000000 20px solid;
    border-bottom: #000000 20px solid;
    
    filter:alpha(opacity=80);
   -moz-opacity:0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;

}
.etape-9
{
    width: 350px;
    border-right: #000000 20px solid;
    border-top: #000000 20px solid;
    border-left: #000000 20px solid;
    border-bottom: #000000 20px solid;
    
    filter:alpha(opacity=90);
   -moz-opacity:0.9;
   -khtml-opacity: 0.9;
   opacity: 0.9;

}
.etape-10
{
    width: 530px;
    border-right: #000000 20px solid;
    border-top: #000000 20px solid;
    border-left: #000000 20px solid;
    border-bottom: #000000 20px solid;
    
    filter:alpha(opacity=100);
   -moz-opacity:1.0;
   -khtml-opacity: 1.0;
   opacity: 1.0;

}

.B-etape-0
{
    width: 1px;
    filter:alpha(opacity=0);
   -moz-opacity:0;
   -khtml-opacity: 0;
   opacity: 0;

}

.B-etape-1
{

    filter:alpha(opacity=10);
   -moz-opacity:0.1;
   -khtml-opacity: 0.1;
   opacity: 0.1;

    
}
.B-etape-2
{

    filter:alpha(opacity=20);
   -moz-opacity:0.2;
   -khtml-opacity: 0.2;
   opacity: 0.2;

}
.B-etape-3
{

    filter:alpha(opacity=30);
   -moz-opacity:0.3;
   -khtml-opacity: 0.3;
   opacity: 0.3;

}
.B-etape-4
{

    filter:alpha(opacity=40);
   -moz-opacity:0.4;
   -khtml-opacity: 0.4;
   opacity: 0.4;

}
.B-etape-5
{

    filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;

}
.B-etape-6
{

    filter:alpha(opacity=60);
   -moz-opacity:0.6;
   -khtml-opacity: 0.6;
   opacity: 0.6;

}
.B-etape-7
{

    filter:alpha(opacity=70);
   -moz-opacity:0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;

}
.B-etape-8
{

    
    filter:alpha(opacity=80);
   -moz-opacity:0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;

}
.B-etape-9
{

    filter:alpha(opacity=90);
   -moz-opacity:0.9;
   -khtml-opacity: 0.9;
   opacity: 0.9;

}
.B-etape-10
{
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
		z-index: 200; 
}