@charset "UTF-8";
#header {
  position: fixed;
  z-index: 10;
  background: url(../img/back_.jpg) top center no-repeat; }

#gallery_bg {
  background: url(../img/bg_under.png); }

#gallery {
  width: 100%;
  font-size: 108%;
  position: fixed;
  z-index: 10;
  top: 200px;
  background: url(../img/back.jpg) center -200px no-repeat; }
  #gallery #gallery_inner {
    width: 980px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #4B7EBF; }
  #gallery h2 {
    margin-bottom: 20px;
    padding: 0 44px 7px 44px;
    border-bottom: 1px solid #4B7EBF; }
  #gallery h3 {
    font-size: 108%;
    font-weight: bold; }
  #gallery .section {
    padding: 0 110px;
    overflow: hidden; }
    #gallery .section ul li {
      width: 120px;
      height: 120px;
      margin-right: 40px;
      float: left; }
      #gallery .section ul li a {
        width: 120px;
        height: 120px;
        display: block; }
    #gallery .section ul .jeux a {
      background: url(../../gallery/img/btn_lnav_jeu.jpg) center center no-repeat; }
      #gallery .section ul .jeux a:hover {
        background: url(../../gallery/img/btn_lnav_jeu_on.jpg) center center no-repeat; }
    #gallery .section ul .enp a {
      background: url(../../gallery/img/btn_lnav_enp.jpg) center center no-repeat; }
      #gallery .section ul .enp a:hover {
        background: url(../../gallery/img/btn_lnav_enp_on.jpg) center center no-repeat; }
    #gallery .section ul .enf a {
      background: url(../../gallery/img/btn_lnav_enf.jpg) center center no-repeat; }
      #gallery .section ul .enf a:hover {
        background: url(../../gallery/img/btn_lnav_enf_on.jpg) center center no-repeat; }
    #gallery .section ul .marie a {
      background: url(../../gallery/img/btn_lnav_mar.jpg) center center no-repeat; }
      #gallery .section ul .marie a:hover {
        background: url(../../gallery/img/btn_lnav_mar_on.jpg) center center no-repeat; }
    #gallery .section ul .noel {
      margin-right: 0; }
      #gallery .section ul .noel a {
        background: url(../../gallery/img/btn_lnav_noe.jpg) center center no-repeat; }
        #gallery .section ul .noel a:hover {
          background: url(../../gallery/img/btn_lnav_noe_on.jpg) center center no-repeat; }

#main {
  width: 100%;
  padding: 445px 0 90px 0;
  background: url(../img/bg_under.png); }
  #main .inner {
    width: 980px;
    margin: 0 auto; }
  #main h2 {
    height: 42px;
    text-align: center;
    margin-bottom: 10px; }
  #main .slider {
    position: relative;
    width: 100%;
    height: 225px !important; }
    #main .slider ul.slides {
      width: auto;
      height: 225px;
      margin: 0;
      padding: 0; }
      #main .slider ul.slides li {
        width: 300px;
        float: left;
        list-style: none; }
    #main .slider .c-prev {
      width: 40px;
      height: 225px;
      display: block;
      background: url(../../gallery/img/btn_bg.png);
      position: absolute;
      top: 0;
      left: -40px;
      border: 0;
      z-index: 4; }
    #main .slider .c-next {
      width: 40px;
      height: 225px;
      display: block;
      background: url(../../gallery/img/btn_bg.png);
      position: absolute;
      top: 0;
      right: -40px;
      border: 0;
      z-index: 4; }
  #main .bx-controls-direction {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5; }
    #main .bx-controls-direction a.bx-prev {
      width: 40px;
      height: 225px;
      display: block;
      background: url(../../gallery/img/btn_prev.png) 0 0 no-repeat;
      position: absolute;
      left: -40px;
      border: 0; }
    #main .bx-controls-direction a.bx-next {
      width: 40px;
      height: 225px;
      display: block;
      background: url(../../gallery/img/btn_next.png) 0 0 no-repeat;
      position: absolute;
      right: -40px; }
  #main #jeux {
    padding-top: 449px;
    margin-top: -449px;
    height: 285px;
    margin-bottom: 35px;
    position: relative;
    z-index: 9; }
  #main #enp {
    padding-top: 449px;
    margin-top: -449px;
    height: 285px;
    margin-bottom: 35px;
    position: relative;
    z-index: 8; }
    #main #enp .bx-wrapper {
      max-width: 980px !important; }
  #main #enf {
    padding-top: 449px;
    margin-top: -449px;
    height: 285px;
    margin-bottom: 35px;
    position: relative;
    z-index: 7; }
  #main #marie {
    padding-top: 449px;
    margin-top: -449px;
    height: 285px;
    margin-bottom: 35px;
    position: relative;
    z-index: 6; }
  #main #noel {
    padding-top: 449px;
    margin-top: -449px;
    height: 285px;
    position: relative;
    z-index: 5; }