body{
	font-family: "Times New Roman", Times, serif;
	background-color: White;
	margin: auto;
}
#logo{
	position: absolute;
	top:15px;
	left:10px;
}
#conteneur{
background-image: url(images/maquette.jpg);
background-repeat: no-repeat;
width:850px;
height: 650px;
}
#conteneurcont{
	background-image: url(images/cont1.jpg);
	background-repeat: no-repeat;
	 width: 620px;
	 height: 650px;
}
/*****menu**********/
#menu a:active,#menu a:visited,#menu a:link {
text-decoration: none;
color: #333333;
font-size: 30px;
font-style: normal;
font-weight: bold;
}
#menu a:focus,#menu a:hover {
text-decoration: none;
color: #333333;
font-size: 30px;
font-style: italic;
font-weight: bold;
}
.acc{
position: absolute;
top:190px;
left:5px;
}
.rea{
position: absolute;
top: 230px;
left: 5px;

}
.cont {
position: absolute;
top: 270px;
left:5px;
}
/**********page rea***********/
#res{
	position: absolute;
	top: 0px;
	left: 50px;
}
#mar{
	position: absolute;
	top: 95px;
	left: 50px;
}
#pei{
	position: absolute;
	top: 235px;
	left: 50px;
}
#sm{
	position: absolute;
	top: 322px;
	left: 50px;
}
.stt{
	font-size: 30px;
	font-weight: bold;
	color: #333333;
}

/***********contenu******/
#contenu{
	font-size: 20px;
	color: #333333;
	position: absolute;
	top:200px;
	left:200px;
	width:700px;
	text-align: left;
}
#contenucont{
	font-size: 25px;
	color: #333333;
	position: absolute;
	top:180px;
	left: 180px;
	width: 500px;
	text-align: left;
}
#contenurea{
	font-size: 18px;
	color: #333333;
	position: absolute;
	top:176px;
	left:160px;
	width: 500px;
	text-align: left;
}
#contenu p:first-letter {
	font-size:45px;
	color: #91582B;
}
/***********zone de texte index*************/
#p0{
	width: 300px;
	font-size: 20px;
	position: absolute;
	left: 210px;
}
#p1{
	width: 250px;
	font-size: 20px;
	position: absolute;
	top: 45px;
	left: -10px;
	line-height: 35px;
}
#p2{
	width: 250px;
	font-size: 20px;
	position: absolute;
	top: 60px;
	left: 480px;
	line-height: 35px;
}
#p3{
	width: 250px;
	font-size: 20px;
	position: absolute;
	top: 265px;
	left: 220px;
}
/********image index********/
#anim1{
	position: absolute;
	top: 65px;
	left: 235px;
}
#shadow{
	position: absolute;
	top: 60px;
	left: 230px;
}
#img1{
	position: absolute;
	top: 198px;
	left: -23px;
}
#img2{
	position: absolute;
	top:200px;
	left:445px;
}


.cap{
	font-size:45px;
	color: #91582B;
	text-transform: capitalize;
}
.capr{
	font-size:38px;
	color: #91582B;
	text-transform: capitalize;
}
#coor{
  text-align: left;
  line-height: 30px;
	position: absolute;
	top: 530px;
	left: 5px;
	font-size: 15px;
	color: #9C4A1B;
	font-weight: bold;
}

