/**
 * Référence des couleurs
 * ----------------------
 * gris foncé : #1B1B1B
 * gris moyen : #848484
 * jaune menu : #FEED01
 */

html, body {
  margin:           0;
  padding:          0;
}

html {
  background:       #000;
  padding:          0 0 30px;
}

body {
  background:       #848484 url(../uploads/images/images/bg_page.png) 0 0 repeat-x;
  border-bottom:      1px solid #6a6a6a;
}

a img {
  border:           0;
}
div.page {
  font:             14px/1.35 tahoma,sans-serif;
  margin:           0 auto;
  width:            770px;
}

#header {
  background:       #fff url(../uploads/images/images/bg_page.png) 0 0 repeat-x;
  height:           191px;
  position:         relative;
}

  #header h1 {
    left:             10px;
    margin:           0;
    position:         relative;
    top:              32px;
  }

  #header h1 a {
    outline:          none;
  }

  #lang {
    background:       #FEED01;
    border-bottom:    1px solid #CBC134;
    box-shadow:       0 0 5px #1B1B1B;
    -moz-box-shadow:  0 0 5px #1B1B1B;
    -webkit-box-shadow: 0 0 5px #1B1B1B;
    padding:          6px 13px 8px;
    position:         absolute;
    right:            5px;
    top:              0;
  }

    #lang a {
      border-bottom:  2px solid #FEED01;
      color:          #000;
      text-decoration: none;
    }

    #lang a:hover, #lang a:focus, #lang a:active {
      border-color:   #000;
    }

  #main_menu {
    bottom:           0;
    left:             6px;
    list-style:       none;
    margin:           0;
    padding:          0;
    position:         absolute;
    right:            6px;
    overflow:         hidden;
    width:            770px;
  }

  #main_menu li {
    float:            left;
  }

  #main_menu a {
    color:            #000;
    display:          block;
    margin:           10px 5px 0;
    padding:          8px;
    text-decoration:  none;
    text-transform:   uppercase;
  }

  #main_menu a.selected, #main_menu a:hover, #main_menu a:focus, #main_menu a:active {
    background:       #FEED01 url(../uploads/images/images/bg_menu_hover.png) 0 bottom repeat-x;
    box-shadow:       0 0 5px #1B1B1B;
    -moz-box-shadow:  0 0 5px #1B1B1B;
    -webkit-box-shadow: 0 0 5px #1B1B1B;
    -o-box-shadow: 0 0 5px #1B1B1B;
  }

#content {
  background:       transparent none right bottom no-repeat;
  min-height:       126px;
  padding:          120px 220px 340px 10px;
  position:         relative;
  color:            #000;
  min-height:       50%;
}

#content_with_menu {
    margin:         30px 0;
    color:          #000;
    min-height:     260px;
}

#content_contact{
  background:       transparent none right bottom no-repeat;
  min-height:       126px;
  padding:          0 220px 340px 10px;
}

  .homepage #content {
    background-image: url(../uploads/images/images/bg_content_home.html);
  }

h3{
 color: #FEED01;
}

p{
  color: black;
}

#submenu {
   height: 77px;
   margin-top: 28px;
}

    #submenu ul {
        list-style:     none;
        line-height:    77px;
        margin:         0;
        padding:        0;
        overflow:       hidden;
    }

    #submenu li {
        float:          left;
    }

    #submenu a {
        color:          #000;
        display:        block;
        padding:        0 12px;
        text-decoration: none;
    }

    #submenu a:hover, #submenu a:focus, #submenu a:active, #submenu a.selected {
        text-decoration: underline;
    }

#submenu table {
    height:             77px;
    vertical-align:     middle;
}



#content_home {
  height:             155px;
  background:         transparent none right bottom no-repeat;
  min-height:         126px;
  padding:            110px 220px 340px 10px;
    position:           relative;
}

    #bg_content {
        background:     url(img/bg_content_home.png) 0 0 no-repeat;
        bottom:         0;
        height:         283px;
        position:       absolute;
        right:          0;
        width:          342px;
    }



