body {
scrollbar-base-color: #A5AAB0;
background-color: #FCF7F1;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
margin: auto;
}
img{
	border: none;
}
#contenaire{
	background-image: url(images/maquette.jpg);
   background-repeat: no-repeat;
	background-position: center;
	width: 900px;
	height: 700px;
margin-left:60px;
}
#contenairec{
	background-image: url(images/maquettec.jpg);
   background-repeat: no-repeat;
	width: 550px;
	height: 650px;
margin-left:0px;
}
#imght{
	position: absolute;
	top: 1px;
	left: 650px;
}
/** texte decoration***/
.capti{
	text-transform: capitalize;
}
.petit{
	font-size: 18px;
}
#img1{
position:absolute;
top:140px;
left:110px;
border: none;
}
.cap{
	font-size: 20px;
}
/*** menu**/
#menu a:active,#menu a:visited,#menu a:link {
text-decoration: none;
color: #BA6515;
font-size: 18px;
font-style: normal;
font-weight: bold;
}
#menu a:focus,#menu a:hover {
text-decoration: none;
color: #BA6515;
font-size: 20px;
font-style: italic;
font-weight: bold;
}
.acc{
position: absolute;
top:300px;
left:120px;
}
.rea{
position: absolute;
top:350px;
left:120px;
}
.cont {
position: absolute;
top: 400px;
left:120px;
}
/*** contenu***/
#contenu{
	color:#333333;
	position: absolute;
	top:290px;
	left:270px;
	width: 700px;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	
}
#contenucont{
	font-size:15px;
	color: #333333;
	position: absolute;
	top:280px;
	left: 80px;
	width: 500px;
	text-align: left;
}
#txt1{
	position: relative;
	top:150px;
	left: -35px;
	float: right;
	width: 250px;
	text-align: justify;
}
#txt2{
	position:  absolute;
	top: 0px;
	left: 0px;
	text-align: justify;
	font-size: 16px;
	width: 650px;
}
.button{
	background-color: #BA6515;
	color: white;
}

/*** adresse***/
#coor{
  text-align: left;
  line-height: 20px;
	position: absolute;
	top: 500px;
	left:100px;
	font-size: 15px;
	color: #BA5F0E;
	font-weight: bold;
	width: 200px;
}
#coorc{
  text-align: left;
  line-height: 20px;
	position: absolute;
	top: 590px;
	left:5px;
	font-size: 15px;
	color: #BA5F0E;
	font-weight: bold;
	width: 200px;
}
/*** pied de page***/
.footer{
	font-size: 9px;
	position: absolute;
	top:5px;
	left:20px;
	color: #F3AF72;
}
.footer a{
	color: #F3AF72;
}

/**********page rea***********/
#res{
	position: absolute;
	top: -10px;
	left: 10px;
}
#mar{
	position: absolute;
	top: 80px;
	left: 10px;
}
#pei{
	position: absolute;
	top: 170px;
	left: 10px;
}
#sm{
	position: absolute;
	top: 270px;
	left: 10px;
}
#can{
	position: absolute;
	top: 370px;
	left: 10px;
}
#mat{
	position: absolute;
	top: 420px;
	left: 10px;
}
.stt{
	font-size: 18px;
	font-weight: bold;
	color: #BA6515;
}

