body{
	color:#685242;
	font:12px Georgia, serif;
	margin:0;
	background:#fff;
	min-width:997px;
}
* { outline: none;}
a{
	text-decoration:none;
	color:#685242;
}
a:hover{text-decoration:underline;}
img{border-style:none;}
#header{
	width:100%;
	background:url(../images/bg-header.gif) repeat-x;
}
#header .holder{
	margin:0 auto;
	width:968px;
	height:370px;
	background:url(../images/bg-header1.jpg) no-repeat;
	padding:13px 0 0 29px;
	position:relative;
}
#header .logo{
	margin:0;
	width:174px;
	height:173px;
	overflow:hidden;
	display:block;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
}
#header .logo a{
	display:block;
	height:100%;
	position:relative;
}
.wrap{
	position:absolute;
	top:208px;
	left:47px;
	width:350px;
	font-size:14px;
	color:#5a2c0b;
}
.wrap h2.tente{
	background:url(../images/text-tente.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 18px;
	width:377px;
	height:21px;
}
.wrap p{margin:0 0 25px;}
.wrap a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:157px;
	height:27px;
	background:url(../images/bg-savoir.gif) no-repeat;
}
.wrap a:hover{background-position:0 100%;}
#main{
	overflow:hidden;
	width:100%;
	background:url(../images/bg-main.gif) repeat-x;
	padding:0 0 34px;
}
#main .holder{
	margin:0 auto;
	width:997px;
}
#nav{
	overflow:hidden;
	width:660px;
	margin:0 0 23px;
	padding:0 0 0 25px;
	list-style:none;
}
#nav li{
	float:left;
	background:url(../images/separator.gif) no-repeat;
	padding:21px 0 0 14px;
	margin:0 14px 0 0;
}
#nav li:first-child{background:none;}
#nav li a{
	float:left;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#nav li a.accueil{
	background:url(../images/text-accueil.png) no-repeat;
	width:75px;
}
#nav li a.carre{
	background:url(../images/text-carre.png) no-repeat;
	width:150px;
}
#nav li a.tarifs{
	background:url(../images/text-tarifs.png) no-repeat;
	width:79px;
}
#nav li a.galerie{
	background:url(../images/text-galerie.png) no-repeat;
	width:83px;
}
#nav li a.contacter{
	background:url(../images/text-contacter.png) no-repeat;
	width:126px;
}
#nav li a.accueil:hover{background:url(../images/text-accueil-hover.png) no-repeat;}
#nav li a.carre:hover{background:url(../images/text-carre-hover.png) no-repeat;}
#nav li a.tarifs:hover{background:url(../images/text-tarifs-hover.png) no-repeat;}
#nav li a.galerie:hover{background:url(../images/text-galerie-hover.png) no-repeat;}
#nav li a.contacter:hover{background:url(../images/text-contacter-hover.png) no-repeat;}
#nav li.active a.accueil{background:url(../images/text-accueil-active.png) no-repeat;}
#nav li.active a.carre{background:url(../images/text-carre-active.png) no-repeat;}
#nav li.active a.tarifs{background:url(../images/text-tarifs-active.png) no-repeat;}
#nav li.active a.galerie{background:url(../images/text-galerie-active.png) no-repeat;}
#nav li.active a.contacter{background:url(../images/text-contacter-active.png) no-repeat;}
.container{
	width:965px;
	overflow:hidden;
}
.twocolumns{
	float:left;
	background:url(../images/bg-twocolumns.gif) no-repeat;
	width:658px;
	padding:0 0 0 48px;
	margin:0 -22px 0 0;
	overflow:hidden;
}
.column{
	width:265px;
	float:left;
	padding:46px 0 0;
	margin:0 64px 0 0;
}
.column h3, #sidebar h3{
	margin:0 0 17px;
	text-indent:-9999px;
	overflow:hidden;
	height:23px;
}
.column h3.confort{
	background:url(../images/text-confort.gif) no-repeat;
	width:137px;
}
.column h3.design{
	background:url(../images/text-design.gif) no-repeat;
	width:120px;
}
#sidebar h3.coordonnees{
	background:url(../images/t-coordonnees.gif) no-repeat;
	width:169px;
}
.column p{margin:0 0 13px;}
.gallery{
	float:right;
	width:257px;
	padding:17px 0 40px;
	background:url(../images/bg-gallery.gif) no-repeat 0 100%;
}
.gallery a{outline:none;}
.link-carre{
	display:block;
	width:257px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-link-carre.gif) no-repeat;
}
.link-carre:hover{background-position:0 100%;}
.gallery a img{
	display:block;
	margin:0 auto 5px;
}
.page #header{background:url(../images/bg-header-inner.gif) repeat-x;}
.page #header .holder{
	background:url(../images/bg-header2.jpg) no-repeat 14px 0;
	height:203px;
	position:relative;
}
.image{
	position:absolute;
	right:34px;
	bottom:-74px;
}
.image div{
	background:url(../images/bg-image.png) no-repeat;
	width:261px;
	height:257px;
}
.page .container{
	width:982px;
	padding:15px 0 0 15px;
}
#content {
	float:right;
	width:634px;
	padding:40px 0 0;
}
#content-tarifs {
	float:right;
	width:634px;
	padding:20px 0 0;
}
.text-box{
	font-size:14px;
	line-height:18px;
	color:#5a2c0b;
	background:url(../images/bg-text-box.gif) no-repeat 0 100%;
	overflow:hidden;
	padding:0 0 14px 13px;
	margin:0 0 32px;
}
.text-box h2.tente-inner{
	background:url(../images/text-tente-inner.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 14px;
	width:420px;
	height:24px;
}
.text-box h2.ecrivez-nous{
	background:url(../images/t-ecrire.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 14px;
	width:420px;
	height:24px;
}
.text-box p{margin:0 0 15px;}
.box-holder{
	width:624px;
	height:227px;
	background:url(../images/bg-dimensions-box.gif) no-repeat 100% 0;
	overflow:hidden;
	padding:19px 0 0;
	margin:0 0 31px;
}
.box-holder img{
	float:left;
	margin:0 17px 0 0;
}
.box-holder .text-holder{
	float:left;
	width:224px;
	padding:21px 0 0;
}
.box-holder h3.dimensions{
	margin:0 0 19px;
	text-indent:-9999px;
	overflow:hidden;
	width:152px;
	height:22px;
	background:url(../images/text-dimensions.gif) no-repeat;
}
.listing{
	margin:0;
	padding:0 0 0 3px;
	list-style:none;
	width:219px;
}
.listing li{
	background:url(../images/bg-line.gif) repeat-x 0 100%;
	margin:0 0 6px;
}
.listing li div{
	padding:0 0 9px 8px;
	background:url(../images/sep2.gif) no-repeat 0 7px;
}
.gallery2{
	overflow:hidden;
	width:636px;
	margin:0 -2px 0 14px;
}
.box{
	width:289px;
	height:170px;
	background:url(../images/bg-box.gif) no-repeat;
	float:left;
	margin:0 29px 0 0;
	padding:7px 0 0;
}
.box img{
	display:block;
	margin:0 auto;
}
.box a{outline:none;}
.box .tarifs{
	display:block;
	margin:0 auto;
	width:195px;
	height:26px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-tarifs.gif) no-repeat;
}
.box .tarifs:hover{background-position:0 100%;}
.box .carre{
	display:block;
	margin:0 auto;
	width:248px;
	height:26px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-carre.gif) no-repeat;
}
.box .carre:hover{background-position:0 100%;}
#sidebar{
	float:left;
	width:267px;
	min-height:577px;
	background:url(../images/bg-sidebar.gif) no-repeat;
	padding:35px 25px 0 27px;
}
* html #sidebar{height:577px;}
#sidebar h3{
	text-indent:-9999px;
	overflow:hidden;
}
#sidebar h3.caracteristiques{
	background:url(../images/text-caracteristiques.gif) no-repeat;
	width:204px;
	height:26px;
	margin:0 0 16px;
}
#sidebar h3.contenu{
	background:url(../images/text-contenu.gif) no-repeat;
	width:124px;
	height:22px;
	margin:0 0 22px;
}
#sidebar p{margin:0 0 12px;}
.side-box{
	background:url(../images/bg-side-box.gif) no-repeat 0 100%;
	padding:0 27px 20px 16px;
	margin:0 0 28px;
	overflow:hidden;
}
.side-box strong{
	display:block;
	font-size:14px;
	font-weight:normal;
	margin:0 0 16px;
}
.contenu-box, .versions-box {padding:0 0 0 14px;}
.contenu-box strong{
	display:block;
	margin:0 0 7px;
}
.versions-box ul { margin-bottom: 30px;}
.versions-box strong { color: #c5b67a; font-size: 11px; text-transform: uppercase;  margin: 0px 0px 0px 7px; }
#sidebar .listing{padding:0;}
#sidebar .listing li{
	background-position:0 0;
	margin-bottom:7px;
}
#sidebar .listing li:first-child{background:none;}
#sidebar .listing li div{
	padding:8px 0 0 8px;
	background-position:0 14px;
}
#footer{
	overflow:hidden;
	width:960px;
	margin:0 auto;
	padding:0 10px 30px 27px;
}
.promo-box {
	width:960px;
	background: url(../images/bg-promo-box.gif) repeat-y;
	color:#9b5d30;
	margin:0 0 16px;
}
.promo-box a { 	color:#9b5d30; text-decoration: underline;}
.promo-box .holder {
	background: url(../images/bg-promo-box-holder.gif) no-repeat;
	width:100%;
}
.promo-box .frame {
	background: url(../images/bg-promo-box-frame.gif) no-repeat 0 100%;
	width:934px;
	overflow:hidden;
	padding:8px 13px 7px;
}
.promo-box p{margin:0;}
.panel{
	overflow:hidden;
	height:1%;
	padding:0 10px 0 12px;
	font-size:11px;
}
.contact{
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:99px;
	height:19px;
	background:url(../images/bg-contact.gif) no-repeat;
	margin:3px 0 0;
}
.contact:hover{background-position:0 100%;}
.list{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.list li{
	float:left;
	color:#ad8c73;
	padding:0 2px 0 7px;
	background:url(../images/sep1.gif) no-repeat 0 5px;
}
.list a { 	color:#ad8c73; }
.list li:first-child{
	background:none;
	padding-left:0;
}
small {	color:#ad8c73;}
table {
	border-collapse: collapse;
	width: 610px;
	height: auto;
}
table tr {
	border-top: 1px solid #e8e1c4;
	border-bottom: 1px solid #e8e1c4;	
}

table tr.even { background: #fefdf7;}
table tr.odd { background: #ffffff;}
table tr td { font-size: 12px; color: #b76538; padding: 10px; clear: both;}
table tr td.price { font-weight: bold; font-style: italic; color: #9e910e; text-align: center; border-left: 1px dashed #e8e1c4;}

a.img-opt { width: 82px; height: 66px; background: url(/images/bg-img-opt.png) no-repeat; float: left; margin-right: 10px;}
a.img-opt img { margin: 5px 0px 0px 7px;}
.add { float: right; width: 30px; height: 19px; display: block; margin-top: 10px; }
.add a, .add span { width: 74px; height: 19px; display: block; font-size: 0; text-indent: -9999px; background: url(/images/layout/btn-add.png) no-repeat; }
.add span { background: url(/images/layout/btn-added.png) no-repeat;}
table h4 { margin: 10px 0px 0px 0px; font-weight: normal;}

.pricebox { width: 610px; height: 140px; padding-top: 57px; display: block; background: url('/images/bg-pricebox.gif') no-repeat; margin: 0px 0px 40px 0px; position: relative;}
.pricebox p { margin: 10px 10px 0px 25px; width: 450px; font-size: 12px;}

.totals { position: absolute; bottom: 17px; left: 10px; height: 40px; display: block;}

.totals .total { width: 202px; height: 50px; font: 20px Georgia, "Times New Roman", Times, serif; font-style: italic; color: #8c4f14; margin-left: 20px; line-height: 50px; float: left;}
.total input,.ttc input {text-align: right;  border: 0px; background: none; color: #8c4f14;  padding: 0px; margin: 15px 10px 10px 0px; font: 20px Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; width: 70px; }
.ttc { float: right; height: 50px; margin: 0px 20px; color: #b3a466; margin-left: 150px;  font: 20px Georgia, "Times New Roman"; font-style: italic;}
.ttc input {   color: #b3a466;   }

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; overflow: hidden; text-indent: -9999px; width: 610px; height: 35px;}
.ui-accordion .ui-accordion-header a#t-plancher { background: url('/images/t-plancher.gif') no-repeat;}
.ui-accordion .ui-accordion-header a#t-cotes { background: url('/images/t-cotes.gif') no-repeat;}
.ui-accordion .ui-accordion-header a#t-terrasse { background: url('/images/t-terrasse.gif') no-repeat;}
.ui-accordion .ui-accordion-header a#t-divers { background: url('/images/t-divers.gif') no-repeat;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px;  display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


#accordion-left h2 { width: 100%; height: 23px; display: block; overflow: hidden; text-indent: -9999px; display: block; margin: 10px 0px 20px 0px; border-bottom: 1px solid #e8dfbb; padding-bottom: 10px;}
#accordion-left h2#t-base { background: url('/images/t-base.gif') no-repeat;}
#accordion-left h2#t-inter { background: url('/images/t-inter.gif') no-repeat;}
#accordion-left h2#t-confort { background: url('/images/t-confort.gif') no-repeat;}


#flash-container { width: 960px; height: 660px; display: block; background: url(/images/bg-flash.jpg) no-repeat top left; margin-left: 12px; margin-top: 20px;}
#flash-container #flash { margin: 5px 0px 0px 5px;}



/* Form */
form#contacts { margin: 0px 0px 0px 10px; border: 2px solid #e7e3d2; width: 560px; padding: 10px 25px; margin-bottom: 20px;}
form#contacts label {
	width: 80px;
	float: left;
	
}

form#contacts .inputleft {
	float: left;
	margin-right: 15px;
}

form#contacts input, form#contacts select {
	border: 1px solid #c3b374;
	background-color: #fffcf3;
	margin-bottom: 5px;
	color: #3a1d08;
	width: 141px;
	height: 18px;
	margin-bottom: 10px;
}

form#contacts input.simple {
	width: 10px;
	border: 0px;
	background: none;
	margin: 0px;
	margin-bottom: 10px;
}

form#contacts textarea {
	border: 1px solid #c3b374;
	background-color: #fffcf3;
	margin-bottom: 5px;
	color: #3a1d08;
	width: 460px;
}
form#contacts input.large {
	width: 380px;
}