body { background-color:#ffffff; margin-top:0; margin-bottom:0; text-align:center; }

#contenant { width:800px; height:auto; background-color:#ffffff; margin-left:auto; margin-right:auto; /**overflow:auto;**/ }
#header { width:100%; height:300px; }
#adresse { width:800px; height:40px; float:left; padding-top:5px; background-image:url(images_hotel_la_chaume_oleron/bg_adresse.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; color:#003a69; font-size:13px; }
#adresse a:link { font-family:Arial, Helvetica, sans-serif; color:#003a69; font-size:12px; text-decoration:none; }
#adresse a:hover { font-family:Arial, Helvetica, sans-serif; color:#003a69; font-size:12px; }
#adresse a:visited { font-family:Arial, Helvetica, sans-serif; color:#003a69; font-size:12px; }
#gauche {width:150px; height: auto; float:left; }
#centre { width:800px; height:auto; float:left; color:#003a69; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; } 
#mentions { width:500px; height:auto; float:left; color:#003a69; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; } 
#menu { width:150px; height:auto; margin-top:20px; background-color:#55bfe7; text-align:center; padding-left:0; margin-right:20px; float:left;}
.menu { width:140px; color:#003a69; font-family:Arial, Helvetica, sans-serif; height:20px; padding-top:5px; font-size:11px; font-weight:bold; display:block; text-align:left; padding-left:10px;background-image:url(images_hotel_la_chaume_oleron/bg_menu.gif); background-repeat:repeat-x;  }
.menu:link { width:140px;; color:#003a69; font-family:Arial, Helvetica, sans-serif; height:20px; padding-top:5px; font-size:11px; font-weight:bold; text-decoration:none; }
.menu:hover { width:140px; color:#c50069; font-family:Arial, Helvetica, sans-serif; height:20px; padding-top:5px; font-size:11px; font-weight:bold; text-decoration: none; background:none;}
.menu:active { background:none; }
.menu:visited { text-decoration:none; }

.mentions { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003a69; }

.menu2 { width:100px; color:#003a69; font-family:Arial, Helvetica, sans-serif; height:20px; padding-top:5px; font-size:11px; font-weight:bold; display:block;  text-align:center;background-image:url(images_hotels_astrid_paris/bg_menu.gif); background-repeat:repeat-x;  }
.menu2:link { width:100px;; color:#003a69; font-family:Arial, Helvetica, sans-serif; height:20px; padding-top:5px; font-size:11px; font-weight:bold; text-decoration:none; }
.menu2:hover { width:100px; color:#bdbcdb; font-family:Arial, Helvetica, sans-serif; height:20px; padding-top:5px; font-size:11px; font-weight:bold; text-decoration: none; background:none;}
.menu2:active { background:none; }
.menu2:visited { text-decoration:none; }

#exposition { width:150px; height:100px; float:left; }
#situation { width:150px; height:150px; float:left; }
.separation { width:150px; height:20px; background-image:url(images_hotel_la_chaume_oleron/lignes_separation.gif); float:left;}
#droite_redactionnel { width:620px; height:auto; margin-top:20px; float:right;}
#resa { background-image:url(images_hotel_la_chaume_oleron/bg_resa.gif); background-repeat:repeat-x; background-color:#55bfe7; padding:5px; }
.titre { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003a69; font-weight:bold; }
.titre_resa { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#c50069; font-weight:bold; }
.bouton_resa { background-color:#c50069; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.bouton_offre {background-color:#ffffff; color:#FC5031; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-left:50px;}
.petit_texte { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.orange { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#c50069; font-weight:bold;}
.orange:link { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#c50069; text-decoration:underline; font-weight:bold;}
.orange:hover { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#c50069; text-decoration:none; font-weight:bold;}
.rose { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#c50069; font-weight:bold;}
.orangeBig { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FC5031; font-weight:bold;}
.orangeBig:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FC5031; text-decoration:underline; font-weight:bold;}
.orangeBig:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FC5031; text-decoration:none; font-weight:bold;}

.texte_droite { padding:10px; text-align:center; }
.legende { font-size:10px; }

.cancel { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#Ffffff; font-weight:bold;}
.cancel:link { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#Ffffff; text-decoration:underline; font-weight:bold;}
.cancel:hover { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#Ffffff; text-decoration:none; font-weight:bold;}

.copyright { color:#003a69; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.copyright:link { color:#003a69; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.copyright:hover { color:#003a69; font-family:Arial, Helvetica, sans-serif; font-size:10px; }

.haut { color:#003a69; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.haut:link { color:#003a69; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.haut:hover { color:#003a69; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

#pied { width:800px; text-align:center; float:left; margin-top:10px; }
#bloc_tarifs { width:1000px; text-align:center; float:left;  margin-left:auto; margin-right:auto;}

b.dtop, b.dbas{display:block;background:#ffffff; font-size:1px; }
b.dtop b, b.dbas b{display:block;height: 1px; font-size:1px;
    overflow: hidden; background:#55bfe7;}
b.r1{margin: 0 5px ; font-size:1px;}
b.r2{margin: 0 3px ; font-size:1px;}
b.r3{margin: 0 2px ; font-size:1px;}
b.dtop b.r4, b.dbas b.r4{margin: 0 1px;height: 2px; font-size:1px;}

b.dtop2, b.dbas2{display:block;background:#003a69; font-size:1px; }
b.dtop2 b, b.dbas2 b{display:block;height: 1px; font-size:1px;
    overflow: hidden; background:#ffffff;}
b.r12{margin: 0 5px ; font-size:1px;}
b.r22{margin: 0 3px ; font-size:1px;}
b.r32{margin: 0 2px ; font-size:1px;}
b.dtop2 b.r42, b.dbas2 b.r42{margin: 0 1px;height: 2px; font-size:1px;}