html {
margin:0;
padding:0;
}
body {
background:url(../images/bg-body.jpg) no-repeat #180004;
margin:0;
padding:0;
font-family:verdana;
font-size:12px;
}
/*** header ***/
#header {
height:184px;
}
#header .logo{
float:left;
}
#header .bandeau {
float:right;
}
#content {
position:absolute;
top:50%;
left:50%;
margin:-300px 0 0 -382px;
padding:2px;
width:760px;
height:597px;
background:url(../images/bg-content.jpg) no-repeat;
z-index:1;
}
a {
outline:0;
}
a img{
border:0;
}
/**** menu ****/
#menu {
clear:left;
float:left;
}
#menu span {
display:none;
}
#menu a{
display:block;
width:181px;
height:70px;
margin:23px 0 23px 5px;
}
#menu .accueil {
margin-top:0;
background:url("../images/menu-accueil.jpg");
}
#menu .accueil:hover {
background-position:0 70px;
}
#menu .evenements {
background:url("../images/menu-evenements.jpg");
}
#menu .evenements:hover {
background-position:0 70px;
}
#menu .specialites {
background:url("../images/menu-specialites.jpg");
}
#menu .specialites:hover {
background-position:0 70px;
}
#menu .galerie {
background:url("../images/menu-galerie.jpg");
margin-bottom:0;
}
#menu .galerie:hover {
background-position:0 70px;
}
/*** fenetre de texte ***/
#conteneurTexte{
float:left;
margin-left:22px;
width:490px;
height:318px;
padding:14px 20px 16px 20px;
background:url("../images/bg-texte.jpg");
}
#conteneurTexte .currentPlaque{
position:absolute;
bottom:0;
right:0;
}
#conteneurTexte #support {
position:relative;
overflow:hidden;
height:100%;
width:100%;
}
/*** slide pour le texte ***/
#slides{
display:none;
z-index:5;
position:relative;
float:right;
margin-top:-348px;
margin-right:-37px !important;
margin-right:-35px;
width:72px;
height:104px;
background:url(../images/bg-slides.jpg);
}
#slides a{
display:block;
width:46px;
height:33px;
}
#slides a:hover {
background-position:0 40px !important;
}
#slides .up {
margin:12px 0 0 10px;
background:url(../images/slides-up.png) !important;
background:url(../images/slides-up.gif);
}
#slides .down {
margin:5px 0 0 10px;
background:url(../images/slides-down.png) !important;
background:url(../images/slides-down.gif);
}
.footerLink {
text-align:right;
position:absolute;
bottom:3px;
right:3px;
color:#FFF;
}
.footerLink a {
color:#FFF;
text-decoration:none;
}
.footerLink a:hover {
text-decoration:underline;
}