/*BODY------------------------------------*/

body {
  background-image:url(../images/background.jpg);
  background-repeat:repeat;
  margin-top:0px;
}



/*TOP------------------------------------*/

#top{
  display:block;
  background-image:url(../images/image_top.jpg);
  font-size: 12px;
  color:#FFFFFF;  
  text-align:right;
  font-family:"Times New Roman", Times, serif;
  font-style:italic;
  height:111px;
  width:393px;
  padding-top:10px;
  padding-right:10px;
}

a.top:link, a.top:visited{
  text-decoration:none;
  color:#FFFFFF;  
  padding-right:10px;
  padding-left:10px;
}

a.top:hover{
  text-decoration:underline;
  color:#FFFFFF;
}



/*MENU------------------------------------*/

#menu_top{
  display:block;
  background-image:url(../images/menu_top.jpg);
  background-repeat:no-repeat;
  background-position:top;
  width:132px;
  height:228px;
  font-size: 14px;
  color:#FFFFFF;  
  text-align:left;
  font-family:"Times New Roman", Times, serif;
  font-style:italic;
  padding-top:30px;
  padding-left:15px;
  margin:0px;
}

#menu_top img{
  padding-top:8px;
  padding-bottom:8px;
  margin:0px;
}

#menu_fond{
  display:block;
  background-image:url(../images/fond_menu.jpg);
  background-repeat:repeat-y;
  width:147px;
  height:auto;
}

#menu_bottom{
  display:block;
  background-image:url(../images/menu_bottom.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  vertical-align:bottom;
  width:147px;
  height:159;
}

td.tdmenu{
  background:url(../images/menu_bottom.jpg) no-repeat bottom;

}

ul.menu{
	list-style-type:none;
	line-height:15px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

a.menu:link, a.menu:visited{
  color:#FFFFFF;
  font-size: 14px;
  text-align:left;  
  text-decoration:none;
  margin:0px 0px 0px 0px;
  padding:6px 0px 6px 20px;
}

a.menu:hover{
  color:#FFFFFF;
  font-size: 14px;
  text-align:left;
  text-decoration:none;
  margin:0px 0px 0px 0px;
  padding:6px 0px 6px 20px;
  background:url(../images/fleche.gif) no-repeat left ;
}



/*TITRE------------------------------------*/

#titre_image_accueil, #titre_image{
  background-repeat:no-repeat;
  width:604px;
  height:100px;
  margin:0px;
	padding:0px;
	border:0px solid #000000;
}

#titre_image_planchers{
  background-repeat:no-repeat;
  width:471px;
  height:100px;
  margin:0px;
}

#titre{
  text-align:left;
  padding-top:65px;
  padding-left:290px;
  margin:0px;
}

#titre h2{
  color:#D0A42A;
  font-size: 16px;  
  font-weight:bold;
  font-style:italic;
}

img.titre{
  margin:0px;
	padding:0px;
}

/*MAILLING LIST------------------------------------*/

.maillingfond{
  background-image:url(../images/fond_mailling.jpg);
  background-repeat:repeat-x;
  height:100%;
	width:263px;
  margin:0px;
  padding:0px;
}

#mailling{
  background-image:url(../images/image_mailling2.jpg);
  background-repeat:no-repeat;
  background-position:top left;
	background-color:#DEBE67;
  padding:0px 10px 0px 10px;
  margin:0px;
  height:100%;
  font-size:14px;
  color:#FFFFFF;
  font-style:italic;
	border:0px solid #000000;
}

h1.mailling{
  vertical-align:top;
  font-size: 16px;
  font-weight:bold;
  font-style:italic;
  color:#FFFFFF;  
  text-align:center;
  font-family:"Times New Roman", Times, serif;
  padding:5px 10px 0px 15px;
	margin:0px 0px 0px 0px;
}

h2.mailling{
  vertical-align:top;
  font-size: 14px;
  font-weight:bold;
  font-style:italic;
  color:#FFFFFF;  
  text-align:center;
  font-family:"Times New Roman", Times, serif;
  padding:0px 5px 5px 0px;
	margin:0px 0px 0px 0px;
	border:0px solid #000000;
}

.forms{
	padding-top:5px;
	margin:0px;
}

