@charset "utf-8";
/******************************************************/
/*********************** GLOBAL ***********************/
/******************************************************/
* {list-style:none;	margin:0px;	padding:0px} /* a checker si utile */
html, body {height:100%}
html, body, p, ol, ul, li, h1, h2, h3 {margin:0;padding:0}
body {
	text-align:center; margin:0;
	font:13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height:24px;
	color:white;
	background:#464646;
}
a:link, a:visited {color: #DDD}
a:hover, a:active {color:white}
img, a img {border:none}
h1, h2, h3 {letter-spacing:-1px}
h1 {font-size:32px;line-height:40px}
h2 {font-size:20px}
li {list-style-type:none}
/*table{border-collapse:collapse;border-spacing:0;}*/

.gras {font-weight:bold}
.small-caps {font-variant:small-caps}
.float-r {float:right}
.float-l {float:left}
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */
.double {font-size:200%}


/*******************************************************/
/*********************** COMMUNS ***********************/
/*******************************************************/

#conteneur {width:1000px; margin:30px auto 30px auto; }
#bandeau {background:url(../img/bandeau.jpg); height:274px;}
#menu-h {background: url(../img/text-bois.jpg) repeat;
	line-height:18px; text-align:left;font-size:12px;}
#menu-h li {display:inline;}
#menu-h li a {padding:0 12px 0 12px;
	text-decoration:none;
	position:relative;bottom:2px}
	
/******************************************************/
/*********************** ACCUEIL **********************/
/******************************************************/

#page-1 {background:#303030;
	text-align:left; width:1000px;	
	border:1px #BBB solid;
	border-top:none;
	margin-bottom:20px;}
#page-1-contenu {background: url(../img/fondu.jpg) no-repeat 0 18px }
#titre {text-align:center; height:82px;
	margin:0 322px 0 0;	padding:18px 0 18px 0}

	/******************* CONTENU ********************/

#contenu {text-align:justify;margin:0 350px 0 250px; height:290px}
#contenu h2 {text-align:center;}
#contenu p {padding-top:16px; font-size:14px}
#conteneur_infos {margin-left:250px;
	border:1px solid #BBB; width:400px; 
	overflow:hidden; line-height:normal}
#cadre_infos {position:relative;
	width:400px; height:19px; 
	overflow:hidden; background:#303030}
#infos {position:absolute;
	left:216px;	width:1041px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; color:#FFFFFF}
#vide {height:320px;}

	/******************** DROITE *********************/

#droite {float:right;width:320px}
#slide-1 {width:300px; margin-top:60px;
	border-left:#000 solid 10px;
	border-right:#000 solid 10px; }
#pub-goguettes {
	float:right;
	background:#303030;
	text-align:center;
	border-left:#BBB 1px solid;
	border-top:#BBB 1px solid;
	border-bottom:none;
	width:320px;
	margin:0px auto 0px auto}
#pub-goguettes h2 {font-size:16px}
#pub-goguettes a:link, #pub-goguettes a:visited {color:white}
#pub-goguettes a:hover, #pub-goguettes a:active {color: #96BA89}
#pub-goguettes a {text-decoration:none}
#pub-goguettes img {border:1px outset #303030;margin:10px 0 11px 0}

	/******************** GAUCHE *********************/

#gauche {float:left;
	text-align:center;width: 198px;
	margin-top:70px;margin-left:10px}
#menu-bois {clear:both;	border:1px outset #303030;
	background: url(../img/fond-menu-bois.jpg) no-repeat}
#menu-bois ul {margin-top:12px;margin-bottom:12px;}
#menu-bois li a {margin-left:18px;height: 24px;text-decoration: none}
#menu-bois li a:link, #menu-bois li a:visited {
	color: #FFFFFF;	display: block;
	background: url(../img/menu-bois.jpg) no-repeat}
#menu-bois li a:hover {color: #FFFFFF;	background: url(../img/menu-bois.jpg) 0 -24px no-repeat}
#menu-bois li a:active {color: #FFFFFF;	background: url(../img/menu-bois.jpg) 0 -48px no-repeat}

/******************************************************/
/******************** DESCRIPTION *********************/
/******************************************************/
#page-2 {background:#303030; text-align:justify; width:1000px;	
	border:1px #BBB solid; border-top:none;	margin-bottom:20px;}
#page-2-titre {background:url(../img/page-2-titre.jpg) no-repeat; height:180px}
#page-2-contenu {}
#gauche-2 {float:left; text-align:center; width:198px; margin-left:10px}
.cadre-desc h2 {font-size:14px; letter-spacing:normal; text-decoration:underline; font-weight:bold}
.cadre-desc p {margin:10px}
.cadre-desc img {padding:5px}
.img-left img {float:left }
.img-right img {float:right}
#cadre-situation {width:600px; margin:30px 0 0 300px;}
#cadre-maison {width:400px; margin:20px 0 0 20px; }
#cadre-salon {width:500px; float:right; margin:80px 20px 0 0}
#cadre-chambres {width:450px; clear:both; float:left; margin:28px 0 0 50px}
#cadre-sdb {width:380px; margin:240px 20px 0 560px}
#cadre-jardin {width:400px; margin:20px}
#cadre-patio {width:400px; float:right; margin:70px 20px 0 auto}
#cadre-equipement {width:400px; float:left; margin:80px auto 0 58px}
#cadre-equipement-2 {width:480px; margin:80px auto 0 510px; line-height:18px; }
#cadre-equipement-2 table {overflow: hidden}
#cadre-equipement-2 p {padding-bottom:10px; margin-left:auto; margin-right:auto; width:380px; text-align:center;border-bottom:#BBB 1px solid}
#cadre-equipement-2 h3 {font-variant:small-caps;margin-left:30px; letter-spacing:normal; font-size:13px}
#cadre-equipement-2 table {font-size:11px; width:474px;margin:20px auto 0 auto;}
#cadre-equipement-2 table tr td {width:auto; padding:0 5px 0 5px}

