/* General */

*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

html{overflow-y:scroll; background:#7e6d5d url(images/degrade-background.jpg) repeat-x;}

body{width:926px; margin:auto;}


h1{
	font-size:20px;
	margin:30px 0px 10px;
	color:#934924;
}

h2{
	font-size:20px;
	margin:30px 0px 20px;
	color:#5a4031;
	border-bottom:1px dashed #5a4031;
}

h3{
	font-size:16px;
	margin:10px 0px 10px 0px;
	clear:both;
	color:#934924;
}

h4{
	margin:10px 0px 5px;
}

ul{
	margin-left:30px;
	list-style:inside;
}
		
p, ul{
	line-height:20px;
}

a{
	color:#5a4031;
}


/* Header */

#header{
	background-color:#a28b79;
	position:relative;
width:926px;
}

#nav{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

	#nav ul{
		list-style:none;
		width:682px;
		margin:auto;
		padding:10px 20px;
		overflow:hidden;
	}
	
		#nav ul li{
			float:left;
			padding:10px 35px;
			background:url(images/separateur-menu.jpg) no-repeat center left;
		}
		
			#nav ul li:first-child{
				background-image:none;
			}
		
	#nav a{
		text-decoration:none;
		color:#ded5c4;
		font-weight:bold;
	}
	
		#nav a:hover, #nav a.selected{
			color:#fff;
		}


/* Main */


#main{
	width:866px;
	min-height:600px;
	position:relative;
	background-color:#e9e0d1;
	padding:0px 30px 30px;
	overflow:hidden;
}


/* Home */

#homepage #main{
	padding:15px 20px 20px 20px;
	width:886px;
}

#homepage h2{
	font-size:15px;
	color:#fff;
	text-align:center;
	margin:0px 10px;;
	padding:15px 0px;
}

#doc ul, #engagements ul, #coordonnees p{
	margin:0px 10px;
	padding:15px 10px;
	list-style:none;
	font-weight:bold;
}

#engagements{
	width:305px;
	background:url(images/fond-degrade-marron.jpg) repeat-x;
	margin-bottom:50px;
	position:relative;
}

	#engagements h2{
		color:#934924;
		border-bottom:1px solid #000;
	}
	
	#engagements ul{
		color:#ded5c4;
		border-top:1px solid #584033;
	}
	
		#engagements ul li{
			margin:10px 0px;
		}

#illustration{
	display:block;
	position:absolute;
	top:30px;
	right:20px;
}

#quicklinks ul{
	list-style:none;
}

#quicklinks li{
	float:left;
	text-align:center;
	margin-right:16px;
}

	#quicklinks li img{
		display:block;
		margin-bottom:5px;
		border:none;
	}
	
	#quicklinks li a{
		font-weight:bold;
		color:#584033;
		font-size:15px;
		text-decoration:none;
	}

#coordonnees{
	clear:left;
	width:340px;
	background-color:#ceb59f;
	margin:50px 0px 0px 65px;
	float:left;
}

	#coordonnees h2{
		color:#5a4031;
		border-bottom:1px solid #6f6764;
	}
	
	#coordonnees p{
		color:#544238;
		border-top:1px solid #e8dfd0;
	}

#doc{
	float:left;
	width:340px;
	background-color:#897763;
	margin:50px 0px 0px 65px;
}

	#doc h2{
		color:#5a4033;
		border-bottom:1px solid #5b4336;
	}
	
	#doc ul{
		color:#ded5c4;
		border-top:1px solid #a79b8d;
	}
	
	#doc a{
		font-weight:bold;
		text-decoration:none;
		color:#e4d8ca;
	}
	
		#doc a:hover{
			color:#fff;
		}
	

/* Contact */		

#contactpage form{
	margin-top:15px;
}

.fields{
	border-left:1px solid #e8dfd0;
	padding-left:20px;
	margin-left:80px;
	margin-top:10px;
}

input, textarea, select, #captcha{
	display:block;
	width:335px;
	margin:0px 20px 15px 0px;
	padding:3px;
	background-color:#f9f9f9;
	border:1px solid #6f6764;
}

#captcha{
	float:left;
}

#recaptcha_response_field{
	clear:both;
	margin-left:110px;
}

select, #send{
	width:343px;
}

textarea{
	height:150px;
}

fieldset{
	position:relative;
	margin-bottom:15px;
	width:580px;
	border:none;
	background-color:#ceb59f;
	overflow:hidden;
}

fieldset p{
	float:left;
	clear:both;
	display:block;
	width:110px;
}

#client h3, #travaux h3, #envoi h3{
	color:#6e553f;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	border-right:1px solid #6f6764;
	width:79px;
	text-align:center;
}

h3 span{
	display:block;
	font-size:48px;
}

#send{
	background-image:url(images/fond-degrade-marron.jpg);
	color:#fff;
	border:1px solid #000;
	font-weight:bold;
}

#recaptcha_image{
	margin:auto;
}

	#recaptcha_image img{
		margin:0;
	}



/* Galerie */

#realpage h2{
	margin-top:25px;;
}

#bigpicture{
	position:relative;
	margin-left:20px;
	width:806px;
	height:453px;
	background-color:#f9f9f9;
	border:10px solid #eee;
}

	#bigpicture img{
		position:absolute;
	}
	
	#bigpicture img, #vignette img{
		margin:0;
	}

.smallpictures{
	margin:0px 0px 0px 0px;
	width:968px;
	overflow:hidden;
}

	.smallpictures a{
		height:140px;
		width:140px;
		background-color:#666;
		float:left;
		margin-right:17px;
		margin-bottom:17px;
		border:10px solid #eee;
	}
	
		.smallpictures a img{
			border:none;
		}


div.galery{
	width:100%;
	overflow:hidden;
}


/* Services */

#servicespage h2{
	margin-top:10px;;
}


.travaux{
	overflow:auto;
	margin-bottom:30px;
 	width:100%;
}

.travaux img, .couleur img{
	float:left;
	margin-right:10px;
}

/* Documentations */

.nuancier{
	float:left;
	margin-right:10px;
}

.couleur{
	clear:both;
	overflow:auto;
	padding:10px 0px;
}


/* Footer */

#footer{
	background-color:#462e21;
	clear:both;
}

	#footer p{
		text-align:center;
		padding-bottom:30px;
	}
	
	
	#footer a, #footer p{
		color:#ded5c4;
		text-decoration:none;
		font-weight:bold;
	}
	
		#footer a:hover, #footer a.selected{
			color:#fff;
		}
	
	#footer ul{
		list-style:none;
		overflow:hidden;
		width:390px;
		margin:auto;
		padding:30px;
		padding-bottom:0;
		
	}
	
		#footer ul li{
		float:left;
		padding:0px 3px;
		}
		
	#footer img{
		margin-bottom:-12px;
		border:none;
	}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:806px;     
    min-height:200px; 
    //border:1px solid #000; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

.simple_overlay h3{ 
	margin-left:10px;
	color:#ccc;
}
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}	

.hidden{
	display:none;
}