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

body{
background-image:url(/1880/image/fond1880.jpg);
background-position:center;
}

a img{
border:none;
}


#main1880 {
position:absolute;top:50%;left:50%;
width:995px; height:600px;
margin-left:-497px; margin-top:-250px;
padding:9px;
background:url(/1880/image/fond1880.png);
}

#logo1880{
float:left;
background:url(/1880/image/logo1880.jpg);
width:164px;
height:69px;
margin-left:30px;
margin-right:31px;
margin-top:260px;
display:block;

}

#midconcept{
width:500px;height:330px;
margin-left:0px;
margin-top:100px;
float:left;
}

.concept1880{
width:150px; height:150px; margin:14px 7px 0px;
visibility:hidden;
cursor:pointer;
float:left;
}

.onit{
width:99px; height:22px; 
float:left;
cursor:pointer;
font-size:13px;
padding-top:5px;
text-align:center;
margin:10px 5px 10px;
color:#900;
font-family:"Century Gothic",arial;
font-weight:bold;
background-image:url(/1880/image/fdconcept.jpg);
}



.concept18802{
width:99px; height:22px; 
float:left;
cursor:pointer;
font-size:13px;
padding-top:5px;
text-align:center;
margin:10px 5px 11px;
color:#000;
font-family:"Century Gothic",arial;
font-weight:bold;
background-image:url(/1880/image/fdconcept.jpg);
}

.concept18802:hover{
color:#900;
}

.model18802:hover{
height:65px;
cursor:pointer;
border-bottom:10px solid #900;
}

.lignerouge{
width:995px;
position:absolute;
bottom:9px;
left:9px;
height:20px;
background-color:#990000;
z-index:999;
}


.lignerouge2{
width:75px;
position:relative;
top:65px;
left:0px;
height:10px;
background-color:#990000;
z-index:999;
}


.modelcoul1880onit{
width:75px; height:66px;  margin-right:5px;
float:left;
border-bottom:9px solid #900;
overflow:hidden;
cursor:pointer;
}

.modelcoul1880{
width:75px; height:75px;  margin-right:5px;
float:left;
overflow:hidden;
cursor:pointer;
}

.model1880{
width:113px; height:70px;  margin-right:7px;
float:left;
overflow:hidden;
color:#900;
font-family:"Century Gothic",arial;
cursor:pointer;
font-size:10px;
font-weight:bold;
}


.onit2{
width:113px; height:70px;  margin-right:7px;
float:left;
overflow:hidden;
color:#900;
font-family:"Century Gothic",arial;
cursor:pointer;
font-weight:bold;
font-size:10px;
}

.onit2 > img{
margin-top:-12px;
margin-left:-7px
}



.model1880 img {
margin-top:-12px;
margin-left:-7px
}

.model1880 img 300 {
margin-left:-110px;
margin-top:-55px;
}

.modelcoul1880 img {
margin-left:-250px;
margin-top:-120px;
}

.modelcoul1880onit img {
margin-left:-250px;
margin-top:-120px;
}

#center1{
width:620px;
height:220px;
overflow:hidden;
background-color:#FFFFFF;
border-left:5px solid #900;

}
#center{
height:220px;
width:465px;
overflow:hidden;
background-color:#FFFFFF;
float:left;
border-left:5px solid #900;
}

#bigdet{
float:left;
width:150px;
margin-top:70px;
height:150px;

}

#center > img {
margin-top:-30px;
margin-left:-10px;
}

#detail{
position:relative;
bottom:0;
margin-top:-20px;
height:150px;
left:500px;
width:150px;
color:#900;
z-index:999;
}

#lft{
width:225px;
height:550px;
float:left;
}

#midcon{
float:left;
width:105px;
margin:160px 40px 0px 0px;
height:430px;
}

#rgtcon{
float:left;
width:625px;
margin:0px 0px 0px 0px;
height:580px;
}

#rgtmod{
width:625px;
height:90px;
margin:80px 0px 0px;

}

#rgt1{
width:625px;
height:80px;
margin:20px 0px 0px;
float:left;
}

#rgt{
width:320px;
height:80px;
float:left;
}

#rgt2{
height:100px;
width:265px;
margin-left:30px;
border-left:1px solid #900;
margin-top:-20px;
float:left;
}

.mnum{
position:relative;
bottom:0;
margin-top:-20px;
font-family: "Century Gothic",arial, sans-serif;
height:30px;
left:10px;
width:100px;
color:#900;
font-size:10px;
}

#plusplus{
background-image:url(image/plus.jpg);
width:20px; height:20px;
position:relative;
top:10px;
left:152px;
float:left;
cursor:pointer;
}

#plusplus2{
background-image:url(/1880/image/plus.jpg);
width:20px; height:20px;
position:relative;
top:10px;
left:132px;
float:left;
cursor:pointer;
}

#moins{
background-image:url(/1880/image/moins.jpg);
width:20px; height:20px;
position:relative;
top:10px;
left:7px;
float:left;
cursor:pointer;
}

#txt1880{
width:220px;
color:#FFFFFF;
margin-top:120px;
margin-left:30px;
float:left;
font-family:"Century Gothic",arial;
font-size:10px;
text-align:left;
height:600px;
}

#txt1880 p{
color:#900;
font-size:20px;
}

#txtrgt2{
font-family:"Century Gothic",arial;
font-size:18px;
font-weight:bold;
float:left;
width:100%;
margin-top:5px;
color:#900;
padding-left:10px;
}

#detrgt{
height:55px;
width:100%;
margin-top:20px;
}

.detail1880 {
width:55px;
height:55px; 
margin-left:5px;
cursor:pointer;
float:left;
}