*{ padding:0px; margin:0px; }
html {
background: url(../images/city-back.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
	margin:5px 0px; padding:0px;
	text-align:center;
}
a{ color:#C8DCE5; }
h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }

.boxgrid{ 
	width: 325px; 
	height: 260px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxcaption2{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 85px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

	.captionfull .boxcaption {
		top: 260;
		left: 0;
	}
	.caption .boxcaption {
		top: 0;
		left: 325;
	}
	
	.caption2 .boxcaption2 {
		top: 0;
		left: 325;
	}
	
.boutongraphique{
	/*display: block;*/
	background-color: transparent;
	background-image: url('../images/bouton-noir.png');
	/*background-repeat: no-repeat;*/
	width: 132px;
	height: 32px;
	margin: 5px ;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Pussycat, Algerian, Broadway;
	font-size: 20px;
	color: white;
	/*font-weight: bold;*/
	/*text-decoration: none;*/
	
}

.boutongraphique:hover, .boutongraphique.button:active {
	background-image: url('../images/bouton-noir-2.png');
	color: white;
}

#preset{
	width:800px;
	margin:0px auto;
	text-align:left;
	padding:5px;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:775px; 
  height:153px;
  padding:10px;
  background-color:#000000;
}

.close{
	position:absolute;
	top:0;
	right:0;
}

#bottom-box { position: absolute; bottom: 5%; left: 40%; }
#bottom-box2 { position: absolute; bottom: 5%; left: 20%; }
#bottom-box3 { position: absolute; bottom: 5%; left: 60%; }
#center-box { position: absolute; top: 5%; left: 5%; }
#center-box2 { position: absolute; top: 5%; left: 40%; }