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

.cadre{
width:960px;
margin-top:10px;
height:550px;
}

#menuTA{
width:367px;
height:550px;
float:left;
text-align:left;
}


#lun{
width:593px;
height:550px;
float:left;
background-image:url(/tatoo/image/fondlunette.png);
background-repeat:no-repeat;
}


body{
background-color:#FFf;
background-image:url(/tatoo/image/fond.jpg);
text-align:center;
background-position:center top;
}

.main{
background-image:url(/tatoo/image/fdtatoo.png);
width:1000px;
height:638px;
left:50%; top:50%;
position:absolute;
margin-top:-285px;
margin-left:-505px;
text-align:left;
padding-top:14px;
padding-left:12px;
}

#visuel{
width:426px;
height:400px;
float:left;
}

#rcol,#rnouv { cursor:pointer;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#999999; margin-top:10px; }

#logo{
position:absolute;
top:450px;
left:35px;
width:120px;
height:32px;
cursor:pointer;

}


#laphoto{
width:527px;
margin-left:30px;
text-align:center;
background-color:#FFFFFF;
height:325px;
padding-top:70px;
position:relative;
top:0px;
z-index:1;
left:0px;
}

#inphoto{
width:800px; background-color:#990000; height:250px; overflow:hidden;
float:left;
}

#part1{
width:560px;
height:400px;
float:left;
overflow:hidden;
z-index:3;

}

#laphoto p{
font-size:16px;
color:#999999;
font-family:Helvetica, sans-serif;
float:right;
margin-right:10px;
margin-top:50px;
}

#cache{
width:350px;
bottom:0px;
left:170px;
position:absolute;
background-image:url(/tatoo/image/model.png);
visibility:hidden;
z-index:999;
height:20px;
}

#menutatoo{
width:60px;
height:100px;
float:left;
padding-top:100px;
padding-left:40px;
}

#menutatoo a{
text-decoration:none;
color:#999999;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
height:30px;
}

#menutatoo a:hover{
color:#333333;
cursor:pointer;
}

#part2{
width:850px;
padding-left:35px;
height:220px;
z-index:9999;
background-color:#fff;
float:left;
overflow:hidden;

}


#part2 img{
cursor:pointer;
float:left;
}

.monture{
float:left;
height:100px; 
width:200px;
margin-left:-10px;
}


#showconcept{
 height:100px; width:100%; margin-top:50px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#999999;
}

#plusplus{
width:20px;
height:100px;
background-image:url(/tatoo/image/plus.jpg);
float:left;
cursor:pointer;
}

#moins{
width:20px;
height:100px;
margin-right:5px;
background-image:url(/tatoo/image/moins.jpg);
float:left;
cursor:pointer;
}