/* Global ******************************************************************* */

@font-face {
	font-family: 'CenturyGothicRegular';
	src: url('../../epsigon/style/GOTHIC.eot');
	src: local('CenturyGothicRegular'), local('CenturyGothic'), url('../../epsigon/style/GOTHIC.ttf') format('truetype');
}

body {
  background : #461f0d ;
  }

/* Header ******************************************************************* */

#headerwrapper {
  width : 100% ;
  height : 200px ;
  background : #461f0d url(../../epsigon/style/headerwrapper-background.jpg) repeat-x ;
  }

#headercontent {
  position : relative ;
  width : 960px ;
  height : 100% ;
  margin : 0 auto ;
  }

#logo {
  position : relative ;
  z-index : 10 ;
  width : 357px ;
  height : 121px ;
  margin : 0 auto ;
  background : url(../../epsigon/style/logo.png) no-repeat ;
  }

  #logo > a {
    position : absolute ;
    z-index : 20 ;
    display : block ;
    width : 100% ;
    height : 100% ;
    text-indent : -9999% ;
    }

#logo-restaurant {
  position : absolute ;
  z-index : 1 ;
  bottom : -10px ;
  right : -5px ;
  width : 136px ;
  height : 53px ;
  background : url(../../epsigon/style/logo-restaurant.png) no-repeat ;
  }

#logo-jatetxe {
  position : absolute ;
  z-index : 1 ;
  bottom : -2px ;
  right : -7px ;
  width : 81px ;
  height : 35px ;
  background : url(../../epsigon/style/logo-jatetxe.png) no-repeat ;
  display : none ;
  }

#nav {
  position : absolute ;
  left : 0 ;
  bottom : 0 ;
  width : 100% ;
  height : 38px ;
  overflow : hidden ;
  }

  #nav > li {
    float : left ;
    height : 100% ;
    min-width : 95px ;
    line-height : 38px ;
    text-align : center ;
    }

  #nav > li.current {
    position : relative ;
    z-index : 20 ;
    background : #ffc358 url(../../epsigon/style/nav-li-background.png) repeat-x ;
    border-radius : 10px 10px 0 0 ;
    -moz-border-radius : 10px 10px 0 0 ;
    -webkit-border-top-left-radius : 10px ;
    -webkit-border-top-right-radius : 10px ;
    }

  #nav > li.backLava {
    position : relative ;
    z-index : 0 ;
    background : rgba(0,0,0,0.4) ;
    border-radius : 10px 10px 0 0 ;
    -moz-border-radius : 10px 10px 0 0 ;
    -webkit-border-top-left-radius : 10px ;
    -webkit-border-top-right-radius : 10px ;
    margin-left : 20px ;
    }

  #nav > li+li {
    margin-left : 20px ;
    }

    #nav > li > a {
      position : relative ;
      z-index : 20 ;
      display : block ;
      height : 100% ;
      padding : 0 20px ;
      font-size : 18px ;
      font-family : 'century gothic', 'CenturyGothicRegular', verdana, arial, sans-serif ;
      color : #fdc157 ;
      }

    #nav > li.current > a {
      position : relative ;
      z-index : 20 ;
      color : black ;
      background : url(../../epsigon/style/nav-li-a-background.png) 50% 0px no-repeat ;
      }

#lang {
  position : absolute ;
  top : 0 ;
  right  : 10px ;
  background : rgba(0,0,0,0.4) ;
  padding : 10px;
  border-radius : 0 0 10px 10px ;
  -moz-border-radius :  0 0 10px 10px ;
  -webkit-border-bottom-left-radius : 10px ;
  -webkit-border-bottom-right-radius : 10px ;
  }

  #lang > li {
    float : left ;
    }

  #lang > li+li {
    margin-left : 10px ;
    }

/* Menudujour *************************************************************** */

#menudujourwrapper {
  width : 100% ;
  background : #7a4931 ;
  }

  #menudujourwrapper.open {
    height : 320px ;
    }

  #menudujourwrapper.close {
    height : 20px ;
    overflow : hidden ;
    }

#menudujourcontent {
  position : relative ;
  margin : 0 auto ;
  width : 960px ;
  height : 100% ;
  background : url(../../epsigon/style/menudujourcontent-background.jpg) top right no-repeat ;
  }

#menudujourcontent > h2 {
  position : absolute ;
  right : 123px ;
  top : 10px ;
  width : 430px ;
  height : 67px ;
  background : url(../../epsigon/style/menudujourcontent-title-background.png) no-repeat ;
  text-indent : -9999% ;
  }

#menudujourdate {
  position : absolute ;
  left : 630px ;
  top : 60px ;
  font-family : 'century gothic', 'CenturyGothicRegular', verdana, arial, sans-serif ;
  color : black ;
  font-size : 14px ;
  }

#menudujour {
  position : absolute ;
  top : 80px ;
  right : 38px ;
  width : 600px ;
  height : 220px ;
  color : white ;
  text-align : center ;
  line-height : 1.5 ;
  font-family : 'century gothic', 'CenturyGothicRegular', verdana, arial, sans-serif ;
  font-size : 14px ;
  }

  #menudujour > p+p {
    margin-top : 5px ;
    padding-top : 10px ;
    background : url(../../epsigon/style/menudujour-separator.png) top center no-repeat ;
    }

