/* ======== CORPS DE PAGE ======== */

#body {
width: 770px;
padding: 10px 15px;
margin: 0 auto;
background: url(http://www.marquisdelaguintre.com/template/default/image/page_background.gif) no-repeat white;
}

/* ======== PETIT DEJEUNER ======== */

#dej .texte {
float: left;
width: 530px;
height: 215px;
background: #ffedcd;
padding: 5px;
margin: 0 5px 5px 0;
}

#dej .image {
float: left;
border: 2px solid #ffd17b;
}

#dej .image:hover {
float: left;
border: 2px solid #006600;
}

#dej .img ul li {
float: left;
list-style-type: none;
margin: 0 69px 0 0;
}

#dej .img ul li.droite {
float: left;
list-style-type: none;
margin: 0;
}

#dej .img ul a {
display: block;
border: 2px solid #ffd17b;
}

#dej .img ul a:hover {
border: 2px solid #006600;
}

/* ======== ACTIVITES ======== */

#colonne_lieux {
width: 390px;
}

#lieux {
width: 390px;
float: left;
}

div#lieux h4 {
margin: 5px 0 10px 0;
}

div#lieux h4 a {
color: #006600;
}

.lieu {
margin-bottom: 10px;
line-height: 16px;
text-align: justify;
}

.lieu img {
margin: 0 10px 0 0;
}

.lieu img.img_activite {
margin: 0 10px 0 0;
border: 1px solid #D3E6D3;
}

.lieu a h1 {
font-size: 12px;
text-decoration: underline;
}

.lieu p a {
color: black;
text-decoration: none;
}

.lieu p a:hover {
text-decoration: underline;
}

#map_container {
float: left;
position: absolute;
}

/* ======== ACCUEIL ======== */

#body .accueil_bas,
#body .accueil_haut,
#body .accueil_bas_droite {
float: left;
width: 400px;
background: #ffedcd;
}

#body .accueil_haut {
height: 192px;
padding: 0 10px 10px 10px;
background: url(http://www.marquisdelaguintre.com/media/image/accueil_carte.gif) no-repeat bottom right;
}

#body .accueil_haut span {
font-size: 16px;
display:block;
color: #640000;
margin: 10px 0 5px 0;
font-weight:bold;
}

#body .accueil_bas,
#body .accueil_bas_droite {
width: 178px;
margin: 0 5px;
height: 110px;
padding: 5px;
}

#body .accueil_bas_droite {
width: 176px;
margin: 0;
margin-left: 5px;
}

#body .visuel_home {
float: left;
}

#body .ouverture {
padding: 5px;
margin: 0;
background: #ffedcd;
}

#body .accueil_bas span,
#body .accueil_bas_droite span,
#body .ouverture span {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #640000;
}

#body .ouverture .accueil_chambre {
float: left;
width: 266px;
}

#body .ouverture a.bouton {
border: 0;
float: right;
margin: -16px 5px 0 0;
}

#body .ouverture a.link {
border: 1px solid #ffd17b;
display: block;
float: left;
margin-right: 5px;
}

#body .ouverture a.link:hover {
border: 1px solid #640000;
}

/* ======== DETAIL CHAMBRE ======== */

#chambre #menu_chambres {
float: left;
width: 114px;
margin: 10px 0 15px 0;
padding: 0 8px 0 5px;
}

#chambre #menu_chambres span,
#chambre #menu_chambres span.selectionne {
display: block;
text-align: center;
padding: 4px 0 2px 0;
margin-top: 0;
background: #ffedcd;
font-weight: bold;
clear: left;
width: 102px;
}

#chambre #menu_chambres span.selectionne {
background: #640000;
color: white;
}

#chambre #menu_chambres a,
#chambre #menu_chambres a.selectionne {
display: block;
margin: 0 0 10px 0;
float: left;
border: 1px solid #ffedcd;
}

#chambre #menu_chambres a.selectionne,
#chambre #menu_chambres a:hover {
border: 1px solid #640000;
}

#chambre #menu_chambres img.fleche {
margin-top: 35px;
float: left;
}

#chambre #separation {
float: left;
width: 1px;
height: 530px;
margin: 17px 12px 0 0;
background: url(http://www.marquisdelaguintre.com/template/default/image/separation_verticale.gif);
}

#chambre #detail_chambre {
margin: 15px 0;
float: left;
width: 630px;
}

#chambre #detail_chambre .separation_titre {
width: 628px;
overflow: hidden;
margin-bottom: 10px;
}

#body img.visuel {
float: left;
}

