@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------CSS RESET--------------------------------------------------- */
/* ~~~~~~~~~~ reset styles ~~~~~~~~~~ */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, 
dd, dt, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
font-size{ 1em;	
}
p {
	padding-bottom: 1.2em;	
}

* {
	outline:none;
}
body, select, input, textarea {
font: 100%/1.2 "lucida sans", verdana, arial, helvetica, sans-serif;
}

/*-------------------------------------------CSS--------------------------------------------------- */
	
html,body {
	margin:0;
	padding:0;
background:url(images/pattern.jpg) repeat-x center top #141414;
	font-family:arial,sans-serif;
	font-size:small;
	color:#e3c197;
}


div#container {	
	margin:0 auto; 
	width:900px;
	text-align:left;
	background:url(images/back_header.jpg) no-repeat center top ;
}

div#header {
	padding:0px;
	}
div#menu {
	padding:136px 0px 18px 0px;
	width:900px;
	}
	
div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	
	vertical-align:baseline;
	height:137px;
	background:url(images/back_footer.jpg) repeat-x;
	
	
}

div#footer_size {
	margin:0 auto; 
	width:900px;
	
}
	
div#footer_left {
	font-size:11px;
	float:left;
	width:400px;
	padding:10px;
	text-align:left;
}

div#footer_right {
	font-size:11px;
	float:right;
	text-align:right;
	width:400px;
	padding:10px;
}

div#footer a {
	color:#e8d6c0;
}

a:link{
		color:#e8d6c0;
	}
	
	a:visited{
		color:#e8d6c0;
	}
	
	a:hover{
		color:#f0ed97;
	}


div#bloc_accueil {
	width:900px;
	height:360px;
	background:url(images/back_accueil2.jpg) no-repeat;
	padding-bottom:10px;
}

div#flash_accueil {
	padding:1px;
	float:left;
	}
	
div#gino {
	padding:1px;
	float:right;
	}
	
div#gino2 {
	width:400px;
	float:left;
	text-align:center;
	padding-top:7px;
	}
	
div#gino3 {
	width:500px;
	float:left;
	padding-top:7px;
	}
	
div#domus {
	width:900px;
	height:140px;
	background:url(images/back_domus.jpg) no-repeat;
	padding:10px 0px 10px 0px;
}

div#texte {
	float:left;
	width:420px;
	padding-bottom:15px;
	}
	
	

div#image {
	float:right;
	width:451px;
	padding-right:11px;
	}
	
div#imagec {
	float:right;
	width:451px;
	padding-right:11px;
	text-align:right;
	}
	
	
div#texteb {
	float:left;
	width:362px;
	padding-bottom:15px;
	padding-right:20px;
	line-height:19px;
	font-size:14px;
	}


div#imageb {
	float:left;
	float:right;
	width:518px;
	
	}
	
	div.image_terrains{
	float:left;
	width:200px;
	padding:11px;
	}
	
	
	div.terrains{
		width:900px;
		border-top:#e3c197 solid 1px;
		
	}
	
	div.texte_terrains {
	float:left;
	width:250px;
	padding-bottom:15px;
	}
	
div#module3d {
	text-align:center;
	padding:15px;
	width:870px;
	border-top:#e3c197 solid 1px;
	border-bottom:#e3c197 solid 1px;
	}
	
div#img_bromont {
	float:left;
	padding-right:20px;
	}
	
div#img_bromont2 {
	float:left;
	}
	
div#gallery {
	padding:10px;
	float:left;
	min-height:150px;
	}
	
h1 {
	font-size:17px;
	letter-spacing:2px;
	font-weight:normal;
	padding-left:11px;
	color:#e3c197;
	}
	
ul {
	padding:3px 0px 3px 40px;
	line-height:20px;
	}
	
	
	
	h3{ margin: 10px 10px 0 10px; color:#e8d6c0; font-size:15px; letter-spacing:1px; font-weight:bold; text-transform:uppercase;  }
	
	.boxgrid{ 
				width: 203px; 
				height: 175px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 1px #e3c197; 
				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)";
 			}
 	.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 	.caption .boxcaption {
 					top: 220;
 					left: 0;
					}
					
	a#realisation{
	color:#e8d6c0;
	}