/*
Theme Name: Distriboissons
Theme URI:
Description: Thème réalisé par Rezoactif pour Distriboissons.
Author: Rezoactif.
Author URI: http://www.rezoactif.com
*/

* {
  margin: 0;
  padding: 0;
}





body {
  background: #000 url('images/background.png') repeat-x top left;
  /*height: 100%;*/
  margin: 10px 0 0 0;
  padding: 0;
}

html {
  height: 100%;
}

img {
  border: none;
}

strong {
  color: #dc002e;
  font-weight: bold;
}

ul {
  margin: 0;
  padding: 0;
}





div#site {
  /*left: 50%;
  margin-left: -489px;
  position: absolute;
  top: 50%;*/
  width: 978px;
  margin: auto;
}

  div#bordureEnTete {
    background-color: transparent;
    background-image: url("images/enTete/arrierePlan.png");
    background-position: top;
    background-repeat: no-repeat;
    height: 8px;
    position: relative;
    z-index: 2;
  }
  
  div#enTete {
    background-color: #fff;
    height: 111px;
    position: relative;
    z-index: 2;
  }
  
    div#logo {
      left: 45px;
      position: absolute;
      top: 20px;
    }
    
    div#menu { background-color: #fff;
      bottom: 0;
      left: 380px;
      position: absolute;
    }
    
      div#menu ul {
        list-style-type: none;
      }
      
        div#menu ul li.page_item {
          float: left;
          height: 60px;
          margin-right: 3px;
          position: relative;
          width: 116px;
        }
          
          div#menu ul li.page_item span {
            background-image: url("images/enTete/onglet.png");
            background-position: top;
            background-repeat: no-repeat;
            bottom: 0;
            color: #fff;
            display: block;
            font-family: sans-serif;
            font-size: 8pt;
            font-weight: bold;
            height: 17px;
            padding-top: 9px;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            width: 100%;
          }
          
          div#menu ul li.page_item span.survol, div#menu ul li.page_item.current_page_ancestor span, div#menu ul li.page_item.current_page_parent span {
            height: 24px;
          }
          
          div#menu ul li.page_item ul {
            background-image: url("images/enTete/sousMenu.png");
            background-position: bottom;
            background-repeat: no-repeat;
            display: none;
            left: -4px;
            padding: 0 6px 10px 4px;
            position: absolute;
            top: 60px;
            z-index: 500;
          }
          
            div#menu ul li.page_item ul li.page_item {
              background-image: none;
              bottom: 0;
              float: none;
              height: auto;
              margin-right: 0;
              position: relative;
              width: 115px;
            }
            
              div#menu ul li.page_item ul li.page_item span {
                /*background-color: transparent;*/
                background-image: none;
                bottom: 0;
                display: block;
                height: auto;
                padding: 0;
                position: relative;
                width: auto;
              }
              
                div#menu ul li.page_item ul li.page_item span a {
                  color: #6f6866;
                  display: block;
                  font-family: sans-serif;
                  font-size: 8pt;
                  font-weight: bold;
                  padding: 5px 7px;
                  text-align: left;
                  text-decoration: none;
                  text-transform: none;
                }
              
                div#menu ul li.page_item ul li.page_item span a:hover {
                  background-color: #9f9693;
                  color: #fff;
                }
                
              div#menu ul li ul li ul {
                display: none !important;
              }
        
        div#menu ul li.page_item.extranet a {
          background-image: url("images/enTete/ongletRouge.png");
          background-position: top;
          background-repeat: no-repeat;
          bottom: 0;
          color: #fff;
          display: block;
          font-family: sans-serif;
          font-size: 8pt;
          font-weight: bold;
          height: 44px;
          padding-top: 9px;
          position: absolute;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          width: 100%;
        }
        
        div#menu ul li.page_item.extranet a.survol {
          height: 51px;
        }
  
    div#slogan_index, div#slogan_page, div#slogan_sousPage {
      background-image: url("images/enTete/slogan.png");
      background-repeat: no-repeat;
      bottom: -21px;
      height: 21px;
      left: 0;
      position: absolute;
      width: 380px;
      z-index: 1000;
    }
    
      div#slogan_index a, div#slogan_page a { /* Ne fonctionne pas sous I.E. 6 : le slogan n'est pas cliquable */
        display: block;
        height: 21px;
        width: 380px;
      }
      
  #retourAccueil {
    bottom: -30px;
    position: absolute;
    right: 20px;
  }
  
    #retourAccueil a {
      color: #fff;
      font-family: sans-serif;
      font-size: 10pt;
      font-weight: bold;
      text-decoration: none;
    }
  
  div#corps {
    background-repeat: no-repeat;
    position: relative;
  }
  
    #video {
      text-align: center;
    }
  
  div#piedDePage {
    background-repeat: none;
    position: relative;
  }

    div#piedDePage p {
      color: #fff;
      font-family: sans-serif;
      font-size: 8pt;
      height: 10px;
      text-align: center;
    }
    
      div#piedDePage p a {
        color: #fff;
      }

#masque {
  background-color: #000;
  left: 0;
  /*opacity: .6;*/
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1001;
}

#popup {
  height: 602px;
  left: 50%;
  margin-left: -347px;
  position: absolute;
  top: 20px;
  width: 695px;
  z-index: 1002;
}

  #popup .leFond {
    background-image: url("images/popup/arrierePlan.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
  }

  #popup input {
    background-color: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
  }

  #boutonNon {
    background-image: url("images/popup/boutonNon.png");
    height: 25px;
    left: 362px;
    position: absolute;
    top: 360px;
    width: 51px;
  }

  #boutonOui {
    background-image: url("images/popup/boutonOui.png");
    height: 25px;
    left: 287px;
    position: absolute;
    top: 360px;
    width: 51px;
  }
    
  .piedDePopup {
    bottom: 20px;
    color: #7f716c;
    font-family: sans-serif;
    font-size: 9pt;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  
    .piedDePopup a {
      color: #7f716c;
    }