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

body { 
	padding: 0 0 15px 0;
  background: #dcdad8 url('../images/bg-body.jpg') top left repeat-x;  
 	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;	
	color: #000;
}

h1, #page h1 {
  color:#fff;
  font-size:16px;
  font-weight:bold;
  margin:10px 0px 20px 0px;
  text-transform: none;
}
h2  {
  color:#fff;
  font-size:13px;
  font-weight:bold;
  margin:10px 0px 0px 0px;
  text-transform: none;
}

h3  {
  color:#4c4c4c;
  font-size:14px;
  font-weight:normal;
  text-transform: none;
  margin:0px 0px 0px 0px;
}



a:link.voir-le-plan, a:active.voir-le-plan, a:visited.voir-le-plan {
  display:block;
  width: 70px;
  font-size: 11px;
  font-weight:bold;
  padding: 5px;
  color:#fff;
  text-decoration:none;
  background-color:#8e8475;
  margin: 0 0 20px 0;
}
a:hover.voir-le-plan {
  color:#fff;
  text-decoration:none;
  background-color:#746e67;
}





em { color: #666; }

cite { color: #ff4100; }

a:link	{ color:#000; text-decoration:underline;}
a:visited { color:#000;  text-decoration:underline;}
a:hover {  color:#000; text-decoration:none;}
a:active { color:#000; text-decoration:underline; }

img { border: 0; padding:0; margin:0; }



td {vertical-align:top;}

.site {
  width:960px;
  margin: 15px auto;
}

#home .head, .head {
  overflow: hidden;
  width: 960px;
  height: 118px; 
  background: #fff url('../images/bg-head.jpg') top left no-repeat; 
  margin:0;
  padding:0;
}
#home. head a:link, #home .head a:active, #home .head a:visited {
  font-size: 10px;
  color: #f1efeb;
  text-decoration: underline;
}
#home .head a:hover {
  text-decoration: none;
} 

#home .home-imageflow {
  clear: both;
  margin: 0 auto;
  width: 960px;
  height: 400px;
  overflow: hidden;
  margin: 85px 0 0 0; 
}

#page .head, .head {
  overflow: hidden;
  width: 960px;
  height: 118px; 
  background: #fff url('../images/bg-head.jpg') top left no-repeat; 
  margin:0;
  padding:0;
}
#page .data, .data {
   float: right;
   margin: 85px 10px 0 0;
}




.nav-01 {
  float: left;
  width: 340px;
  height: 140px;
  overflow: hidden;
  margin: 0 0 0 300px;
}

.nav-02 {
  clear: both;
  width: 960px;
  height: 30px;
  overflow: hidden;
}
.nav-02 .bt-nav-01 {
  display:block;
  float: left;
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 0 0;
  padding: 5px 10px 5px 10px;  
}
.nav-02 .bt-nav-02 {
  display:block;
  float: left;
  width: 60%;
  height: 30px;
  margin: 0px 3px 0 3px;
}
.nav-02 a:link, .nav-02 a:active, .nav-02 a:visited {
  display:block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #c5bcb6;
  margin: 10px 5px 0 5px;
  text-decoration: none;
}
.nav-02 a:hover {
  display:block;
  float: left;
  font-size: 11px;
  color: #fff;
  margin: 10px 5px 0 5px;
  text-decoration: none;
}
.nav-02 .pipe {
  display:block;
  float: left;
  font-size: 11px;
  color: #bebab3;
  margin: 2px 5px 0 5px;
}


.nav-02.presentation {
  background-color: #7c756a;
  border-top: 6px solid #8e8475;
}
.nav-02 .bt-nav-01.presentation {
  background-color: #8e8475;
}

.nav-02.mobilier {
  background-color: #641b02;
  border-top: 6px solid #441504;
}
.nav-02 .bt-nav-01.mobilier {
  background-color: #441504;
}

.nav-02.detente {
  background-color: #666400;
  border-top: 6px solid #4a4b00;
}
.nav-02 .bt-nav-01.detente {
  background-color: #4a4b00;
}

.nav-02.cuisine {
  background-color: #a6004e;
  border-top: 6px solid #890036;
}
.nav-02 .bt-nav-01.cuisine {
  background-color: #890036;
}

.nav-02.suite-parentale {
  background-color: #7d4195;
  border-top: 6px solid #7d4195;
}
.nav-02 .bt-nav-01.suite-parentale {
  background-color: #7d4195;
}