label.mailling,input.mailling, select.mailling {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label.mailling {
	text-align: right;
	width: 50px;
	padding-right: 20px;
}

select.mailling{
	width: 55px;
}

input.submit{
	background: transparent no-repeat;
	width:79px;
	font:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	margin:10px 0px 10px 74px;
}

br.mailling {
	clear: left;
}

/*SOUS MENU------------------------------------*/

#sousmenu{
  display:block;
  background-image:url(../images/fond_sousmenu.jpg);
  background-repeat:no-repeat;
  height:304px;
  font-size: 14px;
  color:#FFFFFF;  
  text-align:left;
  font-family:"Times New Roman", Times, serif;
  font-style:italic;
  padding-top:50px;
  padding-left:24px;
  margin:0px;
}

ul.sousmenu{
	list-style-type:none;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

a.sousmenu:link, a.sousmenu:visited{
  color:#FFFFFF;
  font-size: 14px;
  text-align:left;  
  text-decoration:none;
  margin:5px 0px 0px 0px;
  padding:6px 0px 6px 20px;
}

a.sousmenu:hover{
  color:#FFFFFF;
  font-size: 14px;
  text-align:left;
  text-decoration:none;
  margin:5px 0px 0px 0px;
  padding:6px 0px 6px 20px;
  background:url(../images/fleche.gif) no-repeat left ;
}



/*CONTENU------------------------------------*/

#contenu{
  padding:0px 0px 0px 0px;
	margin:0px;
  background-color:#FFFFFF;
	border:0px solid #000000;
}

#contenu table.contenuTop{
	width:100%;
	border:0px solid #000000;
	border-spacing:0px;
	border:0px solid #000000;
}

#contenu img{
  padding:0px 10px 10px 0px;
	margin:0px;
}

#contenu img.escaliers{
  padding:0px 0px 0px 0px;
	margin:10px 10px 10px 0px;
	float:left;
	border: 2px solid #F1E3C6;
}

#contenu img.boiseries{
  padding:0px 0px 0px 0px;
	margin:0px 10px 10px 0px;
	float:left;
	border: 2px solid #F1E3C6;
	width:300px;
}

#contenu img.promotions{
  padding:0px 0px 0px 0px;
	margin:0px 10px 10px 0px;
	float:left;
	border: 2px solid #F1E3C6;
	width:300px;
	height:250px;
}

#contenu img.evenements{
  padding:0px 0px 0px 0px;
	margin:0px 10px 10px 0px;
	float:left;
	border: 2px solid #F1E3C6;
	width:300px;
}

#contenu img.contact{
  padding:0px 0px 0px 0px;
	margin:0px 10px 10px 0px;
	float:left;
	border: 2px solid #F1E3C6;
	width:300px;
	height:250px;
}

#contenutexte{
  padding:0px 15px 10px 0px;
  vertical-align:text-top;
}

#contenutexte p, p.text{
  font-size: 12px;
  color:#3C6E60;  
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:6px 0px 6px 0px;
}

p.text{
	text-align:center;
}

#contenutexte h2{
  color:#D0A42A;
  font-size: 16px;  
  font-weight:bold;
  font-style:italic;
  font-family:"Times New Roman", Times, serif;
	padding:0px;
	margin:8px 0px 5px 0px;
}

h3{
  font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
  color:#3C6E60;
}

#contenutexte ul, div.catal ul{
	list-style-type:disc;
	font-size: 12px;
  color:#3C6E60;  
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	padding:0px;
	margin:0px 0px 0px 40px;
}

#contenutexte strong{
	font-size: 14px;
}

.contenucontour{
  border-right-color:#508275;
  border-right-style:solid;
  border-right-width:1px;
  background:url(../images/fond_menu.jpg);
}

div.catal{
	border: 0px solid #000000;
	overflow: auto;
	width: 100%;
}

div.catal p{
	text-align:left;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
	padding:0px
	margin:0px 5px 0px 5px;
}

div.catal h2{
	color:#D0A42A;
  font-size: 16px;  
  font-weight:bold;
  font-style:italic;
  font-family:"Times New Roman", Times, serif;
	text-align:left;
	padding:0px;
	margin:0px;
}

img.catalDesc{
	float:right;
	width:200px;
	margin:0px 0px 0px 10px;
	padding:2px;
	border: 2px solid #F1E3C6;
}

div.categ{
	border: 0px solid #000000;
	text-align:center;
	overflow: auto;
	width: 100%;
	margin:10px 0px 50px 0px;
}

div.categ a:link, div.categ a:visited{
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;  
	text-decoration:none;
}

div.categ a:hover{
	text-decoration:underline;
}

