/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{background:white;margin-top:20px;padding:10px;}
        #cboxLoadedContent{background:transparent;}
        
        /* ADAPTATION POUR RAJOUTER LE COMPTEUR DE VUES
		Les rgles suivantes sont commentes pour obtenir l'apparence exacte de la fentre modale du plugin lightBox
		Si vous souhaitez afficher le compteur de vues et les commandes du diaporama, suivez ces deux tapes
		
		1) dcommentez les lignes ci-dessous :
		#cboxTitle{position:absolute;bottom:0; left:10px;right:10px;margin:0 auto; padding:0 70px;line-height:150%;text-align:center;background:#fff;color:#000;}		
		#cboxCurrent{position:absolute; bottom:-5px; right:10px;margin:0; line-height:150%;padding:0 5px 0 0;background:transparent;color:#000;}
        #cboxSlideshow{position:absolute; bottom:-5px; left:10px;margin:0; line-height:150%;padding:0 0 0 5px;background:transparent;color:#000;}
		
		2) commentez les lignes ci-dessous : */
		#cboxTitle{position:absolute;bottom:0; left:10px;right:10px;margin:0 auto; padding:0 10px;line-height:150%;text-align:center;background:#fff;color:#000;}
		#cboxCurrent,#cboxSlideshow{position:absolute; top:-5000px;}
		/*FIN DE L'ADAPTATION */
		
		
        #cboxPrevious{position:absolute;top:10%;left:10px; width:20%; height:80%; text-indent:-9999px;}
        #cboxPrevious.hover{background:url(index.php?pf=colorbox/themes/3/images/prev.png) center left no-repeat;}
        #cboxNext{position:absolute; top:10%;right:10px; width:20%; height:80%; text-indent:-9999px;}
        #cboxNext.hover{background:url(index.php?pf=colorbox/themes/3/images/next.png) center right no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(index.php?pf=colorbox/themes/3/images/loading.gif) center center no-repeat;}
        #cboxClose{width:100%; margin-top: 10px; padding-bottom: 1em; padding-right: 10px; padding-left: 10px; margin-left: -10px; background:#fff url(../img/closelabel.gif) 98% 0% no-repeat; background-position-y: 10px;}
		#cboxPhoto{background:#FFF; padding:1px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

