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



* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: helvetica, sans-serif;
	background-color:#ffffff;
	color:#000000;
}

a:link { color:#F00;text-decoration: none; }
a:active { color: #F00;text-decoration: none; }
a:visited { color: #F00;text-decoration: none;}
a:hover {text-decoration:none ; color: #000000}

#name a:link { color:#000;text-decoration: none; }
#name a:active { color: #000;text-decoration: none; }
#name a:visited { color: #000;text-decoration: none;}
#name a:hover {text-decoration:none ; color: #F00}

.red { color:#F00 }
.point {font-family:serif}
/*===============================================*/
/* Tableau général 							     */
/*===============================================*/

#contenant {
	position: absolute;
	left: 50%;
	height: 100%;
	top:0;
	width: 900px;
	margin-left: -450px;
	z-index:0;
}


#tcontenant {
	height: 100%;
}

#contenant .middle {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}


#contenu .contenu {
	width: 900px;
	height: 600px;
}

#cadrebg {
	position: fixed;
	bottom:0;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 600px;
	z-index:10;
	background: url("pics/consult-bg.png") no-repeat scroll 0px 310px transparent;
	opacity: 0.05;
	-moz-opacity:.05; 
	filter:alpha(opacity=05); 
}

#enter {
	position: fixed;
	bottom:0;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 600px;
	z-index:10;
	background: url("pics/consult-bg.png") no-repeat scroll 0px 310px transparent; 
}
	
#cadre {
    top: 10%;
	width: 900px;
	height: 600px;
	z-index:100;
	opacity: 1;
	-moz-opacity:1; 
	filter:alpha(opacity=100);
}
	

/*===============================================*/
/* Navigation, name	                             */
/*===============================================*/

#title{
	position:relative;
	width: 375px;
	padding:0 0 0 20px;
}

#name {
	float:left;
	font-size:400%;
	letter-spacing:0.1em;
	font-weight:100
}
#name p {
	padding:20px 0 10px;
	letter-spacing:0.1em;
}

#address {
	float:right;
	border-left:1px solid #000;
}
#address p.top {
	font-size:120%;
	font-weight:700;
	padding:0 0 10px 10px;
}

#address p.bottom {
	font-size:120%;
	padding:10px 0 0 10px;
}

#nav{z-index:100;
	position:fixed;
	width:100%;
	background-color:#000;
	color:#fff;
	bottom:0;
	height: 50px;
}
/*===============================================*/
/* PAGES                                         */
/*===============================================*/
.content-left{
	border-left:1px solid #000;
	bottom: 50px;
    position: absolute;
}

.content-right{
	border-right:1px solid #000;
	bottom: 50px;
    position: absolute;
}

.content-right p {
	padding:5px 10px;
	text-align:justify
}

.content-left p {
	padding:5px 15px;
	text-align:justify
}

.content-right h1{
	border-top: 1px solid #000000;
	padding:15px 5px 5px 10px;
	text-transform:uppercase;
	font-size:150%}

.content-left h1{
	border-top: 1px solid #000000;
	padding:15px 5px 5px 15px;
	text-transform:uppercase;
	font-size:150%}

.content-right ul { margin:5px 0 0 22px}
.content-left ul {margin:5px 0 0 30px}

.content-right li {
	list-style:disc;
	padding:0 0 5px 5px;}
.content-left li {
	list-style:disc;
	padding:0 0 5px 5px;}

#about {
	left: 20px;
	width:300px;
	height:50%;
}
#need {
	left: 105px;
	width:215px;
	height:45%;
}

#cost {
	left: 325px;
	width:300px;
	height:50%
}
#service {
	left: 245px;
	width:170px;
	height:55%
}

#scheduling {
	left: 225px;
	width:300px;
	height:45%
}

#proj {
	left: 375px;
	width:300px;
	height:60%
}

#construction {
	left: 545px;
	width:300px;
	height:70%
}
/*===============================================*/