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


#menu-main {
	float:left;
	padding-top:30px;
	width:195px;
	height:400px;
	text-align:right;
	background-image: url(../images/menu/bg-menu.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #f6f6ce;
}

.vignette-menu {
	float:right;
	height:30px;
	text-align:left;
}
.shadow {
	height:8px;
	background-image:url(../images/menu/shadow.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

/********************************/
a.btn-affiche {
	background-image: url(../images/menu/affiche.gif);
	background-position:left;
	display: block;
	width: 78px;
	height:22px;
}
a.btn-affiche:hover {
	width: 88px;
	background-image: url(../images/menu/affiche-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-logo {
	background-image: url(../images/menu/logo.gif);
	display: block;
	width: 195px;
	height:22px;
}
a.btn-logo:hover {
	width: 205px;
	background-image: url(../images/menu/logo-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-site {
	background-image: url(../images/menu/site-internet.gif);
	display: block;
	width: 118px;
	height:22px;
}
a.btn-site:hover {
	width: 128px;
	background-image: url(../images/menu/site-internet-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-plaquette {
	background-image: url(../images/menu/plaquette.gif);
	display: block;
	width: 172px;
	height:22px;
}
a.btn-plaquette:hover {
	width: 182px;
	background-image: url(../images/menu/plaquette-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-illustration {
	background-image: url(../images/menu/illustration.gif);
	display: block;
	width: 115px;
	height:22px;
}
a.btn-illustration:hover {
	width: 125px;
	background-image: url(../images/menu/illustration-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-banniere {
	background-image: url(../images/menu/banniere-web.gif);
	display: block;
	width: 122px;
	height:22px;
}
a.btn-banniere:hover {
	width: 132px;
	background-image: url(../images/menu/banniere-web-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-divers-web {
	background-image: url(../images/menu/divers-web.gif);
	display: block;
	width: 103px;
	height:22px;
}
a.btn-divers-web:hover {
	width: 113px;
	background-image: url(../images/menu/divers-web-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-divers {
	background-image: url(../images/menu/divers.gif);
	display: block;
	width: 71px;
	height:22px;
}
a.btn-divers:hover {
	width: 81px;
	background-image: url(../images/menu/divers-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
/********************************/
a.btn-studio {
	background-image: url(../images/menu/studio.gif);
	display: block;
	width: 90px;
	height:22px;
}
a.btn-studio:hover {
	width: 100px;
	background-image: url(../images/menu/studio-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-ref {
	background-image: url(../images/menu/references.gif);
	display: block;
	width: 107px;
	height:22px;
}
a.btn-ref:hover {
	width: 117px;
	background-image: url(../images/menu/references-hover.gif);
	background-repeat: no-repeat;
}
/********************************/
a.btn-contact {
	background-image: url(../images/menu/contact.gif);
	display: block;
	width: 81px;
	height:22px;
}
a.btn-contact:hover {
	width: 91px;
	background-image: url(../images/menu/contact-hover.gif);
	background-repeat: no-repeat;
}