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

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

a{
text-decoration:none;
}

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

div.gamme{
width:995px;
background-image:url(/marque-morel/image/fdmarque.jpg);
height:200px;
cursor:pointer;
visibility:hidden;
float:left;
}

.gamme:hover{
background-image:url(/marque-morel/image/fdmarqueON.jpg);
}

.gamme:hover .lunette{
margin-top:28px;
}

.gamme:hover .textMM{
margin-top:85px;
}

.gamme:hover .logo{
margin-top:5px;
}

.textMM{
margin-top:80px;
float:left;
margin-left:100px;
font-size:14px;
color:#CCCCCC;
font-family:"Century Gothic",arial;
font-style:italic;
text-decoration:none;
}

.logo{
float:left;
margin-left:40px;
text-align:center;
width:200px;
height:150px;
}

#m1 .logo > img{
margin-top:57.5px;
} 

#m2 .logo > img{
margin-top:34.5px;
}

#m3 .logo > img{
margin-top:68.5px;
}

.lunette{
float:right;
margin-top:25px;
margin-right:20px;
}

.ligne{
width:320px;
height:30px;
position:relative;
top:60px;
left:0px;
float:left;
}

.ingamme{
height:340px;
overflow:hidden;
width:320px;
}