﻿/*****************************/
/*  	   OVERLAY  		 */
/*****************************/
/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(navpics/fonds/overlay_white.png); 
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:440px;
	
	text-align:left;     
     
    /* some padding to layout nested elements nicely  */ 
    padding:37px 35px 35px 35px; 
 
    /* a little styling */     
    font-size:11px; 
}
div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(navpics/fonds/overlay_transparent.png);         
    color:#fff; 
}     
div.black h2 {
	color:#fff;
}
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(navpics/symboles/close.png); 
    position:absolute; right:10px; top:10px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* override default settings */
div.overlay {
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(navpics/fonds/overlay_white.png); 
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:560px;
	
	text-align:center;     
     
    /* some padding to layout nested elements nicely  */ 
    padding:37px 35px 35px 35px; 
 
    /* a little styling */     
    font-size:11px; 
}

/* default close button positioned on upper right corner */ 
.overlay div.close { 
    background-image:url(navpics/symboles/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

