body {
margin: 0;
padding: 0;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;
background-color: #f0ffa1;
background-image:  url(/images/fond.gif);
background-repeat: repeat;}

img {border: 0;}
p {margin: 0; padding: 0;}
dl, dt, dd {margin: 0; padding: 0;list-style-type: none;}
table, td, form {margin: 0;padding: 0}

input, select, textarea {
margin-top: 2px;
margin-bottom: 2px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
background-color: #FFFFFF;
border: 1px solid #536300;}
input {width: 60px; height: 16px;}
select {width: 50px; height: 16px;}
textarea {width: 190px; height: 36px;}
.nom {width: 190px; height: 16px;}
.date {width: 100px; height: 16px;}
.valider {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #BDCF42;
background-color: #536300;
width: 82px;
height: 16px;
border: 0;}
.souhait {
background-color: transparent;
width: 15px;
height: 10px;
border: 0;}

#conteneur {
position:absolute;
left: 50%;
top: 50%;
width: 760px;
height: 594px;
margin-top: -297px; /* moitié de la hauteur */
margin-left: -380px;  /* moitié de la largeur */
background-image: url(images/fondcontenu.gif);
background-repeat: no-repeat;}

#conteneur2 {
position:absolute;
left: 50%;
width: 760px;
height: 1214px;
margin-top: 10px; /* moitié de la hauteur */
margin-left: -380px;  /* moitié de la largeur */
background-image: url(images/fondcontenu2.gif);
background-repeat: no-repeat;}

#header {height: 115px;}
.hirondelle {
position: absolute;
top: 0px;
margin-left: 182px;}
.lerelais {
position: absolute;
top: 55px;
margin-left: 94px;}
.troisepis {
position: absolute;
top: 80px;
margin-left: 94px;}
.chambredhotes {
position: absolute;
top: 94px;
margin-left: 182px;}

#menu {
width: 760px;
height: 60px;
background-image: url(images/menufond.gif);
background-repeat: no-repeat;}
.rubriques {
position: absolute;
top: 136px;
margin-left: 48px;}

#accueil {
margin: 0;
padding: 0;
height: 384px;}
#centre {
margin-left: 495px;}
#gauche {
position: absolute;
left: 0;
width: 495px;}
.ecartcadre {margin: 0; padding: 0 0 0 44px;}
.ecart {margin: 0; padding: 0 0 0 44px;}
.ecartcontenu {margin: 0; padding: 22px 44px 0 44px;}
.ecartatelier {
margin: 0;
padding: 22px 44px 0 44px;
height:384px;
background-image: url(images/lateliersenteur/ateliersenteurs.jpg);
background-repeat: no-repeat;}
.petitdejsalle {
margin: 0;
padding: 22px 44px 0 44px;
background-image: url(images/leschambres/petitdej-salle.gif);
background-repeat: no-repeat;}
.petitdejtable {
margin: 0;
padding: 22px 44px 0 44px;
background-image: url(images/leschambres/petitdej-table.gif);
background-repeat: no-repeat;}
.petitdejchambre {
margin: 0;
padding: 22px 44px 0 44px;
background-image: url(images/leschambres/petitdej-chambre.gif);
background-repeat: no-repeat;}
.camelia {
position: absolute;
top: 306px;
margin-left: 160px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.hortensia {
position: absolute;
top: 376px;
margin-left: 0px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.magnolia {
position: absolute;
top: 366px;
margin-left: 320px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.freesia {
position: absolute;
top: 436px;
margin-left: 160px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.infos {
position: absolute;
top: 280px;
margin-left: 500px;
width: 200px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:normal;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.tarifs {
position: absolute;
top: 170px;
margin-left: 410px;
width:294px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.bienvenue {
position: absolute;
top: 316px;
margin-left: 0;
width:700px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.phchambr1{
position: absolute;
top: 100px;
margin-left: 40px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.phchambr2 {
position: absolute;
top: 160px;
margin-left: 260px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.phchambr3 {
position: absolute;
top: 240px;
margin-left: 40px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}
.phchambr4 {
position: absolute;
top: 310px;
margin-left: 260px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: -1px;}


.titre {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 12px;
color: #536300;
font-weight: bold;
letter-spacing: 0px;
word-spacing: 0px;}
.txt {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
font-weight:normal;
letter-spacing: 0px;
word-spacing: 0px;}
.txtjus {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
font-weight:normal;
letter-spacing: 0px;
word-spacing: 0px;
text-align: justify;}
.txtgr {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
font-weight:bold;
letter-spacing: 0px;
word-spacing: 0px;}
.lien {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
letter-spacing: 0px;
word-spacing: 0px;}
.lien a {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
letter-spacing: 0px;
word-spacing: 0px;
text-decoration:underline;}
.lien a:hover {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
text-decoration:none;}

.lien-hote {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 16px;
font-weight:bold;
color: #536300;
letter-spacing: 0px;
word-spacing: 0px;
}
.lien-hote a {
color: #536300;
text-decoration:underline;
}
.lien-hote a:hover {
text-decoration:none;
}

#copyright {
margin: 0;
padding: 0;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
letter-spacing: 0px;
word-spacing: 0px;
height: 34px;}
#copyright a {
color: #536300;
text-decoration: none;}
#copyright a:hover {
color: #536300;
text-decoration: underline;}
.ecartcopy {margin: 0; padding: 4px 0 0 30px;}


.imprimer, .imprimer a, .imprimer a:hover {
margin: 0;
padding: 0;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #536300;
letter-spacing: 0px;
word-spacing: 0px;
height: 20px;}



.photos {float:right;}
.vignette {margin-top:2px;padding:1px;background:white;border:1px solid #536300;}



/* cadre gauche */
#cadrebl { /* taille du cadre, à titre d'exemple */
width: 264px;
height:126px;
background: #e3f4ff url(/images/fondbleu.gif) bottom right no-repeat;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauchebl, #hautdroitbl, #basgauchebl, #basdroitbl {
height: 12px; width: 12px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */}
/* propriétés spécifiques à chaque coin */
#hautgauchebl {
background: url(/images/hautgauchebl.gif);}
#hautdroitbl {
float: right;
background: url(/images/hautdroitbl.gif);}
#basgauchebl {
background: url(/images/basgauchebl.gif);}
#basdroitbl {
float: right;
background: url(/images/basdroitbl.gif);}
#contenubl {
height: 102px;}



#scroll{
margin: 0;
width: 782px;
height: 330px;
overflow-x: hidden;
overflow-y: auto;
border: 0px;
scrollbar-arrow-color: #336699; 
scrollbar-3dlight-color: #336699; 
scrollbar-darkshadow-color: #336699; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-face-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF;}