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

Site : Extenpierre construction

Author : MacLaine
Colors : 
	Menu :  
		Background : #737a7f
					 #535353
		Link : 		 #000
			hover	 #fff
					 #a0a0a0
	
	Font : #94969c
	Link : #94969c
	
Font : Verdana, sans-serif;
	   10px;


*/
html { height : 100%; } 

body {
	height: 100%;
	background: url(../images/Matiere_pierre.jpg);
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: center;
	padding: 0; 
	margin: 0;
	overflow: hidden;
}

h1 {
	text-indent: -9999px;
	margin : 10px 150px;
	background: url(../images/logo.png) no-repeat;
	width: 600px;
	height: 80px;
	
	/* IE */
	
	-background: url(../images/logo.gif) no-repeat;
}


div#splash {
	position: absolute;
	width: 900px;
	height: 140px;
	left: 50%;
	top: 50%;
	margin-left: -450px;
	margin-top: -70px;
}
div#separation { width : 100%; height : 100%; postion : relative; }

div#container { margin : 0 auto; width : 900px; text-align : justify; }
div#title { text-align: center; }

h2 { font-size: 20px; }
h3 { font-size: 16px; font-weight: normal; }
h4 { font-weight: normal; }
p { padding: 0; margin: 0; }

div#left { float: left; width: 420px; margin:0 10px 20px 0; }
div#right { float: right; width: 420px; margin:0 10px; }

div.left_border {
	clear:both;
	float: left;
	width: 410px;
	height: 410px;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #999;
}
div.right_border {
	float: right;
	width: 410px;
	height: 410px;
	padding: 10px;
	border: 1px solid #999;
}

div#left_link { height: 250px; }
div#right_link { height: 250px; }

div.left_border div#txt_left { float: left; width: 180px; }
div.left_border div#txt_right { float: right; width: 220px; }
div.left_border div#txt_left p, div.left_border div#txt_right p { margin-bottom: 12px; }

div#center { clear: both; }

h2.center { text-align: center; }
h2#left { position: absolute; margin: 25px 0 0 65px; }
h2#right { position: absolute; margin: 25px 0 0 555px; }

div#left_small { float: left; margin-right: 120px; margin-bottom: 60px; }

h3#region { clear: both; text-align: center; }
div#region {
	clear: both;
}

.bold { font-weight: bold; }

img.small { width: 55px; height: 55px; margin: 15.5px; }
img.middle { 
	float: left; 
	width: 180px; 
	height: 130px; 
	margin: 10px 10px 10px 0;  
}


p.big { margin: 15px 0; font-weight: bold; font-size: 11px;}
p.txt_right { float: right; }
p.marge { margin-top: 10px; }
p.left { position:absolute; margin-top: 485px; margin-left: 135px;}
p#end { text-align: center; margin-top: 30px; }

a { color: #000; text-decoration: underline; }