/***********contenu******/
#contenurea{
	font-size: 15px;
	color: #333333;
	position: absolute;
	top:290px;
	left:280px;
	width: 700px;
	text-align: left;
}
.capr{
	font-size:20px;
	color: #BA6515;
	text-transform: capitalize;
}
	
	
/********gallery***/
#container {
position:absolute;
top: 10px;
left: 10px;
width:400px;
height:410px;
background-color:  transparent;
border: none;
}
#container a.gallery,#container a.gallery:visited {
display:inline;
color:#8C4D3E;
text-decoration:none;
border:1px solid #9A491A;
width:50px;
height:50px;
float:left; 
margin:5px 5px 5px; 
position:relative;
cursor:default;
}
/***canape *****/
a.slidea {background-image: url(images/canape-1s.jpg); }
a.slideb {background-image: url(images/canape-2s.jpg); }
a.slidec {background-image: url(images/canape-3s.jpg); }
a.slided {background-image: url(images/canape-0s.jpg); }
a.slidee {background-image: url(images/canape-4s.jpg); }
a.slidef {background-image: url(images/canape-5s.jpg); }
/** fauteuille***/
a.slidea2 {background-image: url(images/fauteuil-s1.jpg);top:5px; left: 0px;}
a.slideb2 {background-image: url(images/fauteuil-s2.jpg);top: 5px; left: 0px; }
a.slidec2 {background-image: url(images/fauteuil-s3.jpg);top: 5px; left: 0px; }
a.slided2 {background-image: url(images/fauteuil-s4.jpg);top: 5px; left: 0px; }
a.slidee2 {background-image: url(images/fauteuil-s5.jpg);top: 5px; left: 0px; }
a.slidef2 {background-image: url(images/fauteuil-s6.jpg);top: 5px; left: 0px; }

/**literie**/
a.slidea3{background-image: url(images/n2s.jpg);top: 25px; left: 0px; }
a.slideb3 {background-image: url(images/n3s.jpg);top: 25px; left: 0px; }
a.slidec3 {background-image: url(images/n4s.jpg);top: 25px; left: 0px; }
a.slided3 {background-image: url(images/n5s.jpg);top: 25px; left: 0px; }
a.slidee3 {background-image: url(images/n6s.jpg);top: 25px; left: 0px; }
a.slidef3 {background-image: url(images/n1s.jpg);top: 25px; left: 0px; }

/**capitonage*/
a.slidea4 {background-image: url(images/c1S.jpg); top: 60px; left: 0px;}
a.slideb4 {background-image: url(images/c2S.jpg); top: 60px; left: 0px;}
a.slidec4 {background-image: url(images/c3S.jpg); top: 60px; left: 0px;}
a.slided4{background-image: url(images/p2S.jpg); top: 60px; left: 0px;}
a.slidee4{background-image: url(images/p1S.jpg); top: 60px; left: 0px;}
a.slidef4 {background-image: url(images/surmesur/pttsurmesur0003.jpg); top: 60px; left: 0px;}

/**canage*/
a.slidea5 {background-image: url(images/surmesur/pttsurmesur0005.jpg); top: 90px; left: 0px;}
a.slideb5 {background-image: url(images/surmesur/pttsurmesur0002.jpg); top: 90px; left: 0px;}
a.slidec5 {background-image: url(images/surmesur/pttsurmesur0006.jpg); top: 90px; left: 0px;}
a.slided5{background-image: url(images/surmesur/pttsurmesur0004.jpg); top: 90px; left: 0px;}
a.slidee5{background-image: url(images/surmesur/pttsurmesur0001.jpg); top: 90px; left: 0px;}
a.slidef5 {background-image: url(images/surmesur/pttsurmesur0003.jpg); top: 90px; left: 0px;}

a.gallery span {
visibility:hidden;
display:block; 
position:absolute;
width:400px; 
height:310px;
top:100px;
left:9px; 
color:#000; 
background-color: transparent;
text-align:center;
letter-spacing:1px;
cursor:default;
border: none;
}
/**Restauration**/
a.slidea span {left:320px; top:-20px;}
a.slideb span {left:257px; top:-20px;}
a.slidec span {left:200px; top:-20px;}
a.slided span {left:100px; top:-20px;}
a.slidee span {left:80px; top:-20px;}
a.slidef span {left:10px; top:-20px;}
/*marqueterie */
a.slidea2 span {left:320px; top:-110px;}
a.slideb2 span {left:257px; top:-110px;}
a.slidec2 span {left:200px; top:-110px;}
a.slided2 span {left:145px; top:-110px;}
a.slidee2 span {left:80px; top:-110px;}
a.slidef2 span {left:10px; top:-110px;}

