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

body{
	font-family:Arial, Helvetica, sans-serif;
	background:#000 url(../img/fond.jpg) center top;
	margin:0;
	color:#FFF;
}

#conteneur{
	width:944px;
	margin:0 auto;
}

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

a img{
	border:none;
}

li{
	list-style-type:none;
}

#contenu{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	min-height:630px;
	height:auto;
	margin:10px 0 15px;
	padding-top:21px;
	overflow: hidden;
}

h2{
	line-height:22px;
	margin:0 0 45px;
}

/* header */
#header{
	height:193px;
}

#header h1{
	width:506px;
	float:left;
	margin-top:20px;
	margin-bottom:0;
}

#nav{
	width:244px;
	float:right;
	margin-top:31px;
}

#nav a{
	display:block;
	padding-left:25px;
	width:230px;
	height:30px;
	padding-top:5px;
	font-size:16px;
}

#nav a:hover{
	background-image:url(../img/fond_nav.png);
	color:#000;
}

.page-accueil #btAccueil, .page-projets #btProjets, .page-modeles #btModeles, .page-contact #btContact{
	background-image:url(../img/fond_nav_rouge.png);
}

/* footer */
#footer{
	clear:both;
	font-size:13px;
}

#nav_footer{
	margin-top:8px;
}

#nav_footer, #nav_footer a{
	color:#666;
}

#footer a:hover{
	text-decoration:underline;
}

#copyright{
	font-size:12px;
	margin-top:-5px;
	font-weight:bold;
}

#logos_footer{
	float:right;
	margin-top:-60px;
}

#footer img{
	margin-left:20px;
}

/* index */
.page-index h1{
	margin-top:40px;
}

#menu_accueil{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:22px 0;
	overflow:hidden;
	margin-top:-47px;
}

#menu_accueil a{
	display:block;
	float:left;
	color:#000;
	text-align:center;
	font-size:23px;
	height:591px;
}

#menu_accueil a:hover span{
	background-image:url(../img/noir_transparent.png);
	color:#FFF;
}

#menu_accueil span{
	display:block;
	width:220px;
	padding-top:50px;
	height:108px;
	vertical-align: bottom;	
	background-image:url(../img/blanc_transparent.png);
	margin-top:-405px;
	position:relative;
	z-index:2;
}


/* accueil */
#accueil-gauche{
	width:476px;
	float:left;
	margin-right:54px;
}

#accueil-gauche p{
	font-size:15px;
	margin:0 0 30px;
	line-height:18px;
}

#accueil-gauche .signature{
	text-align:right;
	margin-top:32px;
}

#accueil-droite{
	float:left;
}

#slideshow{
	margin-bottom:30px;
}

#image-slide{
	border:10px solid #FFF;
}

#conteneur_vignettes{
	margin-top:5px;
}

#conteneur_vignettes img{
	cursor:pointer;
}

#adresse{
	float:left;
	font-size:13px;
	margin-right: 40px;
}

#horaire{
	float:left;
	font-size:13px;
}

/* projets domiciliaires */
#projets-gauche{
	float:left;
	width:242px;
	margin-right:45px;
}

#projets-gauche h2{
	margin-bottom:16px;
	font-size:14px;
}

#projets-gauche p{
	font-size:15px;
	line-height:18px;
	margin:0 0 18px 0;
}

#projets-droite{
	float:left;
	width:650px;
	text-align:right;
}

/* modeles et realisations */
#realisations-gauche{
	width:178px;	
	margin-right:79px;
	float:left;
}

#realisations-gauche img{
	display:block;
	margin-bottom:13px;
	cursor:pointer;
}
#realisations-droite{
	float:left;
}

#menu_vignettes{
	margin-top:10px;
}

#menu_vignettes img{
	margin-right:15px;
	cursor:pointer;
}

/* contact */
.page-contact #contenu{
	height:800px;
	position:relative;
}

#contact-gauche{
	width:313px;
	font-weight:bold;
	font-size:15px;
}

#lien_contact{
	margin-top:-8px;
	margin-bottom:35px;
}

#lien_contact2{
	margin-top:-8px;
}

#contact-gauche a{
	text-decoration:underline;
}

#contact-gauche a:hover{
	text-decoration:none;
}

#coord{
	margin-top:-10px;
}

#tel{
	font-size:16px;
}

#contact-droite{
	width:569px;
	position:absolute;
	top:21px;
	margin-left:375px;
}

#contact-droite h2{
	font-size:22px;
	font-weight:normal;
	margin-top:-10px;
	margin-bottom:0;
}

#contact-droite p{
	text-align:justify;
	font-size:15px;	
}

#Map{
	color:#000;
}