/* ----------------------- CSS Pour les popups ---------------------*/
/* http://www.dzyngiri.com/index.php/stunning-modal-web-popup-freebies/ */
div.modal-box.wrapper {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	font: 14px "Trebuchet MS", Verdana, Arial, sans-serif ;
	z-index: 2000;
	text-align: left;
	background-color: #fffeff;
}
div.modal-box  h1{font-weight: bold;}
div.modal-box p{font-weight: normal;}
div.modal-box h2 {font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;}
	
div.modal-box div.inside {margin: 3px;padding: 10px;z-index: 2000;}

/* Each Box's specified width: Required so that they're showing in the middle of the page */
div#imgProcess.modal-box {left: 25%; width: 1026px;	height: 696px; margin-left: -100px; margin-top: -300px; }
div#imgProcess.modal-box div.inside.green {height: 670px; background: #e6e6e6}
div#imgLogist.modal-box {left: 25%; width: 1026px;	height: 509px; margin-left: -100px; margin-top: -300px; }
div#imgLogist.modal-box div.inside.green {height: 483px; background: #e6e6e6}

div#textIndexGauche.modal-box {left: 25%; top: 700px; width: 600px;	height: 841px;}
div#textIndexGauche.modal-box div.inside.green {height: 815px; background: #e6e6e6; text-align: justify;}

div#textIndexDroite.modal-box {left: 25%; top: 700px; width: 600px;	height: 730px;}
div#textIndexDroite.modal-box div.inside.green {height: 704px; background: #e6e6e6; text-align: justify;}

div#textTransit.modal-box {width: 400px;	height: 200px;  }
div#textTransit.modal-box div.inside.green {height: 174px; background: #e6e6e6; text-align: justify;}

div#textDistrib.modal-box {width: 600px;	height: 530px;  }
div#textDistrib.modal-box div.inside.green {height: 504px; background: #e6e6e6; text-align: justify;}

div#textPub.modal-box {width: 600px;	height: 370px;  }
div#textPub.modal-box div.inside.green {height: 344px; background: #e6e6e6; text-align: justify;}

div#textNum.modal-box {width: 600px;	height: 560px;  }
div#textNum.modal-box div.inside.green {height: 534px; background: #e6e6e6; text-align: justify;}

div#textTransp.modal-box {width: 600px;	height: 400px;  }
div#textTransp.modal-box div.inside.green {height: 534px; background: #e6e6e6; text-align: justify;}

div#textMarseille.modal-box {width: 300px;	height: 200px;}
div#textMarseille.modal-box div.inside.green {height: 174px; background: #e6e6e6; text-align: justify;}

div#textMoussages.modal-box {width: 300px;	height: 200px;}
div#textMoussages.modal-box div.inside.green {height: 174px; background: #e6e6e6; text-align: justify;}

div#textBordeaux.modal-box {width: 300px;	height: 200px;}
div#textBordeaux.modal-box div.inside.green {height: 174px; background: #e6e6e6; text-align: justify;}

div#textLyon.modal-box {width: 300px;	height: 200px;}
div#textLyon.modal-box div.inside.green {height: 174px; background: #e6e6e6; text-align: justify;}

div#textSarcelles.modal-box {width: 300px;	height: 200px;}
div#textSarcelles.modal-box div.inside.green {height: 174px; background: #e6e6e6; text-align: justify;}

/* Close Buttons */
div.modal-box span.modal-close {position: absolute;top: -13px;right: -13px;width: 35px;height: 35px; background: url(../Imgs/close-buttons-sprite.png) no-repeat;}
div.modal-box span.modal-close:hover {background-position: 0 -37px;cursor: pointer;}
div.modal-box span.modal-close span {display: none;}
div.modal-box span.modal-close.left {top: -13px;left: -13px;}

div.modal-box div.clear{height: 1px;clear: both;}
div.modal-box.centered {text-align: center;}