.nav-02.dressing {
  background-color: #b53d00;
  border-top: 6px solid #b53d00;
}
.nav-02 .bt-nav-01.dressing {
  background-color: #b53d00;
}

.nav-02.salle-de-bain {
  background-color: #05aeaf;
  border-top: 6px solid #05aeaf;
}
.nav-02 .bt-nav-01.salle-de-bain {
  background-color: #05aeaf;
}

.nav-02.bureau {
  background-color: #e0bc37;
  border-top: 6px solid #e0bc37;
}
.nav-02 .bt-nav-01.bureau {
  background-color: #e0bc37;
}



.nav-02.actu {
  background-color: #b80004;
  border-top: 6px solid #980000;
}
.nav-02 .bt-nav-01.actu {
  background-color: #980000;
}

.nav-02.contact {
  background-color: #9d9993;
  border-top: 6px solid #9d9993;
}
.nav-02 .bt-nav-01.contact {
  background-color: #9d9993;
}

.nav-02.mentions_legales {
  background-color: #303030;
  border-top: 6px solid #303030;
}
.nav-02 .bt-nav-01.mentions_legales {
  background-color: #303030;
}

.nav-02.full_services {
  background-color: #9fcf2c;
  border-top: 6px solid #9fcf2c;
}
.nav-02 .bt-nav-01.full_services {
  background-color: #9fcf2c;
}



#recette .main {
  width: 960px;
  height: 480px;
  overflow: hidden;
  background-color: #e7e6e5;
}

.main {
  width: 960px;
  height: 480px;
  overflow: hidden;
  background-color: #fff;
  margin: 0 auto;
}
.content {
  position: absolute;
  overflow: hidden;
  z-index:10;
  width : 175px;
  height: 215px;
  margin: 221px 0 0 735px;  
  padding: 10px 15px 0 20px;
  background: transparent url('../images/bg-main-text.png'); 
}

.main .content-of {
  position: absolute;
  z-index:10;
  width : 44px;
  height: 26px;
  margin: 419px 0 0 899px;
  border:1px solid transparent; 
}
.main .content-of:hover {
  border:1px solid #fff; 
  cursor: pointer;
}

.main .bt-close {
  float:right;
  border:1px solid transparent; 
}

.main .bt-close:hover {
  float:right;  
  border:1px solid #fff;
  cursor: pointer;
}

.main .back-next {
  position: absolute;
  z-index:10;
  width: 48px;
  height: 17px;
  margin: 448px 0 0 899px;
}
.main .back-next img {
  float: left;
  width: 20px;
  height: 17px;
  margin: 0 2px 0 0;
}
.main .back-next img {
  border:1px solid transparent;
}
.main .back-next img:hover {
  border:1px solid #fff;
  cursor: pointer;
}

.main .image-show-hide {
  position:absolute;
  z-index:5;
}










.main h1 {
  clear: both;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  text-transform: no;
  margin: 20px 0 10px 0;
}
.main p {
  clear: both;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  margin: 0 0 10px 0;
}

.footer {
  clear: both;
  width: 960px;
  height: 10px;
  margin:20px auto; 
  padding: 10px 0 0 0;
  text-align: right;
  border-top:2px solid #696766;
}
.footer a:link, .footer a:active, .footer a:visited {
  font-size: 10px;
  color: #7a746d;
  text-decoration: underline;
}
.footer a:hover {
  text-decoration: none;
} 
.footer .pipe {
  margin: 0 5px;
  color: #7a746d;
} 




table.form_info {
  width: 495px;
  margin: 0 auto;
}
table.form_info th {
  text-align: left;
  color: #fff;
  font-size: 11px;
  vertical-align: top;
  text-transform: uppercase;
}
table.form_info td {
  text-align: left;
  font-size: 10px;
  vertical-align: top;
  text-align: left;
}

table.form_info input.radio {
  width: auto;
  border:0;
  background-color: transparent;
  margin: 0px 1px 0 6px;
  vertical-align:middle; 
}

table.form_info input, table.form_info textarea {
  height: 14px;
  border:1px solid #fff;
  font-size: 11px;
  padding: 2px;
  background-color: #87827b;  
}

table.form_info input.submit {
  display: block;
  float: right;
  width: 56px;
  height: 21px;
  margin: 5px;
  background: transparent url('../images/bt-submit-info.gif') top left; 
  font-size:0;
  color: transparent;
  border:0;
}
table.form_info input.submit: hover {
  background: transparent url('../images/bt-submit-info.gif') top left;
  cursor: pointer; 
}