#tableaunoir {
  position : absolute ;
  z-index : 10 ;
  top : 30px ;
  left : 80px ;
  width : 248px ;
  height : 277px ;
  background : url(../../epsigon/style/tableaunoir-background.png) no-repeat ;
  }

  #tableaunoir > div {
    width : 177px ;
    height : 208px ;
    margin-top : 33px ;
    margin-left : 31px ;
    }

    #tableaunoir > div > p {
      text-align : center ;
      color : white ;
      line-height : 2.5 ;
      }

    #tableaunoir > div > p+p {
      margin-top : 15px ;
      }

#feuilles1 {
  position : absolute ;
  z-index : 20 ;
  top : 0px ;
  left : 0px ;
  width : 178px ;
  height : 147px ;
  background : url(../../epsigon/style/feuilles1-background.png) no-repeat ;
  }

/* Page ********************************************************************* */

#pagewrapper {
  width : 100% ;
  background : #967d66 url(../../epsigon/style/pagewrapper-background.png) repeat-x ;
  }

#pagecontent {
  margin : 0 auto ;
  width : 960px ;
  background : white url(../../epsigon/style/pagecontent-background.png) repeat-x ;
  }

/* Footer ******************************************************************* */

#footerwrapper {
  width : 100% ;
  height : 83px ;
  background : url(../../epsigon/style/footerwrapper-background.jpg) repeat-x ;
  }

#footercontent {
  position : relative ;
  margin : 0 auto ;
  width : 960px ;
  color : #ffc358 ;
  font-family : 'century gothic', 'CenturyGothicRegular', verdana, arial, sans-serif ;
  padding-top : 20px ;
  height : 100% ;
  }

  #footercontent a {
    color : #ffc358 ;
    }

  #footercontent a:hover {
    color : white ;
    }

  #filet {
    float : left ;
    line-height : 36px ;
    height : 41px ;
    margin-left : 10px ;
    }

    #filet > li {
      float : left ;
      }

    #filet > li+li {
      margin-left : 20px ;
      }

  #feuilles2 {
    position : absolute ;
    z-index : 10 ;
    right : 140px ;
    top : 30px ;
    width : 97px ;
    height : 104px ;
    background : url(../../epsigon/style/feuilles2-background.png) no-repeat ;
    }

  #feuilles3 {
    position : absolute ;
    z-index : 5 ;
    right : 150px ;
    top : 15px ;
    width : 62px ;
    height : 66px ;
    background : url(../../epsigon/style/feuilles3-background.png) no-repeat ;
    }

  #copyright {
    position : relative ;
    float : right ;
    line-height : 36px ;
    height : 41px ;
    z-index : 1 ;
    }

    #copyright a {
      display : block ;
      height : 100% ;
      background : url(../../epsigon/style/epsigon.png) 100% 50% no-repeat ;
      padding-left : 10px ;
      padding-right : 45px ;
      }

    #copyright span {
      font-size : 14px ;
      }

/* Duo de news ************************************************************** */

#duonews {
  overflow : auto ;
  padding-bottom : 50px ;
  background : url(../../epsigon/style/duonews-background.png) bottom center no-repeat ;
  }

#duonews + * {
  margin-top : 20px ;
  }

#duonews > div {
  width : 410px ;
  height : 200px ;
  background : #ece4cf ;
  border-radius : 10px ;
  -moz-border-radius : 10px ;
  -webkit-border-radius : 10px ;
  background-position : 0 100% ;
  background-repeat : no-repeat ;
  }

  #duonews > div+div {
    margin-left : 10px ;
    }

  #duonews > div > div {
    position : relative ;
    margin : 10px ;
    padding : 10px ;
    height : 160px ;
    border : 1px dashed #7c7c7c ;
    border-radius : 6px ;
    -moz-border-radius : 6px ;
    -webkit-border-radius : 6px ;
    }

  #duonews > div > div > h2 {
    font-size : 20px ;
    margin : 0 ;
    border : 0 ;
    text-transform : none ;
    }

    #duonews > div > div > h2 > a {
      font-weight : normal ;
      color : black ;
      }

  #duonews > div > div > p.date {
    font-size : 10px ;
    color : #7c7c7c ;
    font-style : italic ;
    margin-bottom : 5px ;
    }

  #duonews > div > div > p {
    text-align : justify ;
    line-height : 1.4 ;
    }

    #duonews > div > div > p a {
      color : black ;
      font-weight : bold ;
      }

    #duonews > div > div > p a:hover {
      color : red ;
      font-weight : bold ;
      }

  #duonews > div > div img {
    display : none ;
    }

  #duonews > div > div > p.moretext {
    position : absolute ;
    line-height : 1 ;
    }

  #duonews > div > div > p.moretext > a {
    color : white ;
    font-size : 10px ;
    }

  #duonews > div > div > p.moretext > a:hover {
    color : black ;
    }

  #duonews .newsleft {
    float : left ;
    background-image : url(../../epsigon/style/duonews-left-background.png) ;
    }

    #duonews .newsleft > div > p.moretext {
      left : 10px ;
      bottom : 10px ;
      }

  #duonews .newsright {
    float : right ;
    background-image : url(../../epsigon/style/duonews-right-background.png) ;
    }

    #duonews .newsright > div > p.moretext {
      right : 10px ;
      bottom : 10px ;
      }

/* D?tails de news ********************************************************** */

#content > .news.date {
  color : #c0c0c0 ;
  font-style : italic ;
  padding-left : 10px ;
  margin-bottom : 20px ;
  }

/* Visite virtuelle ********************************************************* */

#pano {
  border : 1px solid black ;
  }