/******************************************************/
/*********************** PHOTOS ***********************/
/******************************************************/

#conteneur-3 {width:1000px; margin:30px auto 30px auto; }
#page-3 {background:#303030; text-align:justify; width:1000px;	
	border:1px #BBB solid; border-top:none;
	margin-bottom:20px; }
#page-3-contenu {}
#page-3-titre {background:url(../img/page-3-titre.jpg) no-repeat; height:180px}
#intro-map {margin:10px 120px 0 260px; font-size:16px;}
#intro-map p {margin-bottom:20px}
#intro-map img {margin:0 10px 0 10px}
#plan {width:1000px; clear:both; text-align:right}
#plan img {}
#download {text-align:center; margin:10px auto 20px auto; width:1000px}
#download table, #download tr {width:900px}
#download td {padding:10px; border:#FFF 1px solid}
.col1 {width:200px}
.col2 {width:200px}
.col3 {width:300px}

/******************************************************/
/*********************** TARIFS ***********************/
/******************************************************/

#page-4 {
	text-align:left; width:1000px;	
	border:1px #BBB solid;
	border-top:none;
	margin-bottom:20px;
	/*height:1162px;*/
	background:url(../img/bg-tarifs.jpg) 0 18px; 
}
#page-4-contenu {/*height:978px*/}
#gauche-4 {float:left; text-align:center; width:198px; margin-top:188px; margin-left:10px}
#zone-1, #zone-2, #zone-3 {color:#303030; text-align:center}
#zone-1 {float:left; width:240px; height:160px; margin:202px 0 0 36px; padding:10px}
#zone-2 {float:right;width:386px; height:140px; margin:202px 32px 0 0; padding:20px 10px;}
#zone-3 {}
#calend-contrat {float:left;}
#calendrier {background:url(../img/cadre-calendar-bois.jpg) no-repeat; padding:18px; margin:46px 0px 10px 10px;}
#g-calendar {}
#zone-3 {float:right; line-height:18px; width:386px; height:404px; padding:36px 10px 10px 10px; margin:66px 32px 0 0px}
#zone-3 h3, #zone-3 ul {padding-bottom:10px}
#zone-3 ul {text-align:left; padding-left:84px}
#zone-3 p {padding:10px}
#contrat {text-align:right; clear:both; position:relative; /*top:-120px;*/ margin:10px 10px 0 40px}
#contrat img {float:right; margin-left:10px}
/*#trait-p4 {clear:both;position:relative; top:-70px; width:960px; height:1px; margin:0 auto 0 auto; border-bottom:#DDD 1px solid;}*/

/******************************************************/
/****************** MENU-BAS - FOOTER *****************/
/******************************************************/

#menu-b1 {clear:both;
	font-size:12px;
	background:#303030;
	width:680px;
	border-top:#BBB 1px solid;
	text-align:left;
}
#menu-b1 li {
	display: inline;
	padding:0 20px 0 20px;
}

#menu-b2 {background: url(../img/text-bois.jpg) repeat;margin-top:20px;
	line-height:18px; text-align:center;font-size:12px; border-top:#BBB 1px solid}
#menu-b2 li {display:inline;}
#menu-b2 li a {padding:0 18px 0 18px;
	text-decoration:none;
	position:relative;bottom:2px}

#menu-b3 { clear:both; background: url(../img/text-bois.jpg) repeat;margin-top:20px;
	line-height:18px; text-align:center;font-size:12px; border-top:#BBB 1px solid}
	
#menu-b3 li {display:inline;}
#menu-b3 li a {padding:0 18px 0 18px;
	text-decoration:none;
	position:relative;bottom:2px}


#footer {
	width:1000px;
	text-align:center;
	margin: 80px auto 0 auto;
	color: #000000;
	font-size:10px
}
#footer a {
	padding:8px 10px 8px 10px
}
#footer a:link, #footer a:visited {
	color:#96BA89;
	text-decoration:none
}
#footer a:hover, #footer a:active {
	color:#0000CC;}

/******************************************************/
/*********************** ?????? ***********************/
/******************************************************/






/*==============================*/
/*=========== COLORS ===========*/
/*==============================*/

/*
Border :				#DDD
Background : 			#303030		+ Clair : #464646
Vert de ré : 			#96BA89		+ Clair : #B3CEAA
Mauve (bg goguettes) : 	#CFCCD3
Turquoise : 			#006282
Bleu brut (link) : 		#0066FF
Bleu très clair (tr) : 	#DEE7FF

*/