* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: Arial;
}

body {
    background: #2e4f86 url(../img/fond.gif) repeat-x top left;
    position: relative;
}
* html img, * html div {
    behavior: url(iepngfix.htc)
}

.spacer {
    clear: both;
    float: none;
}
* + html .spacer {
    clear: both;
    float: none;
    height: 1px;
}

/* Cadre général */
#general {
    width: 960px;
    margin: 0 auto;
    position: relative;
    background: url(../img/fond_cardre_general.gif) repeat-y left;
}

/* logo */
/* baseline du logo */
#logo {
    background: url(../img/baseline.gif) no-repeat 267px 0px;
    font-size: 1px;
    text-indent: -3000px;
    height: 40px;
}

/* lien du logo */
#logo a {
    display: block;
    background: url(../img/logo.gif) no-repeat top left;
    text-indent: -3000px;
    height: 40px;
    width: 267px;
}

/* menu gauche */
#menu_gauche {
    display: block;
    width: 267px;
    float: left;
}

#menu_gauche ul {
    display: block;
    width: 267px;
    list-style: none;
}

#menu_gauche ul li {
    list-style: none;
}

#menu_gauche ul li a {
    display: block;
    height: 17px;
    padding: 5px 0 5px 27px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #1f396a;
    background: #bcddf8 url(../img/fond_bt_menu_gauche_bleu.gif) no-repeat bottom left;
}

#menu_gauche ul li a:hover {
    color: #3f72d3;
}

#menu_gauche ul li a.blanc {
    color: #ffffff;
}

#menu_gauche ul li a.blanc:hover {
    color: #9df29d;
}

#menu_gauche ul li#titre_nos_services {
    height: 29px;
    background: url(../img/titre-nos-services.gif) no-repeat top left;
    text-indent: -3000px;
}

/*
#menu_gauche ul li a#bt_reserver_location_vacances {
    height: 16px;
    border-bottom: 1px solid #168917;
    background: url(../img/fond_bt_menu_gauche_vert_1.gif) no-repeat top left;
}
*/

#menu_gauche ul li a#bt_reserver_location_vacances {
    height: 35px;
	text-indent:-3000px;
    background: url(../img/btn_menu_reserver.jpg) no-repeat top left;
	padding:0;
}

#menu_gauche ul li a#bt_reserver_location_vacances:hover{
    background-position:bottom left;
}

/*
#menu_gauche ul li a#bt_preparer_sejour {
    background: url(../img/fond_bt_menu_gauche_vert_2.gif) no-repeat top left;
}
*/

#menu_gauche ul li a#bt_preparer_sejour {
    height: 35px;
	text-indent:-3000px;
    background: url(../img/btn_menu_preparer.jpg) no-repeat top left;
	padding:0;
}

#menu_gauche ul li a#bt_preparer_sejour:hover{
    background-position:bottom left;
}

#menu_gauche ul li a#bt_louer {
   	height: 35px;
	text-indent:-3000px;
    background: url(../img/btn_menu_louer.jpg) no-repeat top left;
	padding:0;
}

#menu_gauche ul li a#bt_louer:hover {
    background-position:bottom left;
}

#menu_gauche ul li a#bt_acheter {
    height: 35px;
	text-indent:-3000px;
    background: url(../img/btn_menu_acheter.jpg) no-repeat top left;
	padding:0;
}

#menu_gauche ul li a#bt_acheter:hover {
    background-position:bottom left;
}

/* menu du haut */
#menu_haut {
    float: right;
    width: 693px;
    height: 42px;
    background: #ffffff url(../img/fond_chalet_menu_haut.jpg) no-repeat left top;
}

#menu_haut ul {
    display: block;
    list-style: none;
    padding-right: 5px;
}

#menu_haut ul li {
    display: block;
    float: right;
    height: 39px;
    background: url(../img/fond-bt-menu-haut.gif) repeat-x top left;
}
* html #bt_qui_sommes_nous {
    width: 150px;
}
* html #bt_agences {
    width: 113px;
}
* html #bt_petits_plus {
    width: 81px;
}
* html #bt_contacts {
    width: 90px;
}

#menu_haut ul li div {
    display: block;
    height: 39px;
    background: url(../img/fond-gauche-bt-menu-haut-2.gif) no-repeat top left;
    padding: 0px 0px 0px 17px;
}

#menu_haut ul li.gauche div {
    background: url(../img/fond-gauche-bt-menu-haut.gif) no-repeat top left;
    padding: 0px 0px 0px 21px;
}

#menu_haut ul li a {
    display: block;
    height: 32px;
    font-size: 13px;
    font-weight: bold;
    color: #2e568c;
    text-decoration: none;
    background: url(../img/fond-droit-bt-menu-haut.gif) no-repeat top right;
    padding: 7px 17px 0px 0;
}

#menu_haut ul li a:hover {
    color: #68b5f4;
}

#menu_haut ul li.droite a {
    background: url(../img/fond-droit-bt-menu-haut-2.gif) no-repeat top right;
    padding: 7px 19px 0px 0;
}

#carte_menu_gauche {
    position: absolute;
    left: 1px;
    bottom: -16px;
}

/* espace d'affichage du contenu */
#contenu {
    background: #ffffff url(../img/fond_degrade_contenu.gif) repeat-y left;
    min-height: 471px;
    width: 643px;
    float: right;
    padding: 28px 25px 20px 25px;
}

*+html #contenu {
    min-height: 470px;
}

* html #contenu {
    height: 477px;
}

#contenu h1 {
    font-size: 16px;
    color: #2e568c;
}

/* pied de page */
#bas_de_page {
    width: 693px;
    float: right;
    position: absolute;
    right: 0px;
    bottom: -40px;
}

#bas_de_page p {
    font-size: 10px;
    color: #bcddf8;
    padding: 7px 5px;
    line-height: 1.5;
}

#bas_de_page p a {
    font-size: 10px;
    color: #bcddf8;
    text-decoration: none;
}

#bas_de_page p a:hover {
    color: #ffffff;
    text-decoration: underline;
}