body,h1,h2,h3,p,img,#menu {
margin:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#804000;
background-color:#dbceb2;
background-image:url(../images/fond.jpg);
background-repeat:repeat-x;
padding:0;
}

h1,#coordonnees .titre {
font-size:14px;
padding:14px 0 10px;
}

h2,h3 {
font-size:12px;
padding:0 0 7px;
}

h3 {
padding:5px 0 7px;
}

p {
padding:0 0 5px;
}

a:link,a:visited,a:hover,a:active {
text-decoration:none;
color:#804000;
}

img {
border-style:none;
padding:0;
}

#bandeau {
background-image:url(../images/bandeau.jpg);
height:188px;
width:1000px;
position:relative;
margin:0 auto;
}

#bandeau #gites-de-france {
height:122px;
width:120px;
position:absolute;
top:15px;
right:15px;
}

#bandeau #texte-accueil {
text-indent:-5000px;
}

#bandeau #texte-bandeau {
color:#4d4a3d;
padding:57px 0 0 340px;
}

#menu {
height:53px;
list-style-type:none;
display:block;
width:974px;
padding:3px 0 0 12px;
}

#menu li {
display:inline;
}

#menu a {
display:block;
float:left;
text-decoration:none;
text-align:center;
background-image:url(../images/menu.png);
width:96px;
height:34px;
background-position:2px 11px;
background-repeat:no-repeat;
color:#FFF;
font-weight:700;
padding:19px 6px 0;
font-size:11px;
}

#menu a:hover,#bienvenue #menu-bienvenue a,#chambres #menu-chambres a,#gite46 #menu-gite46 a,#gite68 #menu-gite68 a,#disponibilites #menu-disponibilites a,#decouvrez #menu-decouvrez a,#situation #menu-situation a,#album #menu-album a,#contact #menu-contact a {
background-position:2px 0;
padding-top:8px;
height:45px;
}

#coordonnees {
background-image:url(../images/coordonnees.jpg);
height:296px;
width:926px;
margin:0 auto;
padding:7px 39px 0 35px;
}

#coordonnees #coordonnees-texte {
float:left;
position:relative;
width:460px;
height:284px;
}

#coordonnees h1,#coordonnees .titre {
color:#FFF;
font-weight:700;
}

.hr-entete,.hr-contenu {
height:1px;
border:1px outset #FFF;
background-color:#dbceb2;
font-size:1px;
margin:10px 0;
padding:0;
}

.hr-contenu {
clear:both;
margin:0 0 10px;
}

#coordonnees address {
color:#4d4a3d;
font-style:normal;
}

#coordonnees address p {
padding-bottom:10px;
}

#coordonnees address span {
width:100px;
display:block;
float:left;
}

#coordonnees #flash {
float:right;
border:3px solid #FFF;
height:280px;
width:440px;
}

#coordonnees #icones {
float:right;
width:260px;
position:absolute;
right:-30px;
bottom:-10px;
}

#coordonnees .icone-pdf,.contenu-droit .icone-pdf,#coordonnees #icone-wifi,#coordonnees #icone-ancv,#coordonnees #icone-cle,#coordonnees #icone-meuble,#coordonnees #icone-velo {
height:31px;
width:32px;
margin-top:10px;
margin-left:19px;
float:left;
margin-right:15px;
}

#coordonnees #icone-wifi,#coordonnees #icone-ancv,#coordonnees #icone-cle,#coordonnees #icone-meuble,#coordonnees #icone-velo {
height:47px;
width:68px;
margin-left:0;
}

#coordonnees #icone-ancv {
height:50px;
width:69px;
}

#coordonnees #icone-velo {
height:58px;
width:69px;
}

#coordonnees #icone-cle {
height:25px;
width:69px;
}

#coordonnees #icone-meuble {
height:69px;
width:69px;
}

#coordonnees .icone-pdf a,.contenu-droit .icone-pdf a,#coordonnees #icone-wifi a,#coordonnees #icone-ancv a,#coordonnees #icone-cle a,#coordonnees #icone-meuble a,#coordonnees #icone-velo a {
background-image:url(../images/icone-pdf.gif);
display:block;
height:31px;
width:32px;
text-indent:-5000px;
}

