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

body,
html{
	margin:0;
	padding:0;
}

body{
	background-image:url(/img/back.gif);
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:28px;
}

a img{
	border:none;
}

header,
nav,
section,
footer{
	display:block;
}

#conteneur{
	-moz-box-shadow: 0 0 5px 5px #000;
	-webkit-box-shadow: 0 0 5px 5px #000;
	box-shadow: 0 0 5px 5px #333;
	background-color:#FFF;
	margin:28px auto 0;
	width:915px;
}

section{
	background-color:#f7f3f0;
	margin:0 auto 7px;
	padding-left:40px;
	padding-right:40px;
	padding-top:22px;
	width:736px;
}

h1{
	color:#523d38;
	font-size:17px;
	margin-top:0;
	margin-bottom:30px;
	text-transform:uppercase;
}

h1 span{
	font-weight:normal;
}

.sous-titre{
	color:#523d38;
	font-size:17px;
	margin-top:0;
	margin-bottom:30px;
	text-transform:uppercase;
}

h2,
section p,
section li{
	color:#746560;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
}

.logo{
	margin-right:25px;
}

/* header */
header{
	margin:0 auto 6px;
	position:relative;
	width:816px;
	height:265px;
}

header nav{
	font-size:15px;
	font-weight:bold;
	position:absolute;
	bottom:3px;
	right:15px;
}

header nav,
header nav a{
	color:#FFF;
	text-decoration:none;
}

.page-index #btAccueil,
.page-propos #btPropos,
.page-services #btServices,
.page-realisations #btRealisations,
.page-contact #btContact,
header nav a:hover{
	color:#513E38;
}

/* accueil */
.page-index header{
	background-image:url(/img/bandePrincipale.jpg);
	height:325px;
}

.carre{
	background-color:#e9e0d7;
	float:right;
	margin-top:10px;
	margin-left:24px;
	padding:20px 0;
	width:205px;
}

.carre p{
	color:#988b85;
	font-size:17px;
	font-weight:bold;
	line-height:25px;
	margin:0;
	text-align:center;
}

/* a propos */
.page-propos header{
	background-image:url(/img/bandePropos.jpg);
}

#liste-equipe{
	margin:0;
	padding-left:40px;
}

#liste-equipe li{
	list-style-image:url(/img/bullet.gif);
}

.carre-propos{
	background-color:#e9e0d7;
	float:right;
	margin-top:10px;
	margin-left:24px;
	padding:20px 0;
	position:relative;
	width:205px;
}

#titre-carre{
	color:#e9e0d7;
	font-size:18px;
	position:absolute;
	top:-19px;
	left:12px;
}

.carre-propos p{
	color:#988b85;
	font-size:18px;
	line-height:25px;
	margin:0;
	text-align:center;
}

/* services */
.page-services header{
	background-image:url(/img/bandeServices.jpg);
} 

/* realisations */
.page-realisations header{
	background-image:url(/img/bandeRealisations.jpg);
} 

#galerie{
	background-color:#e8dfd6;
	margin-left:-13px;
	padding-top:13px;
	padding-left:18px;
	position:relative;
	width:751px;
	height:318px;
}

#galerie-bt1,
#galerie-bt2{
	height:250px;
	width:220px;
}

.galerie-page,
.galerie-icone{
	overflow:hidden;
}

.galerie-page a{
	border:1px solid #CCC;
	color:#777;
	display:block;
	float:left;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	height:19px;
	margin-right:2px;
	padding-top:3px;
	padding-left:7px;
	padding-right:7px;
	text-decoration:none;
}

.galerie-page a:hover{
	background-color:#EEE;
}

.galerie-page a.current{
	background-color:#000;
	border-color:#000;
	color:#FFF;
	font-weight:bold;
}

.galerie-icone{
	margin-top:5px;
	width:225px;
}

.galerie-icone a{
	border:1px solid #CCC;
	display:block;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	padding:2px;
	width:40px;
}

.galerie-icone a.current{
	background-color:#000;
}

.galerie-icone img{
	display:block;
}

#galerie-bt2{
	display:none;
}

#galerie-image{
	border:1px solid #CCC;
	display:block;
	position:absolute;
	top:15px;
	right:27px;
}

/* contact */
.page-contact header{
	background-image:url(/img/bandeContact.jpg);
} 

.coord{
	margin-left:18px;
}

.coord a{
	color:#746560;
}
.coord a:hover{
	color:#513E38;
}

#carre-contact{
	background-color:#e9e0d7;
	float:right;
	padding:18px;
}

#carre-contact p{
	color:#513E38;
	font-size:12px;
}

/* footer */
#rbq{
	background-color:#c3b199;
	font-size:12px;
	margin-left:90px;
	padding-top:7px;
	padding-left:18px;
	width:225px;
	height:21px;
}

#rbq a{
	color:#513E38;
	text-decoration:none;
}

#rbq a:hover{
	color:#FFF;
}