div.wrap {
	width: 100%;
	overflow: auto;
	border: 0px solid red;
}

div.categBox{
	border: 0px solid #F1E3C6;
	text-align:center;
	float: left;
	width: 50px;
	margin: 10px;
	padding: 0px;
}

ul.categ{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

img.categ{
	padding:0px;
	margin:0px;
	border: 0px solid #F1E3C6;
}

div.categDesc{
	text-align:left;
	border: 0px solid #000000;
	overflow: auto;
	width: 100%;
	margin:10px 0px 10px 0px;
}

div.categDesc h2{
	text-align:left;
	color:#D0A42A;
  font-size: 16px;  
  font-weight:bold;
  font-style:italic;
	padding:0px;
	margin:0px 5px 0px 5px;
	border: 0px dotted #000000;
}

div.categDesc p{
	text-align:left;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
	padding:0px;
	margin:0px 5px 0px 5px;
}

img.categDesc{
	float:left;
	width:200px;
	margin:0px 10px 0px 0px;
	padding:0px;
	border: 2px solid #F1E3C6;
}


div.articleThumb{
	border: 0px solid #000000;
	text-align:center;
	overflow: auto;
	width: 100%;
	margin:10px 0px 50px 0px;
}

div.articleThumb a:link, div.articleThumb a:visited{
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;  
	text-decoration:none;
}

div.articleThumb a:hover{
	text-decoration:underline;
}

div.articleThumbBox{
	border: 0px solid #F1E3C6;
	text-align: center;
	float: left;
	width: 90px;
	margin: 5px;
	padding: 0px;
	height:100px;
}

ul.articleThumb{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

img.articleThumb{
	padding:0px;
	margin:0px;
	width: 75px;
	height:50px;
	border: 1px solid #F1E3C6;
}


div.article{
	text-align:left;
	border: 0px solid #000000;
	overflow: auto;
	width: 100%;
	margin:10px 0px 10px 0px;
}

div.article h2{
	text-align:left;
	color:#D0A42A;
  font-size: 16px;  
  font-weight:bold;
  font-style:italic;
	padding:0px;
	margin:0px 5px 0px 5px;
	border: 0px dotted #000000;
}

div.article p{
	text-align:left;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
	padding:0px;
	margin:0px 5px 0px 5px;
}

img.article{
	float:right;
	width:200px;
	height:auto;
	margin:0px 5px 0px 5px;
	padding:0px;
	border: 2px solid #F1E3C6;
}

div.contactBox{
	border: 0px solid #000000;
	overflow: auto;
	width: 100%;
	font-size: 12px;
  color:#3C6E60;  
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
	border:0px solid #000000;
}

div.contactBox h2{
	text-align:left;
	color:#D0A42A;
  font-size: 16px;  
  font-weight:bold;
  font-style:italic;
  font-family:"Times New Roman", Times, serif;
	padding:0px;
	margin:0px 5px 10px 5px;
	border: 0px dotted #000000;
}

#contenu ul.contact{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#contenu img.contactMap{
	border: 2px solid #F1E3C6;
	width:250px;
	height:200px;
	float:left;
	padding:2px 2px 2px 2px;
	margin:0px 10px 0px 0px;
}

div.medail{
	border: 0px solid #000000;
	text-align:center;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
	overflow: auto;
	width: 100%;
	margin:10px 0px 50px 0px;
	padding:0;
}

div.medailBox{
	border: 0px solid #F1E3C6;
	text-align:center;
	float: left;
	width: 100px;
	margin: 5px;
	padding: 0px;
}

ul.medail{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

img.medail{
	padding:0px;
	margin:0px;
	border: 0px solid #F1E3C6;
}

div.ceram{
	border: 0px solid #000000;
	text-align:center;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
	overflow: auto;
	width: 100%;
	margin:10px 0px 50px 0px;
}

div.ceramBox{
	display: inline;
	border: 0px solid #F1E3C6;
	text-align:center;
	float: left;
	margin: 10px 5px 10px 12px;
	padding: 0px;
}

ul.ceram{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

img.ceram{
	padding:0px;
	margin:0px;
	border: 0px solid #F1E3C6;
}

p.back{
	text-align:center;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
}

a.back:link, a.back:visited{
  color:#3C6E60;
	text-decoration:none;
}

a.back:hover{
	text-decoration:underline;
}

/*PROMO--------------------------------------*/

div.promo{
	border:0px solid #000000;
	padding:0px;
	margin:10px 0px 10px 0px;
	overflow:auto;
	width:100%;
}

div.promo img{
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
}

div.promo h2{
	text-align:left;
	color:#D0A42A;
  font-size: 16px;  
  font-weight:bold;
  font-style:italic;
	padding:0px;
	margin:0px 0px 0px 0px;
	border: 0px dotted #000000;
}

div.promo p{
	text-align:left;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
	padding:0px;
	margin:0px 0px 0px 0px;
}

/*COULEURS--------------------------------------*/

div.couleurs{
	border: 0px solid #000000;
	text-align:center;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
	overflow: auto;
	width: 100%;
	margin:20px 0px 50px 0px;
}

div.couleursBox{
	border: 0px solid #F1E3C6;
	text-align: center;
	float: left;
	width: 70px;
	margin: 2px;
	padding: 0px;
	height:70px;
}

ul.couleurs{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

img.couleurs{
	padding:0px;
	margin:0px;
	width: 50px;
	height:30px;
	border: 1px solid #F1E3C6;
}

p.couleurs{
	text-align: left;
	margin:10px;
	padding:0px;
	border: 0px solid #F1E3C6;
}

br.clear{
	clear:both;
}

/*LOGO--------------------------------------*/

#logo{
	text-align:center;
	margin:120px 0px 20px 0px;
}

#logo img.logo{
	margin:5px;
	padding:2px;
	border:2px solid #F1E3C6;
}

#logo p{
	text-align:center;
	font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3C6E60;
	padding:0px;
	margin:10px 5px 10px 5px;
}

#logo img.separateur{
	width:400px;
	height:1px;
}