#coordonnees #icone-wifi a {
background-image:url(../images/icone-wifi.gif);
height:47px;
width:68px;
}

#coordonnees #icone-ancv a {
background-image:url(../images/icone-ancv.gif);
height:50px;
width:69px;
}

#coordonnees #icone-cle a {
background-image:url(../images/3-cles-vacances.png);
height:25px;
width:69px;
}

#coordonnees #icone-meuble a {
background-image:url(../images/logo-meuble-tourisme-3.png);
height:69px;
width:69px;
}

#coordonnees #icone-velo a {
background-image:url(../images/velodysee.png);
height:58px;
width:69px;
}

#coordonnees .icone-pdf a:hover,.contenu-droit .icone-pdf a:hover {
background-position:0 -31px;
}

#coordonnees #icone-wifi a:hover {
background-position:0 -47px;
}

#coordonnees #icone-ancv a:hover {
background-position:0 -50px;
}

#coordonnees #icone-velo a:hover {
background-position:0 -58px;
}

#coordonnees #icone-cle a:hover {
background-position:0 -25px;
}

#coordonnees #icone-meuble a:hover {
background-position:0 -69px;
}

#contenu,#contenu-gites,#contenu-administration,#contenu-contact {
background-image:url(../images/fond-contenu.jpg);
background-repeat:repeat-y;
width:926px;
margin:0 auto;
padding:10px 39px 0 35px;
}

#contenu {
height:840px;
position:relative;
}

#contenu-administration {
background-image:url(../images/fond-contenu-administration.jpg);
background-repeat:no-repeat;
}

.contenu-gauche,.contenu-gauche-contact {
width:630px;
float:left;
position:relative;
z-index:70;

}

.contenu-gauche {
height:580px;
}

#carte {
margin-left:60px;
position:relative;
height:573px;
width:508px;
background-image:url(../region/carte-charente-maritime.gif);
}

#carte .point-rouge img {
cursor:pointer;
}

#carte .etiquette {
width:150px;
display:none;
background-color:#F7EEDD;
border:1px solid #804000;
text-align:center;
text-decoration:none;
position:absolute;
z-index:500;
padding:2px;
}

#carte .etiquette img {
border:2px solid #804000;
}

#carte .etiquette span {
font-style:italic;
font-size:10px;
margin:0;
padding:0;
}

#carte #cliquez {
background-color:#F7EEDD;
border:1px solid #804000;
position:absolute;
width:170px;
top:7px;
right:7px;
text-align:center;
padding:1px 3px 3px;
}

#mentions h2 {
padding-top:15px;
}

.texte-principal {
height:370px;
width:621px;
}

.texte-principal .titre {
font-size:14px;
font-weight:700;
padding:5px 0 13px;
}

.cadre-gris {
height:420px;
width:269px;
background-image:url(../images/fond-gris.jpg);
float:left;
position:relative;
padding:15px;
}

.separateur {
float:left;
width:23px;
height:23px;
}

.cadre-gris img {
border:3px solid #FFF;
position:absolute;
left:18px;
bottom:20px;
}

.cadre-gris #cuisine-chambres-hotes {
left:10px;
}

.cadre-gris #cuisine-chambres-hotes-2 {
left:155px;
}

.cadre-gris #salle-de-bains-gite-arnoult {
left:92px;
}

.bouton-rouge,.bouton-gris {
height:35px;
width:129px;
position:absolute;
left:85px;
bottom:205px;
}

.bouton-gris {
left:77px;
bottom:240px;
}

.bouton-disponibilites {
height:35px;
float:right;
}

.bouton-rouge a,.bouton-gris a,.bouton-disponibilites a {
background-image:url(../images/bouton-rouge.jpg);
display:block;
height:27px;
width:94px;
font-weight:700;
color:#FFF;
padding:8px 0 0 35px;
}

.bouton-gris a {
background-image:url(../images/bouton-gris.jpg);
}

.bouton-disponibilites a {
background-image:url(../images/bouton-disponibilites.jpg);
width:242px;
padding:8px 0 0 48px;
}

.bouton-rouge a:visited,.bouton-gris a:visited,.bouton-disponibilites a:visited {
font-weight:700;
color:#FFF;
}