#gallery img {

}

#gallery #bigPic {
  background:           #FDBF01;
  float:                left;
  margin:               0 auto;
  padding:              8px;
  text-align:           center;
  width:                500px;
  box-shadow:           0 0 5px #1B1B1B;
  -moz-box-shadow:      0 0 5px #1B1B1B;
  -webkit-box-shadow:   0 0 5px #1B1B1B;
  margin-bottom:        20px;
}

#gallery #picture {
  width: auto;
  height: auto;
  max-height: 500px;
  max-width:  500px;
  vertical-align: middle;
  line-height:  500px;
}


/**
 * NEWS
 */
.NewsSummary {
    overflow:           hidden;
}

    .NewsSummary h3, #NewsPostDetailTitle {
        font-weight:        normal;
    }

    .NewsSummary h3 a {
        color:              #333;
        text-decoration:    none;
    }

    .NewsSummaryPostdate {
        color:              #FEED01;
    }

    #NewsPostDetailPrintLink, #JobPostDetailReturnLink {
        margin:             1em 0;
        text-align:         right;
    }

/**
 * JOBS
 */


#content a {
    color:              #555;
}

#content h2 {
    color:              #333;
    font-weight:        normal;
}


/**
 * FORMULAIRE DE CONTACT
 */
div#contact_container {
    margin: 30px 0;
    overflow: hidden;
}

div#contact_container a {
    color: #fff;
}

div#contact_container a:hover, div#contact_container a:focus, div#contact_container a:active {
    color: #eee;
    text-decoration: none;
}

div#contact_flag {
    float: left;
    margin-right: 30px;
    text-align: center;
}

div#contact_info {
    float: left;
    margin-right: 30px;
}

div#contact_form {
    overflow: hidden;
}

div#contact_form fieldset {
    border: 0;
}

div#contact_form label {
    color: #fff;
    display: block;
    font-size: .9em;
}

div#contact_form input, div#contact_form textarea {
    display: table-cell;
    width: 100%;
}

div#contact_form p.submit {
    text-align: right;
}

div#contact_form p.submit input {
    display: inline;
    width: auto;
}

form#m4moduleform_1 {
    margin: 20px auto;
    width: 400px;
}

.job_form div {
    margin-top: 12px;
}

.job_form label {
    display: block;
    color: #fff;
}

.job_form input, .job_form textarea, .job_form select {
    width: 100%;
    box-sizing: border-box;
}

.job_form textarea {
    height: 200px;
}

.job_form .submit {
    text-align: right;
}

.job_form .submit input {
    width: auto;
}

      a img {
        border: none;
        vertical-align: bottom;
      }

      table.gallery {
        height: 500px;
        margin: 30px auto;
      }


      table.gallery td {
        padding: 0 20px;
        vertical-align: middle;
        text-align: center;
      }

      #page {
        width: 960px;
        margin: 0 auto;
      }

      #gallery {
        overflow: hidden;
      }

      #bigpic {
        float: left;
        width: 500px;
        padding: 8px;
        background: #FEED01;
        box-shadow:       0 0 5px #1B1B1B;
    -moz-box-shadow:  0 0 5px #1B1B1B;
    -webkit-box-shadow: 0 0 5px #1B1B1B;
      }

      #bigpic img {
        max-height: 500px;
        max-width: 500px;
        vertical-align: middle;
      }

      #thumbs {
        float: right;
        margin: 0;
        padding: 0;
        width: 110px;
      }

      #thumbs li {
        background: #FEED01;
        border: 1px solid #777;
        padding: 4px;
        margin-bottom: 10px;
        list-style: none;
      }

      #up {
        margin-bottom: 5px;
      }

      .hidden {
        display: none;
}

#produweb-link {
	color: white;
	font-size: 12px;
}