/*FOOTER------------------------------------*/

#footer { 	
  font-size: 10px;
  color:#FFFFFF;  
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  vertical-align:text-top;
  padding-top:15px;
  border-right-color:#508275;
  border-right-style:solid;
  border-right-width:1px;
}

a.footer:link, a.footer:visited { 	
  color:#FFFFFF;  
  text-decoration:underline;
}

a.footer:hover{ 	
  color:#FFFFFF;  
  text-decoration:none;
}

/*POPUP-------------------------------------*/

html, body.popUp{
	height:100%;
}

body.popUp{
  font-size: 12px; 
  padding:0px;
  margin:0px;
  text-align: center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#popMain{
	width:500px;
	height:100%;
	text-align:center;
	margin:0 auto;
	padding:0px;
  border-color:#000000;
  border-style:solid;
  border-width:0px;
	background-color:#508275;
}

#popContent{
	color:#FFFFFF;
  font-size: 11px;
	text-align:center;
  background-color:none;
  padding:0px;
  margin:0px;
	border-color:#000000;
  border-style:solid;
  border-width:0px;
	float:left;
	width:418px;
	height:100%;
}

p.photoNav{
	text-align:center;
	color:#D0A42A;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	border:0px solid #000000;
}

img.full{
	border-color:#000000;
  border-style:solid;
  border-width:0px;
  margin-top:3px;
  margin-bottom:3px;
	max-width:400px;
}

h1.popUp{
	font-size: 16px;  
  font-weight:bold;
  font-style:italic;
	font-family:"Times New Roman", Times, serif;
}

ul.popUp{
	list-style-type:none;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px solid #000000;
}

a.photoNav:link, a.photoNav:visited{
	text-decoration:underline;
	color:#FFFFFF;
	padding:0px 5px 0px 5px;
}

a.photoNav:hover{
	text-decoration:none;
}

div.popLeft{
	background-image:url(../images/background_left.jpg);
	width:41px;
	height:100%;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.popRight{
	background-image:url(../images/background_right.jpg);
	width:41px;
	height:100%;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*Contact------------------------------------*/

div.contact{
	border: 0px solid #000000;
	width:100%;
	overflow:auto;
	text-align:left;
}

div.contactMsg{
	font-size: 12px;
  color:#3C6E60;  
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:20px;
}

div.error{
	font-size: 12px;
  color:#CC0000;  
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
}

label.contact, input.contact, textarea.contact {
	font-size: 12px;
  color:#3C6E60;  
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
}

label.contact {
	text-align: left;
	width: 100px;
	padding-right: 10px;
}

textarea.contact{
	height:100px;
}

input.contactSubmit{
	width:150px;
	margin-left:110px;
}

br.contact, br.clear {
	clear: left;
}