.bouton-rouge a:hover,.bouton-gris a:hover,.bouton-disponibilites a:hover {
background-position:0 -35px;
text-decoration:none;
color:#FFF;
}

.contenu-droit {
background-image:url(../images/fond-beige.jpg);
height:790px;
width:253px;
float:right;
position:relative;
padding:15px;
}

.contenu-droit table {
width:265px;
margin-bottom:7px;
border-top:1px solid #FFF;
border-right:1px solid #804000;
border-bottom:1px solid #804000;
border-left:1px solid #FFF;
margin-left:-7px;
}

.contenu-droit td {
border-top:1px solid #804000;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
border-left:1px solid #804000;
padding:1px 3px;
}

#contenu ul,#contenu-gites ul,#contenu-administration ul {
margin:0;
padding:0 0 7px 13px;
}

.contenu-droit .icone-pdf {
margin:0;
padding:10px 0 10px 110px;
}

.contenu-droit p {
padding-top:10px;
padding-bottom:10px;
}

.contenu-droit img {
position:absolute;
bottom:20px;
left:50px;
border:3px solid #FFF;
}

.contenu-droit #fort-boyard {
left:12px;
}

.contenu-droit #phare-des-baleines {
left:82px;
}

#pied {
background-image:url(../images/pied.jpg);
height:41px;
width:1000px;
color:#FFF;
text-align:center;
padding-top:10px;
margin:0 auto;
}

#formulaireconnexion p {
text-indent:0;
}

#formulaireconnexion span {
text-align:right;
width:260px;
display:block;
float:left;
line-height:26px;
margin-right:5px;
}

.jour {
font-size:11px;
background-color:#dfd;
}

.reserve {
font-size:11px;
background-color:#ff7f00;
}

.partiel {
font-size:11px;
background-image:url(../images/partiel.gif);
}

.libre {
background-color:#dfd;
color:#804000;
text-decoration:none;
}

.tableau-dispos .reserve {
cursor:help;
}

.descriptif {
font-size:11px;
color:#000;
padding-left:10px;
}

.tableau-dispos {
border-collapse:collapse;
float:left;
border:1px solid #804000;
margin:0 5px 5px 0;
padding:0;
}

.tableau-dispos td {
text-align:right;
font-size:11px;
border:1px solid #804000;
cursor:pointer;
margin:0;
padding:3px;
}

.tableau-dispos .mois,.tableau-dispos .semaine td {
border:none;
text-align:center;
font-weight:700;
background-image:url(../images/tableau-disponibilites-mois.jpg);
background-repeat:repeat-x;
}

.tableau-dispos .semaine td {
font-weight:400;
text-align:center;
background-image:url(../images/tableau-disponibilites-sema.jpg);
}

.basse-saison {
background-color:#FFF;
}

.vacances-scolaires {
background-color:#DDF;
}

.mi-saison {
background-color:#DFD;
}

.haute-saison {
background-color:#FFD;
}

#contenu #menuDeroulant {
width:300px;
float:right;
height:70px;
list-style-type:none;
border:0;
font-weight:700;
margin:0 20px 10px 0;
padding:0;
}

#menuDeroulant li a:link,#menuDeroulant li a:visited {
display:block;
height:27px;
color:#eee;
text-decoration:none;
background-image:url(../images/bouton-disponibilites.jpg);
width:265px;
background-repeat:no-repeat;
margin:0;
padding:8px 0 0 25px;
}

#menuDeroulant li a#menuactif,#menuDeroulant li a:hover {
color:#fff;
background-position:0 -35px;
margin-left:20px;
}

#legende {
list-style:none;
}

#legende li {
list-style:none;
display:block;
height:20px;
padding-left:25px;
line-height:20px;
margin-bottom:3px;
}

#legende #libre {
background:url(../images/libre.gif) no-repeat;
}

#legende #partiel {
background:url(../images/partiel2.gif) no-repeat;
}

#legende #complet {
background:url(../images/complet.gif) no-repeat;
}

