/* CSS Document */
/* Menu vertical*/
#navigation {
	height: 596px;
	width: 180px;
	position: relative;
	float:left;
	background-image: url(../images/menu/menu.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#menu {
	z-index:100;
	margin: 83px 0px 0px 0px;
	list-style-type: none;
	padding: 0;
	border: 0;
	position: absolute;
}
#menu li {
	width: 155px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 25px;
	list-style-image: none;
}
#menu li a{
	text-indent:-9999px;
	height:37px;
	display: block;
	color: #FF0000;
	text-decoration: none;
}

#menu li a.image{
	text-indent:0px;
}

#m1 {
	background-image: url(../images/menu/accueil2a.png);
	background-repeat: no-repeat;}
#m2 {background-image: url(../images/menu/mariage2a.png);
	background-repeat: no-repeat;}
#m3 {background-image: url(../images/menu/particulier2a.png);
	background-repeat: no-repeat;}
#m4 {background-image: url(../images/menu/partenaires2a.png);
	background-repeat: no-repeat;}
#m5 {background-image: url(../images/menu/decoration2a.png);
	background-repeat: no-repeat;}
#m6 {background-image: url(../images/menu/galerie2a.png);
	background-repeat: no-repeat;}
#m7 {background-image: url(../images/menu/presse2a.png);
	background-repeat: no-repeat;}
#m8 {background-image: url(../images/menu/contact2a.png);
	background-repeat: no-repeat;}
#m9 {background-image: url(../images/menu/faq2a.png);
	background-repeat: no-repeat;}
#m10 {background-image: url(../images/menu/boutique2a.png);
	background-repeat: no-repeat;}	

#m1 a:hover {background-image: url(../images/menu/accueil2b.png);
	background-repeat: no-repeat;}
#m2 a:hover {background-image: url(../images/menu/mariage2b.png);
	background-repeat: no-repeat;}
#m3 a:hover {background-image: url(../images/menu/particulier2b.png);
	background-repeat: no-repeat;}
#m4 a:hover {background-image: url(../images/menu/partenaires2b.png);
	background-repeat: no-repeat;}
#m5 a:hover {background-image: url(../images/menu/decoration2b.png);
	background-repeat: no-repeat;}
#m6 a:hover {background-image: url(../images/menu/galerie2b.png);
	background-repeat: no-repeat;}
#m7 a:hover {background-image: url(../images/menu/presse2b.png);
	background-repeat: no-repeat;}
#m8 a:hover {background-image: url(../images/menu/contact2b.png);
	background-repeat: no-repeat;}
#m9 a:hover {background-image: url(../images/menu/faq2b.png);
	background-repeat: no-repeat;}
#m10 a:hover {background-image: url(../images/menu/boutique2b.png);
	background-repeat: no-repeat;}
	
#m1active {background-image: url(../images/menu/accueil2b.png);
	background-repeat: no-repeat;}
#m2active {background-image: url(../images/menu/mariage2b.png);
	background-repeat: no-repeat;}
#m3active {background-image: url(../images/menu/particulier2b.png);
	background-repeat: no-repeat;}
#m4active {background-image: url(../images/menu/partenaires2b.png);
	background-repeat: no-repeat;}
#m5active {background-image: url(../images/menu/decoration2b.png);
	background-repeat: no-repeat;}
#m6active {background-image: url(../images/menu/galerie2b.png);
	background-repeat: no-repeat;}
#m7active {background-image: url(../images/menu/presse2b.png);
	background-repeat: no-repeat;}
#m8active {background-image: url(../images/menu/contact2b.png);
	background-repeat: no-repeat;}
#m9active {background-image: url(../images/menu/faq2b.png);
	background-repeat: no-repeat;}
#m10active {background-image: url(../images/menu/boutique2b.png);
	background-repeat: no-repeat;}	

#sactive { color:#FFFFFF;}

#menu .close ul {
	display:none;
}

#menu li ul{
	z-index:200;
	margin: -5px 0 0 0;
	padding: 3px 0px 3px 0px;
}

#menu li ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border: none;
	background-image: none;
}
#menu li ul li a {
	margin-left: 30px;
	text-indent:0px;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	height: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#menu li ul li a:hover {
	color: #d8261a;
	background-image:none;
}
#menubas   {
	margin-left: 25px;
	bottom: -13px;
	position: absolute;
}
#menubas .menudiapo {
	border:none;
}
/* Sous menu horizontal */
#smenuHori {
position:relative;
width: 435px; /*685px;*/
height:100%;
margin: 0 0 0 200px;
}

a.A { background-image: url('../images/menu/weddinga.png'); display: block; float:left; width: 145px; height: 40px }
a.A:hover { background: url('../images/menu/weddingb.png') 0 -40px }
a.B { background-image: url('../images/menu/daya.png'); display: block; float:left; width: 145px; height: 40px }
a.B:hover { background: url('../images/menu/dayb.png') 0 -40px }
a.C { background-image: url('../images/menu/secreta.png'); display: block; float:left; width: 145px; height: 40px }
a.C:hover { background: url('../images/menu/secretb.png') 0 -40px }

a.D { background-image: url('../images/menu/eventsa.png'); display: block; float:left; width: 145px; height: 40px }
a.D:hover { background: url('../images/menu/eventsb.png') 0 -40px }
a.E { background-image: url('../images/menu/naissancea.png'); display: block; float:left; width: 145px; height: 40px }
a.E:hover { background: url('../images/menu/naissanceb.png') 0 -40px }
a.F { background-image: url('../images/menu/amoura.png'); display: block; float:left; width: 145px; height: 40px }
a.F:hover { background: url('../images/menu/amourb.png') 0 -40px }

#smenuHoria {
position:relative;
width: 220px;
height:48px;
margin: 0 0 0 0;
}

a.I { background-image: url('../images/menu/realisationsa.png'); display: block; float:left; width: 145px; height: 40px }
a.I:hover { background: url('../images/menu/realisationsb.png') 0 -40px }

#smenuHorib {
position:relative;
width: 230px;
height:48px;
margin: 0 0 0 112px;
}


a.G { background-image: url('../images/menu/decomesura.png'); display: block; float:left; width: 230px; height: 48px }
a.G:hover { background: url('../images/menu/decomesurb.png') 0 -48px }
a.H { background-image: url('../images/menu/decoperlea.png'); display: block; float:left; width: 230px; height: 48px }
a.H:hover { background: url('../images/menu/decoperleb.png') 0 -48px }