/*body {font-family:Tahoma; font-size:9pt; vertical-align:top;margin:0px;text-align:center; background-color:#999999;}
    body { text-align:-moz-center;}*/
    .title { position:relative; left:0px; color:#024B7E;margin:5px;font-size:15px;font-weight:bold;;}
    #Workspace { text-align:left; padding:0px;}

    /* Data Viewer */
    #Viewer { clear:both;/*position:absolute; left:380px; top:30px;*/  border:0px solid #555555; width:450px; height:340px; background-color:#ffffff; padding:0px; }
	.data{width:428px;text-align:center;}
	#ViewerCaption{margin:10px 0 5px 0;padding:3px 0px 0px 0px;color:rgb(43,184,251);font-size:13px;font-weight:bold;}
	#ViewerReadmore{color:rgb(43,184,251);font-size:13px;font-weight:bold;}
	#ViewerReadmore a{
		text-decoration:none;
		color:rgb(43,184,251);
	}
    /* Generic Carousel Properties */
	/*pour le horizotale carousel*/
    .carousel { text-align:left;position:relative; clear:both; left:0px; margin-top:0px; 
        border:0px solid #555555; background-color:#333333;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
    }
    .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:pointer;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        -moz-opacity:0.7;
        opacity:0.7;
        list-style-type:none; margin:0px; 
    }
    .carousel .item.hover, .carousel .item.selected { 
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;    
    }

    /* Vertical Carousel */
    #Carousel { margin-left:10px;width:240px; height:175px; }
    #Carousel .container { left:1px; top:1px; width:240px; height:145px; }
        
    #Carousel .items { top:0; left:2px; }
    #Carousel .item { background-color:#ffffff; height:28px; margin-bottom:2px;  width:234px; }
    #Carousel .item.hover { background-color:#999999; }
    #Carousel .item.selected { background-color:#ffffff; }
    #Carousel .item .caption { position:absolute; left:35px; top:2px; width:195px; background-color:transparent; font-size:10px; }
    #Carousel .item .icon img { position:relative; left:2px; width:22px !important; height:22px; cursor:default; top:2px;}
    #Carousel .navButton { position:absolute; bottom:0px; width:122px; height:28px; }
    #Carousel .navButton.previous {  left:0px; background-image:url("images/interface/button.up.png");  }
    #Carousel .navButton.next { right:0px; background-image:url("images/interface/button.down.png"); }
    
    /* Hide data items from selector */
    #Carousel .item .email {display:none;} 

    /* Vertical Carousel Photo*/
    #Carousel4 { margin-left:10px;width:240px; height:175px; }
    #Carousel4 .container { left:1px; top:1px; width:240px; height:145px; }
        
    #Carousel4 .items { top:0; left:2px; }
    #Carousel4 .item { background-color:#ffffff; height:28px; margin-bottom:2px;  width:234px; }
    #Carousel4 .item.hover { background-color:#999999; }
    #Carousel4 .item.selected { background-color:#ffffff; }
    #Carousel4 .item .caption { position:absolute; left:35px; top:2px; width:195px; background-color:transparent; font-size:10px; }
    #Carousel4 .item .icon img { position:relative; left:2px; width:22px !important; height:22px; cursor:default; top:2px;}
    #Carousel4 .navButton { position:absolute; bottom:0px; width:122px; height:28px; }
    #Carousel4 .navButton.previous {  left:0px; background-image:url("images/interface/button.up.png");  }
    #Carousel4 .navButton.next { right:0px; background-image:url("images/interface/button.down.png"); }
    
    /* Hide data items from selector */
    #Carousel4 .item .email {display:none;} 

    /* Horizontal Carousel */
    #Carousel2 { height:88px; width:260px;}
    #Carousel2 .container { left:26px; top:2px; width:210px; height:100px; }        
    #Carousel2 .items { top:0; left:2px; width:1000px;}
    #Carousel2 .item { height:70px;  width:70px; float:left; clear:right; }
    #Carousel2 .item .icon img { position:relative; top:10px;left:0px; width:65px !important; height:65px; cursor:pointer;}
    #Carousel2 .navButton { position:absolute; bottom:0px; width:24px; height:87px; }
    #Carousel2 .navButton.previous {  left:0px; background-image:url('images/interface/button.left.png'); }
    #Carousel2 .navButton.next { right:0px; background-image:url('images/interface/button.right.png'); }

    /* Hide data items from selector */
    #Carousel2 .item .key { display:none;}
    #Carousel2 .item .picture { display:none;}
	.link{display:none;}