/* Start of CMSMS style sheet 'FFS - Interface' */
@font-face {
	font-family: 'ErasLightITCRegular';
	src: url('[[root_url]]/epsigon/style/ERASLGHT.eot');
	src: local('Eras Light ITC Regular'), local('ErasITC-Light'), url('[[root_url]]/epsigon/style/ERASLGHT.ttf') format('truetype');
}

@font-face {
	font-family: 'ErasDemiITCRegular';
	src: url('[[root_url]]/epsigon/style/ERASDEMI.eot');
	src: local('Eras Demi ITC Regular'), local('ErasITC-Demi'), url('[[root_url]]/epsigon/style/ERASDEMI.ttf') format('truetype');
}

body {
  background : black url([[root_url]]/epsigon/style/body-background.png) top center no-repeat ;
  }

#interface {
  width : 960px ;
  margin : 30px auto ;
  background : #808080 ;
  padding : 10px ;
  -moz-border-radius : 10px ;
  -webkit-border-radius : 10px ;
  -khtml-border-radius : 10px ;
  border-radius : 10px ;
  -moz-box-shadow : 0px 0px 20px black ;
  -webkit-box-shadow : 0px 0px 20px black ;
  box-shadow : 0px 0px 20px black ;
  }

#header {
  position : relative ;
  background : black ;
  height : 250px ;
  -moz-border-radius : 5px 5px 0 0 ;
  -webkit-border-top-left-radius : 5px ;
  -webkit-border-top-right-radius : 5px ;
  -khtml-border-radius : 5px 5px 0 0 ;
  border-radius : 5px 5px 0 0 ;
  }

  #logo {
    position : absolute ;
    z-index : 10 ;
    left : 20px ;
    top : 29px ;
    width : 205px ;
    height : 203px ;
    text-indent : -9999px ;
    background : url([[root_url]]/epsigon/style/logo.png) no-repeat ;
    }

  #diaporama {
    position : absolute ;
    z-index : 0 ;
    top : 10px ;
    left : 0 ;
    border : 1px solid white ;
    border-left : 0 ;
    border-right : 0 ;
    width : 100% ;
    height : 240px ;
    background : #367db5 url([[root_url]]/epsigon/style/diapo.jpg) no-repeat ;
    }

  #diaporama-reflet {
    position : absolute ;
    z-index : 1 ;
    top : 10px ;
    left : 0 ;
    width : 100% ;
    height : 240px ;
    background : url([[root_url]]/epsigon/style/diaporama-reflet.png) no-repeat ;
    }

#nav {
  width : 100% ;
  height : 38px ;
  background : black url([[root_url]]/epsigon/style/nav-background.png) repeat-x ;
  }

  #nav > ul > li {
    float : left ;
    height : 38px ;
    line-height : 38px ;
    font-size : 14px ;
    color : white ;
    border-right : 1px solid #4d4d4d ;
    }

    #nav > ul > li > a {
      display : block ;
      line-height : 38px ;
      height : 38px ;
      padding : 0 20px ;
      color : white ;
      }

      #nav > ul > li > a:hover {
        background : #2c2c2c url([[root_url]]/epsigon/style/nav-background-on.png) repeat-x ;
        }

#pagewrapper {
  width : 960px ;
  background : white url([[root_url]]/epsigon/style/pagewrapper-background.png) repeat-y ;
  overflow : auto ;
  }

#pagewrapper.forum {
  width : 940px ;
  padding : 10px ;
  background : white ;
  overflow : auto ;
  }

  #pagewrapper.forum a:hover {
    color : #0075bf ;
    }

  #content {
    float : right ;
    width : 640px ;
    padding : 20px ;
    }

  #side {
    float : left ;
    width : 240px ;
    padding : 20px ;
    }

#footer {
  height : 46px ;
  background : #cacaca url([[root_url]]/epsigon/style/footer-background.png) repeat-x ;
  -moz-border-radius : 0 0 5px 5px ;
  -webkit-border-bottom-left-radius : 5px ;
  -webkit-border-bottom-right-radius : 5px ;
  -khtml-border-radius : 0 0 5px 5px ;
  border-radius : 0 0 5px 5px ;
  }
/* End of 'FFS - Interface' */