#body div.description {
float: left;
width: 365px;
height: 178px;
font-size: 13px;
line-height: 15px;
background: #ffedcd;
padding: 10px;
margin-left: 5px;
}

#chambre #detail_chambre #separation {
float: left;
width: 1px;
margin: 2px 10px 0 10px;
height: 198px;
background: url(http://www.marquisdelaguintre.com/template/default/image/separation_verticale.gif);
}

#chambre .separation_ligne {
margin: 16px 0;
width: 598px;
clear: left;
overflow: hidden;
}

#galerie {
clear: left;
margin-top: 5px;
}

#chambre #texte_photo {
clear: left;
font-size: 13px;
font-weight: bold;
padding: 10px 10px 10px 0;
width: 598px;
}

#chambre ul.liste_photo li {
float: left;
list-style-type: none;
margin: 0 8px 10px 0;
}

#chambre ul.liste_photo a {
display: block;
border: 2px solid #ffd17b;
}

#chambre ul.liste_photo a:hover {
border: 2px solid #006600;
}

/* ======== CHAMBRES ======== */

#chambres #accueil_chambre img {
float: left;
margin-left: 70px;
}

#chambres #accueil_chambre {
margin-top: 15px;
}

#chambres #accueil_chambre div {
float: left;
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: 26px;
padding: 10px;
background: #ffedcd;
width: 740px;
margin-bottom: 15px;
}

#chambres .wifi {
text-align: center;
font-size: 12px;
font-weight: bold;
padding: 15px 0;
clear: left;
}

#chambres div#liste_chambre {
margin-top: 10px;
}

#chambres ul.liste_chambre_2 {
margin-left: 120px;
clear: left;
}


#chambres div#liste_chambre li {
list-style-type: none;
float: left;
}

#chambres ul.liste_chambre_1 li,
#chambres ul.liste_chambre_2 li {
margin-left: 50px;
}

#chambres div#liste_chambre span {
display: block;
text-align: center;
padding: 4px 0;
font-weight: bold;
background: #640000;
width: 187px;
color: white;
}

#chambres div#liste_chambre a {
border: 2px solid #ffedcd;
display:block;
overflow: hidden;
}

#chambres div#liste_chambre a:hover {
border: 2px solid #640000;
}

/* ======== TARIFS ======== */

#tarif {
width: 412px;
padding: 5px 10px 0 0;
float: left;
}

#tarif div.paragraphe ul {
margin: 10px 0 10px 20px;
list-style-type: none;
font-weight: bold;
}

#tarif ul.liste_tarifs {
margin-top: 30px;
list-style-type: none;
}

#tarif ul.liste_tarifs li {
list-style-type: none;
}

#tarif ul.liste_tarifs li.legende {
padding-left: 200px;
margin: 5px 0 10px 0;
}

#tarif ul.liste_tarifs li.ligne_tarif {
height: 34px;
padding: 4px;
margin-bottom: 10px;
background: url(http://www.marquisdelaguintre.com/template/default/image/tarif_fond.gif);
}

#tarif ul.liste_tarifs li.ligne_tarif div {
float: left;
}

#tarif ul.liste_tarifs li.ligne_tarif div.personnage {
width: 170px;
text-align: right;
}

#tarif ul.liste_tarifs li.ligne_tarif div.personnage img {
margin-left: 5px;
}


#tarif ul.liste_tarifs li.ligne_tarif div.ok {
width: 125px;
text-align: center;
}

#tarif ul.liste_tarifs li.ligne_tarif div.prix {
width: 100px;
font-family: verdana;
color: #640000;
font-weight: bold;
font-size: 28px;
text-align: center;
}

#separation {
float: left;
width: 1px;
margin: 5px 15px 0 5px;
height: 416px;
background: url(http://www.marquisdelaguintre.com/template/default/image/separation_verticale.gif);
}

#infos {
float: left;
width: 316px;
margin-top: 5px;
}

#infos li {
list-style-type: none;
margin-bottom: 15px;
}

#infos li img {
float: left;
margin-right: 10px;
}

#infos li div {
float: left;
width: 250px;
}

#infos li div.une_ligne {
margin-top: 8px;
}

/* ======== LIVRE D'OR======== */

div.formulaire_message {
margin: 0;
width: 372px;
background: #ffedcd;
padding: 5px;
}

div.formulaire_message input,
div.formulaire_message textarea {
width: 350px;
}

div.formulaire_message textarea {
font-size: 13px;
}

div.formulaire_message input.submit {
margin-top: 2px;
width: 175px;
}