/* the overlayed element */
div.overlay {
	/* initially overlay is hidden */
	display:none;
	background-image:url(../img/white.png);
	padding:45px;
}

.photo {
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


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

#plan div.overlay {
	/* dimensions after the growing animation finishes  */
	margin:-10px 20px 0 -10px;
}

/* black */
div.overlay.black {
	background:url(../img/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../img/petrol.png) no-repeat !important;
	color:#fff;
}

/* planacces */
div.overlay.planacces {
	background:url(../img/white_920x738.png) no-repeat !important;
	padding: 35px 45px;
	color:#fff;
}

/* certifications */
div.overlay.certifications{
	background:url(../img/white_720x1020.png) no-repeat !important;
	padding: 55px 45px;
	color:#fff;
}
div.overlay.certifications .close{
	right: 0px;
	top: 25px;
}

/* croquis_traitement_ep */
div.overlay.traitement_ep{
	background-image:url(../img/white_790x565.png);
	padding: 55px 45px;
	color:#fff;
}

/* croquis_epuration */
div.overlay.epuration{
	background-image:url(../img/white_790x415.png);
	padding: 55px 45px;
	color:#fff;
}
div.overlay.epuration .close{
	right: 10px;
	top: 0px;
}

/* electricite */
div.overlay.electricite{
	background-image:url(../img/white_720x1020.png);
	padding: 85px 45px;
	color:#fff;
}
div.overlay.electricite .close{
	right: 10px;
	top: 30px;
}

/* isigny */
div.overlay.isigny{
	background-image:url(../img/white_790x1200.png);
	padding: 60px 45px 15px 45px;
	color:#fff;
}
div.overlay.isigny .close{
	right: 10px;
	top: 30px;
}

/* others parameters */
div.black h2, div.petrol h2 {
	color:#ddd;		
}

/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(../img/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    /*width:640px; */    
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:11px; 
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
	background-image:url(../img/close.png);
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.triggers {
	margin:0px;
}

.triggers img {
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.no_mask {
	background:none; 
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}