#contenu #menu-sites-religieux,#contenu #menu-sites-forts,#contenu #menu-sites-iles,#contenu #menu-sites-phares,#contenu #menu-sites-nature,#contenu #menu-sites-prehistoire,#contenu #menu-sites-villes,#contenu #menu-sites-grottes,#contenu #menu-sites {
height:35px;
list-style-type:none;
width:230px;
padding-left:30px;
}

#contenu #menu-sites-religieux a,#contenu #menu-sites-forts a,#contenu #menu-sites-iles a,#contenu #menu-sites-phares a,#contenu #menu-sites-nature a,#contenu #menu-sites-prehistoire a,#contenu #menu-sites-villes a,#contenu #menu-sites-grottes a,#contenu #menu-sites a {
display:block;
text-decoration:none;
background-image:url(../images/bouton-decouvrez.jpg);
width:205px;
height:26px;
background-position:0 -35px;
background-repeat:no-repeat;
color:#FFF;
font-weight:700;
margin:0;
padding:9px 0 0 25px;
}

#contenu #menu-sites-religieux #menu-religieux a,#contenu #menu-sites-forts #menu-forts a,#contenu #menu-sites-iles #menu-iles a,#contenu #menu-sites-phares #menu-phares a,#contenu #menu-sites-nature #menu-nature a,#contenu #menu-sites-prehistoire #menu-prehistoire a,#contenu #menu-sites-villes #menu-villes a,#contenu #menu-sites-grottes #menu-grottes a,#contenu #menu-sites-religieux a:hover,#contenu #menu-sites-forts a:hover,#contenu #menu-sites-iles a:hover,#contenu #menu-sites-phares a:hover,#contenu #menu-sites-nature a:hover,#contenu #menu-sites-prehistoire a:hover,#contenu #menu-sites-villes a:hover,#contenu #menu-sites-grottes a:hover,#contenu #menu-sites a:hover {
background-position:15px 0;
width:190px;
padding-left:40px;
}

.masque {
background-image:url(../images/masque.png);
height:1140px;
width:100%;
position:absolute;
left:0;
top:0;
z-index:200;
display:none;
}

.positionnement {
width:925px;
margin-right:auto;
margin-left:auto;
margin-top:500px;
padding-left:75px;
}

.enveloppe {
background-color:#F7EEDD;
height:550px;
width:506px;
position:relative;
padding:3px 17px 20px;
}

.description {
overflow:auto;
height:183px;
width:507px;
position:absolute;
left:16px;
top:375px;
}

.bouton-fermer {
position:absolute;
top:-15px;
right:-19px;
}

.bouton-fermer img {
cursor:pointer;
border-style:none;
}

.google {
font-style:italic;
position:absolute;
top:6px;
right:30px;
}

#contact #formulairecontact p {
padding-top:10px;
padding-bottom:0;
}

#contact label {
width:170px;
display:block;
float:left;
text-align:right;
padding-right:5px;
padding-top:3px;
}

#contact input,#contact textarea,#contact select {
width:300px;
margin-bottom:0;
}

#contact #boutonenvoyer {
width:120px;
margin-right:auto;
margin-left:auto;
}

#contact #formulairecontact .message {
font-weight:700;
color:#941818;
margin-left:180px;
margin-top:0;
padding-top:0;
}

#contact .messageinput {
background-color:#CF6162;
}

#contact #nom,#contact #codepostal,#contact #ville {
text-transform:uppercase;
}

#contact #prenom {
text-transform:capitalize;
}

a:hover,.reserve a:hover {
text-decoration:underline;
}

#coordonnees .texte-entete,#coordonnees a,#coordonnees a:hover,#pied a {
color:#FFF;
}

#carte .point-rouge,.image {
position:absolute;
}

#carte .point-rouge a,.reserve a,.reserve a:visited,.reserve a:hover {
text-decoration:none;
}

.centrer,.centre,#contact .centre {
text-align:center;
}

.cadre-gris a:hover img,.contenu-droit a:hover img,.image img {
border:3px solid #804000;
}


/* AJOUT DIAPORAMA JS */
#diapo {
   position: relative;
	float: right;
    border: 3px solid #FFF;
    height: 280px;
    width: 440px;
}
#animation img {
	position:absolute;
	left: 0;
	top: 0;
	display: none;
}
/* /AJOUT DIAPORAMA JS */