.button{
	background-color: #9A491A;
	color: white;
}
.footer{
	font-size: 11px;
	position: absolute;
	top: 658px;
	left: 15px;
	color: #9A491A;
}
.footer a{
	color: #9A491A;}
	
	
/********gallery***/
#container {
position:absolute;
top: 40px;
left: 40px;
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:40px;
height:40px;
float:left; 
margin:5px 5px 5px; 
position:relative;
cursor:default;
}
/***restauration *****/
a.slidea {background-image: url(images/restauration/pttrestauration0001.jpg); }
a.slideb {background-image: url(images/restauration/pttrestauration0002.jpg); }
a.slidec {background-image: url(images/restauration/pttrestauration0003.jpg); }
a.slided {background-image: url(images/restauration/pttrestauration0004.jpg); }
a.slidee {background-image: url(images/restauration/pttrestauration0005.jpg); }
a.slidef {background-image: url(images/restauration/ptrestauration0006.jpg); }
a.slideg {background-image: url(images/restauration/pttrestauration0007.jpg); }
/** marqueterie***/
a.slidea2{background-image: url(images/marqueterie/pttmarqu0001.jpg);top: 5px; left: 0px; }
a.slideb2 {background-image: url(images/marqueterie/pttmarqu0002.jpg);top: 5px; left: 0px; }
a.slidec2 {background-image: url(images/marqueterie/pttmarqu0003.jpg);top: 5px; left: 0px; }
a.slided2 {background-image: url(images/marqueterie/pttmarqu0005.jpg);top: 5px; left: 0px; }
a.slidee2 {background-image: url(images/marqueterie/pttmarqu0006.jpg);top: 5px; left: 0px; }
a.slidef2 {background-image: url(images/marqueterie/pttmarqu0007.jpg);top: 5px; left: 0px; }
a.slideg2 {background-image: url(images/marqueterie/ptmarqu0008.jpg);top: 5px; left: 0px; }
a.slideh2 {background-image: url(images/marqueterie/pttmarqu0009.jpg);top: 7px; left: 0px; }
a.slidei2 {background-image: url(images/marqueterie/ptmarqu0010.jpg);top: 15px; left: 0px; }
/**meuble peint **/
a.slidea3{background-image: url(images/peint/pttpeint0001.jpg);top: 60px; left: -50px; }
a.slideb3 {background-image: url(images/peint/pttpeint0002.jpg);top: 60px; left: -50px; }
a.slidec3 {background-image: url(images/peint/pttpeint0003.jpg);top: 60px; left: -50px; }
a.slided3 {background-image: url(images/peint/pttpeint0006.jpg);top: 60px; left: -50px; }
a.slidee3 {background-image: url(images/peint/pttpeint0004.jpg);top: 60px; left: -50px; }
a.slidef3 {background-image: url(images/peint/pttpeint0005.jpg);top: 60px; left: -50px; }

