body{
margin:0;
padding:0;
padding-top:20px;
padding-bottom:20px;
background-color:#000;
/*
background-image:url(../img/design/fond-2.gif);
background-repeat:repeat-x;
*/
}
/*
// +--------------------------------------------------------------------+
// | Conteneur
// +--------------------------------------------------------------------+
*/
div#website{
width:760px;
margin:auto;
padding:0;
position:relative;
border:10px solid #333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
/*
// +--------------------------------------------------------------------+
// | Entête
// +--------------------------------------------------------------------+
*/
ul#head{
width:760px;
height:115px;
margin:0;
padding:0;
border:0;
position:relative;
background:url(../img/design/head.gif);
}
ul#head li{
position:absolute;
top:80px;
list-style:none;
}
ul#head li#bienvenue{
top:85px;
left:430px;
width:320px;
text-align:center;
color:#FFFFFF;
}
ul#head li, ul#head a{
display:block;
height:30px;
}
li#fr{
left:265px;
width:30px;
}
li#nl{
left:295px;
width:30px;
}
li#en{
left:325px;
width:30px;
}
li#fr a:hover{
background: transparent url(../img/design/head.gif) -265px -195px no-repeat;
}
li#nl a:hover{
background: transparent url(../img/design/head.gif) -295px -195px no-repeat;
}
li#en a:hover{
background: transparent url(../img/design/head.gif) -325px -195px no-repeat;
}
/*
// +--------------------------------------------------------------------+
// | Menu 1
// +--------------------------------------------------------------------+
*/
ul#menu1{
width:265px;
height:250px;
margin:0;
border:0;
padding:0;
position:absolute;
left:0;
background:url(../img/design/menu.gif);
}
ul#menu1 li{
position:absolute;
left:0;
list-style:none;
}
ul#menu1 li, #menu1 a{
display:block;
height:25px;
}
li#accueil{
top:45px;
width:265px;
}
li#carte{
top:80px;
width:265px;
}
li#restaurant{
top:110px;
width:265px;
}
li#produit{
top:145px;
width:265px;
}
li#contact{
top:180px;
width:265px;
}
li#accueil a:hover{
background: transparent url(../img/design/menu.gif) 0 -295px no-repeat;
}
li#carte a:hover{
background: transparent url(../img/design/menu.gif) 0 -330px no-repeat;
}
li#restaurant a:hover{
background: transparent url(../img/design/menu.gif) 0 -360px no-repeat;
}
li#produit a:hover{
background: transparent url(../img/design/menu.gif) 0 -395px no-repeat;
}
li#contact a:hover{
background: transparent url(../img/design/menu.gif) 0 -430px no-repeat;
}
/*
// +--------------------------------------------------------------------+
// | Zone 1
// +--------------------------------------------------------------------+
*/
div#zone1{
width : 485px;
height : 250px;
margin : 0;
margin-left : 265px;
padding-right : 10px;
background-color : #A78085;
}
/*
// +--------------------------------------------------------------------+
// | Menu 2
// +--------------------------------------------------------------------+
*/
td#menu2{
width:128px;
margin:0;
padding:10px;
border-right:2px solid white;
background-color:#6B111D;
color:#FFFFFF;
text-align:center;
vertical-align : top;
}
/*
// +--------------------------------------------------------------------+
// | Zone 2
// +--------------------------------------------------------------------+
*/
td#zone2{
width:590px;
margin:0;
padding:10px;
border:0;
background-color:#A78085; /* Couleur Lilas */
vertical-align:top;
}
/*
// +--------------------------------------------------------------------+
// | Pied
// +--------------------------------------------------------------------+
*/
div#pied{
width:610px;
border-top:1px solid #000000;
margin:0;
padding:2px;
padding-left:150px;
padding-right:0;
background-color:#3B3B3B;
color:#FFFFFF;
text-align:center;
font-size:14px;
}