/* le-mayence.be - styles - mwp interactive */

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 15px;
	color : #58585A;
	margin : 0;
	text-align : center;
	height : 100%;
}
.mayence-color {color: #92003C;}
.accueil-bgcolor {background-color: #5F0027;}
.apart-bgcolor {background-color: #424550;}
.resto-bgcolor {background-color: #92003C;}
.club-bgcolor {background-color: #7D7D00;}

p {margin-bottom:5px;}
p.exergue {
	margin-top:15px;
	margin-bottom:15px;
}

a {color: #58585A; text-decoration: underline; }
a:hover {text-decoration: none; }

ul#langues {text-align:right; font-size: 11px; height: 20px;}
#langues li {display: inline; list-style-type: none; padding-left: 5px;}
#langues li a {color:#000000; text-decoration: none;}
#langues li a:hover, #langues li a#active {color:#FFFFFF;}

ul#nav {text-align:center; font-size: 11px; height: 20px; width:980px;}
#nav li {display: inline; list-style-type: none; padding: 0px;}

ul#nav li a {
	padding: 0;
	text-decoration: none;
	float: left;
	height: 20px;
	display: block;
	cursor: pointer;
	background-image: url(img/bg/menu-principal-bg.gif);
	background-repeat: no-repeat;
}

ul#nav li a.apart-tab {width: 327px; background-position: 0px 0px;}
ul#nav li a.resto-tab {width: 326px; background-position: -327px 0px;}
ul#nav li a.club-tab {width: 327px; background-position: -653px 0px;}



#nav2 li {display: block; list-style-type: none; margin-bottom: 8px; height: 126px; width: 118px;}
ul#nav2 li a {display: block; padding: 0; text-decoration: none; cursor: pointer; height: 126px; width: 118px; background-repeat: no-repeat; background-position: 0px 0px;}

ul#nav2 li a.bouton-les-services {background-image: url(img/bg/les-services.jpg);}
ul#nav2 li a.bouton-acces {background-image: url(img/bg/acces.jpg);}
ul#nav2 li a.bouton-le-menu {background-image: url(img/bg/le-menu.jpg);}
ul#nav2 li a.bouton-contact {background-image: url(img/bg/contact.jpg);}

ul#nav2 li a.bouton-les-services:hover, ul#nav2 li a.bouton-les-services#active {background-image: url(img/bg/les-services-hover.jpg);}
ul#nav2 li a.bouton-acces:hover, ul#nav2 li a.bouton-acces#active {background-image: url(img/bg/acces-hover.jpg);}
ul#nav2 li a.bouton-le-menu:hover, ul#nav2 li a.bouton-le-menu#active {background-image: url(img/bg/le-menu-hover.jpg);}
ul#nav2 li a.bouton-contact:hover, ul#nav2 li a.bouton-contact#active {background-image: url(img/bg/contact-hover.jpg);}



#global-center { 
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 980px; 
  height: 640px; 
  margin-top: -335px;
  margin-left: -490px;
}

.logo-mayence {position: absolute; top : 130px; left:65px; width: 205px; height: 220px;}
.zone580 {width: 980px; height: 580px; background-color:#FFFFFF;}
.content, .page-mid {margin: 0; padding : 0; width: 980px; background-color: #FFFFFF; text-align: left;}
.bloc-slide-apart-resto, .bloc-texte-apart-resto, .bloc-nav2-apart-resto, 
.bloc-vide-b4c, .bloc-texte-b4c, .bloc-capture-b4c {padding : 0; background-color: #FFFFFF; float: left;}
.bloc-slide-apart-resto {width: 335px; margin-top:70px; text-align: center;}
.bloc-texte-apart-resto {width: 475px; margin-top:45px;}
.bloc-nav2-apart-resto {width: 170px;}
.bloc-texte-apart-resto p {width: 395px;}
.bloc-vide-b4c {width: 280px; }
.bloc-texte-b4c {width: 445px; margin-top:45px; text-align: center;}
.bloc-capture-b4c {width: 255px; margin-top:20px;}


/* accueil */
.accueil-mid {width: 980px; height: 600px; background-image: url(img/bg/accueil-bg-mid.gif); background-repeat: repeat-x; text-align: left;}
.accueil-logo-big {width: 450px; height: 600px; background-image: url(img/logos/accueil-logo.gif); background-repeat: no-repeat; background-position: 86px 139px; margin:0; padding:0; float: left;}
.entree-apart, .entree-restaurant, .entree-club {width: 160px; height: 561px; margin-top:19px; padding:0; float: left;}
.entree-restaurant {margin-right:15px; margin-left:15px;}
a.apart-fx, a.resto-fx, a.club-fx {width: 160px; height: 561px; display: block; background-repeat: no-repeat; cursor: pointer;}
a.apart-fx {background-image: url(img/bg/entree-apart-hotel.jpg);}
a.resto-fx {background-image: url(img/bg/entree-restaurant.jpg);}
a.club-fx {background-image: url(img/bg/entree-club-affaire-b4c.jpg);}
a.apart-fx:hover {background-image: url(img/bg/entree-apart-hotel-hover.jpg);}
a.resto-fx:hover {background-image: url(img/bg/entree-restaurant-hover.jpg);}
a.club-fx:hover {background-image: url(img/bg/entree-club-affaire-b4c-hover.jpg);}


/* h1 */
h1.le-restaurant, h1.l-apart-hotel, h1.le-club-affaires, h1.les-services, h1.acces, h1.le-menu, h1.contact {
	text-align: right;
	margin-right:45px;
	display: block;
	height:64px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
}

h1.le-restaurant {background-image: url(img/h1/le-restaurant.gif); background-position: 619px 9px;}
h1.l-apart-hotel {background-image: url(img/h1/l-apart-hotel.gif); background-position: 661px 2px;}
h1.le-club-affaires {background-image: url(img/h1/le-club-affaires.gif); background-position: 568px 9px;}
h1.les-services {background-image: url(img/h1/les-services.gif); background-position: 664px 9px;}
h1.acces {background-image: url(img/h1/acces.gif); background-position: 788px 0px;}
h1.le-menu {background-image: url(img/h1/le-menu.gif); background-position: 759px 9px;}
h1.contact {background-image: url(img/h1/contact.gif); background-position: 730px 9px;}


/* slideshow */
#slideshow {height:144px; width: 133px; position: absolute; top:405px; left:101px;}
#slideshow img {display:none; position:absolute; top:0; left:0;}


/* signature mwp - logos */
.mwp {text-align: left;width: 200px;float:left;}
.mwp a {color: #FFFFFF; text-decoration: none; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px}

.logos {text-align: right; width: 700px; float:right;}


/* éléments cachés */
ul#nav li a span, ul#nav2 li a span, h1 span, .adresse span, .entree-apart span, .entree-restaurant span, .entree-club span {display: none;}


/* clearing - spacer */
.clear {clear: both; height:1px; line-height:1px; font-size:1px;}
.clear4 {clear: both; height:4px; line-height:4px; font-size:4px;}
.spacer-top {margin: 0; padding : 0; height:10px; width: 980px; background-color: #FFFFFF;}



#scroll {
width: 460px;

height: 215px;
overflow: auto;
position: relative;
background-color: #FFFFFF;
margin: 0;
padding: 0px;
padding-right:10px;
}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: #92003C;
}
.hscrollerbase {
	
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #92003C;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}