/**peint**/
a.slidea3 span {left:320px; top:-200px;}
a.slideb3 span {left:257px; top:-200px;}
a.slidec3 span {left:200px; top:-200px;}
a.slided3 span {left:145px; top:-200px;}
a.slidee3 span {left:80px; top:-200px;}
a.slidef3 span {left:10px; top:-200px;}
/*sur mesure*/
a.slidea4 span {left:320px; top:-305px;}
a.slideb4 span {left:257px; top:-305px;}
a.slidec4 span {left:200px; top:-305px;}
a.slided4 span {left:145px; top:-305px;}
a.slidee4 span {left:80px; top:-305px;}
a.slidef4 span {left:10px; top:-305px;}

a.gallery:hover {
white-space:normal;
border:1px solid#D58A77;
z-index:100;}

a.gallery:hover span {
visibility:visible;
 z-index:100;
 border: none;
 
 }

a.gallery:hover span {visibility:visible; z-index:100;}

#container a.gallery:hover span img {
/*margin:1px;
position:relative;
z-index:100;*/
border: none;
}

a.gallery:active, a.gallery:focus {
border:1px solid #c00; 
z-index:0;
}

a.gallery:active span, a.gallery:focus span {
visibility:visible;
 z-index:0;
 }

a.gallery:active span img, a.gallery:focus span img {
border:1px solid #000;
position:relative;
margin:10px;
z-index:800;}
	
/***********agrandisement************/

#agrand a img{
border: none;
}
a.aga {
	position: absolute;
	top: 360px;
	left: 335px;
}
a.agb {
	position: absolute;
	top: 360px;
	left: 398px;
}
a.agc {
	position: absolute;
	top:360px;
	left: 458px;
}
a.agd {
	position: absolute;
	top: 360px;
	left: 522px;
}
a.age {
	position: absolute;
	top: 360px;
	left: 585px;
}
a.agf {
	position: absolute;
	top: 360px;
	left: 645px;
}

/*** marqueterie**/
a.agh {
	position: absolute;
	top: 450px;
	left: 335px;
}
a.agi {
	position: absolute;
	top: 450px;
	left: 398px;
}
a.agj {
	position: absolute;
	top: 450px;
	left: 458px;
}
a.agk {
	position: absolute;
	top: 450px;
	left: 522px;
}
a.agl {
	position: absolute;
	top: 450px;
	left: 585px;
}
a.agm {
	position: absolute;
	top: 450px;
	left: 645px;
}
/********/
a.agp {
	position: absolute;
	top: 538px;
	left: 335px;
}
a.agq {
	position: absolute;
	top: 538px;
	left: 398px;
}
a.agr {
	position: absolute;
	top: 538px;
	left: 458px;
}
a.ags {
	position: absolute;
	top: 538px;
	left: 522px;
}
a.agt {
	position: absolute;
	top: 538px;
	left: 585px;
}
a.agu {
	position: absolute;
	top: 538px;
	left: 645px;
}
a.agv {
	position: absolute;
	top: 640px;
	left: 335px;
}
a.agw {
	position: absolute;
	top:640px;
	left: 398px;
}
a.agx {
	position: absolute;
	top: 640px;
	left: 458px;
}
a.agy {
	position: absolute;
	top: 640px;
	left: 522px;
}
a.agz {
	position: absolute;
	top: 640px;
	left: 585px;
}	
a.agza {
	position: absolute;
	top: 640px;
	left: 645px;
}

a.agzb {
	position: absolute;
	top: 738px;
	left: 335px;
}
a.agzc {
	position: absolute;
	top:738px;
	left: 398px;
}
a.agzd {
	position: absolute;
	top: 738px;
	left: 458px;
}
a.agze {
	position: absolute;
	top: 738px;
	left: 522px;
}
a.agzf {
	position: absolute;
	top: 738px;
	left: 585px;
}	
a.agzg {
	position: absolute;
	top: 738px;
	left: 645px;
}