/* CSS Document */
body{
  background-image: none;
}
#general{
  margin:auto;
  height:685px;
  background: none!important;
}
#menu, #piedpage, #article{
  display:none;
}
#header{
  position:absolute;
  top:370px;
  left:14px;
  background:none!important;
  border:none!important;
  height:190px;
  width:222px;
  z-index:100;
}
  div.bandeau{
    display:none;
  }
  #bandeau{
    display:block!important;
  }
  #div_bandeau_4{
    display:block!important;
    position:absolute;
    top:0;
    left:0;
    z-index:101;
  }

#page{
  background-image:none!important;
  background-color: #c2a794;
  margin:0;
  padding:0;
  width:100%;
}

#general{
  background-color: #c2a794;
}

#div_haut{
  float:left;
  width:100%;
  height:80px;
  padding-top:5px;
  position:relative;
  z-index:10;
}
  
  #div_logoGdf, #div_titre, #div_lang{
    float:left;
  }
    #div_lang{
      padding-top:5px;
    }
  
  #div_menuHaut{
    position:absolute;
    top:65px;
    left:120px;
  }
    #ul_menuHaut{
      margin:0;
      padding:0;
    }
    #ul_menuHaut li{
      float:left;
      border-left:1px #e8E8E8 solid;
    }
      #li_asso{
        border-left:none!important;
      }
    #ul_menuHaut a{
      color:#e8E8E8;
      text-decoration:none;
      display:block;
      padding:0 5px;
      font-size:12px;
      font-weight:bold;
    }
      #ul_menuHaut a:hover{
        border-bottom:3px #5E534B solid;        
      }
    
    #div_promo{
      position:absolute;
      top:5px;
      right:14px;
      z-index:10;
      width:199px;     
    }
      #div_promoContent{
        background-image: url(../img/fond_form_accueil.gif);
        background-repeat: no-repeat;
        background-color: #5E534B;
        padding:13px 9px 0;
      }
      #div_promoContent img{
        width:180px;
      }
      #div_promoLiens{
        padding-top:5px;
        clear:both;
      }
      #div_promoLiens a{
      background:transparent url(../img/puce_form_accueil.gif) no-repeat scroll left 2px;
      color:#C2A793;
      font-size:0.8em;
      margin:0 5px 0 0;
      padding:0 0 0 9px;
      text-decoration:none;
      }
      
      #div_inscNewsletterAcc{
        color:#C2A793!important;
        font-size:11px;
      }
      #elemInfoNewsletterAcc{
        width:100%;
      }
      #div_inscNewsletterAcc input{
        width:140px;
        float:left;
        margin-right:10px;
      }
      #bt_email_menuAcc{
        display:block;
        float:left;
        line-height:16px;
        padding:0 2px;
        border:1px #C2A793 solid;
        font-size:10px;
      }
      
#div_milieu{
  clear:left;
  float:left;
  width:100%;
  position:relative;
}
  #div_flash{
    z-index:5;
    position:abolute;
    top:0;
    left:0;
  }
  
  #div_bannierePromo{
    position:absolute;
    bottom:10px;
    right:25px;
    z-index:10;
  }
  
  #div_edito{
    position:absolute;
    top:25px;
    left:25px;
    color:#ffffff;
    width:210px;
  }
    #div_edito h1{
      font-size:13px;
      margin:0;
    }
    #div_edito p{
      margin:10px 0 0 0;
    }
  
  #div_accroche{
    padding:3px 15px;
    background-color: #5E5348;
    color:#e8E8E8;
    font-size:16px;
    letter-spacing: 2px;
    position:absolute;
    right:213px;
    top:0;
  }
  
#div_bas{
  clear:left;
  float:left;
  width:100%;
  position:relative;
}
  #div_moteur{
    width:260px;
    height:5px;
    position:absolute;
    top:0;
    left:15px;
  }
  #div_moteurBandeau{
    background-image: url(../img/fond_reservation_accueil.gif);
    background-position: -1px 45px;
  }
  
  #div_univers{
    position:absolute;
    left:265px;
    top:5px;
    width:495px;
  }
    div.div_unUnivers{
      float:left;
      width:231px;
      padding-left:10px;
      margin-bottom:2px;
    }
      #div_terreDrome{
        border-left:6px #E67E30 solid;
      }
      #div_acteurEngage{
        border-left:6px #5A93C2 solid;
      }
      #div_vivreSud{
        border-left:6px #9683EC solid;
      }
      #div_visagesPassion{
        border-left:6px #B83C34 solid;
      }
    #div_univers a{
      text-decoration:none;
    }
    a.a_titreUnivers{
      color:#ffffff;
    }
    a.a_titreUnivers:hover{
      color:#503D2F;
    }
      span.sp_titreUnivers, #sp_titrePartir{
        display:block;
        font-size:17px;
        letter-spacing: 2px;
        font-weight:bold;
      }
      span.sp_ssTitreUniver, #sp_ssTitrePartir{
        display:block;
        font-size:13px;
        letter-spacing: 2px;
      }
      a.a_txtUnivers{
        color:#503D2F;
        font-size:11px;
      }
        a.a_txtUnivers:hover{
          text-decoration:underline!important;
        }
        
  #div_partir{
    position:absolute;
    right:0;
    top:3px;
    width:202px;
    height:180px;
    padding:8px 11px;
    background-image: url(../img/fond_partir.gif);
    background-repeat: no-repeat;
    color:#3B3430;
  }
    #a_titrPartir{
      color:#3B3430;
    }
    #a_txtPartir{
      color:#3B3430;
      font-size:11px;
      text-decoration:none;
      padding:5px 0;
      display:block;
    }
      #a_txtPartir:hover{
        text-decoration:underline;
      }
      
    #sp_titreExpress{
      color:#ffffff;
      font-size:13px;
      letter-spacing: 2px;
      display:block;
      font-weight:bold;
      padding-bottom:5px;
    }
    #lbl_numHeb{
      font-size:11px;
      display:block;
      padding-bottom:2px;
    }
    #inpt_numHeb{
      font-size:10px;
    }
    #submit_ok{
      background-color: #bcc594;
      color:#ffffff;
      border:1px #ffffff solid;
      font-size:11px;
      padding:0 2px;
    }
    #a_cptClient{
      display:block;
      margin-top:10px;
      color:#3B3430;
      text-decoration:none;
      font-size:11px;
    } 
      #a_cptClient:hover{
        text-decoration:underline;
      }
      
  #div_infoContact{
    position:absolute;
    top:200px;
    left:0;
    width:700px;
  }
    #div_infoContact img{
      float:left;
      margin-right:10px;
    }
    #sp_infoResa{
      display:block;
      font-size:17px;
      font-weight:bold;
      color:#503D2F;
      letter-spacing: 2px;
    }
    #div_infoContact a{
      color:#503D2F;
      text-decoration: none;
    }
      #div_infoContact a:hover{
        text-decoration: underline;
      }
  
  #div_raccourcis{
    position:absolute;
    right:0;
    top:190px;
    width:202px;
    padding:0 11px;
  }
    #div_raccourcis a{
      display:block;
      color:#ffffff;
      text-decoration:none;
    }
    #div_raccourcis a:hover{
      text-decoration:underline;  
    }