/************/
 /* DESIGN */
/************/


body {
padding:0;
margin:0;
background-color: #ca0d77;

}

#fond {
position: absolute;
padding:0;
margin:0;


width: 1000px;
height: 100%;

left: 50%;
margin-left: -500px;

background: url(../img/fond.jpg) no-repeat;
}

#conteneur{
position: absolute;
padding: 0;
margin: 107px 0px 0px -280px;

height: 402px;
width: 560px;

left: 50%;
}

#menu {
position: relative;

width: 560px;
height: 35px;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.menu-bienvenue { background: url(../img/menu-bienvenue.jpg) no-repeat; }
.menu-bar { background: url(../img/menu-bar.jpg) no-repeat; }
.menu-restaurant { background: url(../img/menu-restaurant.jpg) no-repeat; }
.menu-groupes { background: url(../img/menu-groupes.jpg) no-repeat; }
.menu-coordonnees { background: url(../img/menu-coordonnees.jpg) no-repeat; }

#contenu {
position: relative;

width: 540px;
height: 340px;

margin: 0px 0px 0px 0px;
padding: 10px;

background: url(../img/contenu.jpg) no-repeat;
}

#cadre-photo {
width: 520px;
height: 110px;

padding: 10px;
margin: 0px;

background-color: #D7C0B6;
}

.photo {
padding: 0px;
margin: 10px;
}


#colonne-gauche {
float: left;
height: 50%;
width: 260px;

margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;

text-align: left;

}

#colonne-droite {
float: left;
height: 50%;
width: 260px;

margin: 15px 0px 0px 20px;
padding: 0px 0px 0px 0px;

text-align: left;
}


  /**************/
 /* NAVIGATION */
/**************/


#btbienvenue {
position: relative;
float: left;
height: 30px;
width: 115px;

margin: 0px;
padding: 0px;
}

#btrestaurant {
position: relative;
float: left;
height: 30px;
width: 120px;

margin: 0px;
padding: 0px;
}

#btbar {
position: relative;
float: left;
height: 30px;
width: 70px;

margin: 0px;
padding: 0px;
}


#btgroupes {
position: relative;
float: left;
height: 30px;
width: 103px;

margin: 0px;
padding: 0px;

}

#btcoordonnees {
position: relative;
float: left;
height: 30px;
width: 150px;

margin: 0px;
padding: 0px;
}

#facebook{
position: absolute;
padding: 0;
margin: 467px 0px 0px 155px;
height: 35px;
width: 125px;
left: 50%;
}


  /**********/
 /* TEXTES */
/**********/


div,p  {
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align:justify;
}

b {
color: #7C0049;
}


h3 {
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
font-weight: bold;
color: #ca0d77;
font-size: 14px;
text-align:justify;

margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

.lien:link {
color: #CA0d77;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #ca0d77;
}
.lien:visited {
color: #CA0d77;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #ca0d77;
}
.lien:hover {
color: #E09AB9;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #E09AB9;
}
.lien:active {
color: #E09AB9;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #E09AB9;
}
.legende {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
color: #CA0d77;
font-size: 9px;
line-height: 12px;
}