/**sur mesure*/
a.slidea4 {background-image: url(images/surmesur/pttsurmesur0005.jpg); top: 65px; left: 0px;}
a.slideb4 {background-image: url(images/surmesur/pttsurmesur0002.jpg); top: 65px; left: 0px;}
a.slidec4 {background-image: url(images/surmesur/pttsurmesur0006.jpg); top: 65px; left: 0px;}
a.slided4{background-image: url(images/surmesur/pttsurmesur0004.jpg); top: 65px; left: 0px;}
a.slidee4{background-image: url(images/surmesur/pttsurmesur0001.jpg); top: 65px; left: 0px;}
a.slidef4 {background-image: url(images/surmesur/pttsurmesur0003.jpg); top: 65px; left: 0px;}
a.slideg4 {background-image: url(images/surmesur/pttsurmesur0007.jpg); top: 65px; left: 0px;}
a.slideh4 {background-image: url(images/surmesur/pttsurmesur0008.jpg); top: 70px; left: 0px;}
a.slidei4 {background-image: url(images/surmesur/pttsurmesur0009.jpg);top: 70px; left: 0px; }
a.slidej4 {background-image: url(images/surmesur/pttsurmesur0010.jpg);top: 70px; left: 0px; }
a.slidek4 {background-image: url(images/surmesur/pttsurmesur0011.jpg);top: 70px; left: 0px; }
a.slidel4 {background-image: url(images/surmesur/pttsurmesur0012.jpg);top: 70px; 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:270px; top:-20px;}
a.slidec span {left:220px; top:-20px;}
a.slided span {left:170px; top:-20px;}
a.slidee span {left:120px; top:-20px;}
a.slidef span {left:70px; top:-20px;}
a.slideg span {left:20px; top:-20px;}
/*marqueterie */
a.slidea2 span {left:320px; top:-100px;}
a.slideb2 span {left:270px; top:-100px;}
a.slidec2 span {left:220px; top:-100px;}
a.slided2 span {left:170px; top:-100px;}
a.slidee2 span {left:120px; top:-100px;}
a.slidef2 span {left:70px; top:-100px;}
a.slideg2 span {left:20px; top:-100px;}
a.slideh2 span {left:320px; top:-150px;}
a.slidei2 span {left:270px; top:-150px;}
/**peint**/
a.slidea3 span {left:320px; top:-250px;}
a.slideb3 span {left:270px; top:-250px;}
a.slidec3 span {left:220px; top:-250px;}
a.slided3 span {left:170px; top:-250px;}
a.slidee3 span {left:120px; top:-250px;}
a.slidef3 span {left:70px; top:-250px;}
/*sur mesure*/
a.slidea4 span {left:320px; top:-330px;}
a.slideb4 span {left:265px; top:-330px;}
a.slidec4 span {left:210px; top:-330px;}
a.slided4 span {left:155px; top:-330px;}
a.slidee4 span {left:100px; top:-330px;}
a.slidef4 span {left:45px; top:-330px;}
a.slideg4 span {left:-10px; top:-330px;}
a.slideh4 span {left:320px; top:-380px;}
a.slidei4 span {left: 270px;	top:-380px;}
a.slidej4 span {left: 220px;	top:-380px;}
a.slidek4 span {left: 170px;	top:-380px;}
a.slidel4 span {left: 120px;	top:-380px;}

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: 265px;
	left: 235px;
}
a.agb {
	position: absolute;
	top: 265px;
	left: 290px;
}
a.agc {
	position: absolute;
	top:265px;
	left: 340px;
}
a.agd {
	position: absolute;
	top: 265px;
	left: 395px;
}
a.age {
	position: absolute;
	top: 265px;
	left: 445px;
}
a.agf {
	position: absolute;
	top: 265px;
	left: 495px;
}
a.agg {
	position: absolute;
	top: 265px;
	left: 550px;
}
/*** marqueterie**/
a.agh {
	position: absolute;
	top: 353px;
	left: 235px;
}a.agi {
	position: absolute;
	top: 353px;
	left: 290px;
}
a.agj {
	position: absolute;
	top: 353px;
	left: 340px;
}
a.agk {
	position: absolute;
	top: 353px;
	left: 395px;
}
a.agl {
	position: absolute;
	top: 353px;
	left: 445px;
}
a.agm {
	position: absolute;
	top: 353px;
	left: 495px;
}
a.agn {
	position: absolute;
	top: 353px;
	left: 550px;
}

a.ago {
	position: absolute;
	top: 407px;
	left: 235px;
}/********/
a.agp {
	position: absolute;
	top: 494px;
	left: 235px;
}
a.agq {
	position: absolute;
	top: 494px;
	left: 290px;
}
a.agr {
	position: absolute;
	top: 494px;
	left: 340px;
}
a.ags {
	position: absolute;
	top: 494px;
	left: 395px;
}
a.agt {
	position: absolute;
	top: 494px;
	left: 445px;
}
a.agu {
	position: absolute;
	top: 494px;
	left: 495px;
}
a.agv {
	position: absolute;
	top: 583px;
	left: 235px;
}
a.agw {
	position: absolute;
	top:583px;
	left: 290px;
}
a.agx {
	position: absolute;
	top: 583px;
	left: 340px;
}
a.agy {
	position: absolute;
	top: 583px;
	left: 395px;
}
a.agz {
	position: absolute;
	top: 583px;
	left: 445px;
}	
a.agza {
	position: absolute;
	top: 583px;
	left: 495px;
}
a.agzb {
	position: absolute;
	top: 583px;
	left: 550px;
}
a.agzc {
	position: absolute;
	top: 640px;
	left: 235px;
}
a.agzd {
	position: absolute;
	top: 640px;
	left: 290px;
}
a.agze {
	position: absolute;
	top: 640px;
	left: 340px;
}
a.agzf {
	position: absolute;
	top: 640px;
	left: 395px;
}
a.agzg {
	position: absolute;
	top: 640px;
	left: 445px;
}