body,ul,li,h1,h2,h3,h4,h5,h6,p {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
background-color: #8d8862;
color: #ff0000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position : top left;
height: 100%;
}

table { 
width: 100%;
height: 100%;
border: none;
}

td {
vertical-align: middle;
}

#conteneur_bordure {
width: 750px;
border: 1px solid #000000;
margin-left: 261px;
}

#conteneur {
position: relative;
margin: 0 auto;
border: 20px solid #8d8862;
border-bottom: 0px;
background-color: #e7f7fc;
zoom: 1;
}

#entete {
height: 100px;
background-image: url(images/entete.png);
background-repeat: no-repeat;
background-position: top right;
}

#entete ul {
text-align: right;
}

#entete li {
list-style-type: none;
display: inline;
}

#entete li.pad {
list-style-type: none;
display: inline;
padding-right: 9px;
}

#entete li a {
font-size: 14px;
font-style: italic;
color: #707036;
text-decoration: none;
font-weight: normal;
padding-left: 33px;
}

#entete li a:hover {
color: #9a9161;
padding-left: 33px;
padding-top: 2px;
padding-bottom: 4px;
background-image: url(images/puce_petite.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}

#entete .inactif {
font-size: 14px;
color: #707036;
line-height: 20px;
padding-left: 33px;
padding-top: 2px;
padding-bottom: 4px;
background-image: url(images/puce.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}

#rss {
position: absolute;
top: 44px;
left: 681px;
}

#cadre {
width: auto;
height: 400px;
background-color: transparent;
}

#cadre_droite {
float: right;
background-color: transparent;
padding: 10px;
padding-top: 20px;
margin-top: 8px;
width: 576px;
height: 90%;
overflow: auto;
scrollbar-face-color: #e7f7fc;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #e7f7fc;
scrollbar-3dlight-color: #8d8862;
scrollbar-arrow-color: #8d8862;
scrollbar-track-color: #e7f7fc;
scrollbar-darkshadow-color: #8d8862;
border-right: 1px solid #e7f7fc;
}

#cadre_gauche {
width: 110px;
height: 98%;
float: left;
padding-top: 7px;
}

#cadre_gauche img {
margin-left: 5px;
margin-bottom: 4px;
border: 1px solid #462e01;
display: block;
}

#cadre_gauche img:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

#cadre_gauche a img {
opacity: 1.0;
filter: alpha(opacity=100);
text-decoration: none;
}

#cadre_gauche a.cg:hover {
text-decoration: none;
background-color: transparent;
cursor: default;
}

#cadre_gauche a.cg .large {
display: block;
position: absolute;
width: 0;
height: 0;
border: 0;
top: 0;
left: 0;
}

#cadre_gauche a.cg:hover .large {
display: block;
position: absolute;
top: 107px;
left: 116px;
width: 560px;
height: 310px;
border: 1px solid #462e01;
}

/*  \*/
* html #cadre_gauche a.cg:hover .large {
top: 107px;
}
* html #cadre_gauche a.cg:hover:hover span {
top: 421px; 
}
/*  */

#cadre_gauche a.cg span {
display: none;
}

#cadre_gauche a.cg:hover:hover span {
display: inline;
position: absolute;
top: 421px; 
left: 121px;
width: 560px;
height: 67px;
background-color: #9ddff2;
border: 1px solid #462e01;
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
line-height: 30px;
color: #0b3d4a;
}

#cadre_gauche img.pointeur {
border: none;
opacity: 100;
filter: alpha(opacity=100);
}

#pied {
height: 20px;
color: #ffffff;
font-size: 11px;
text-align: center;
line-height: 20px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
letter-spacing: 1px;
background-color: #8d8862;
}

#pied a {
color: #f2f1ec;
font-size: 11px;
text-decoration: none;
font-weight: normal;
}

h1 {
color: #a5696d;
font-size: 18px;
font-weight: normal;
font-family: Georgia, "Courier New", "New Roman", Verdana, Serif;
text-align: left;
margin-bottom: 13px;
}

h1.zero {
margin-bottom: 0px;
}

h2 {
font-size: 16px;
color: #8d8862;
font-style: italic;
font-weight: normal;
font-family: Tahoma, Verdana, Arial, sans-serif;
line-height: 20px;
text-align: right;
height: 37px;
padding-top: 39px;
padding-right: 50px;
}

h3 {
font-size: 14px;
color: #676347;
text-align: left;
font-weight: bold;
margin: 20px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 6px;
line-height: 15px;
}

h4 {
font-size: 12px;
color: #0e5f70;
font-weight: bold;
width: 360px;
float: right;
display: inline;
margin-bottom: 0px;
margin-top: 10px;
}




h5 {
font-size: 12px;
color: #0e5f70;
font-weight: bold;
width: 360px;
display: inline;
margin-bottom: 0px;
margin-top: 10px;
}















p {
width: 549px;
margin: 10px;
margin-left: 0px;
margin-right: 0px;
text-align: justify;
font-size: 12px;
line-height: 20px;
color: #676347;
}

p.fin {
text-align: right;
font-size: 16px;
color: #106c81;
padding-bottom: 40px;
}

ul.contact {
line-height: 20px;
width: 250px;
color: #676347;
float: left;
padding-bottom: 40px;
}

ul.contact li {
list-style-type: none
}

ul.contact2 {
line-height: 20px;
width: 280px;
color: #676347;
float: right;
padding-bottom: 40px;
}

ul.contact2 li {
list-style-type: none;
}








ul.loisirs {
line-height: 15px;
width: 420px;
color: #676347;
padding-left: 80px;
}

ul.loisirs li {
list-style-type: square;
margin-bottom: 7px;
}















ul.appartement {
line-height: 15px;
width: 520px;
color: #0e5f70;
padding-left: 20px;
}

ul.appartement li {
list-style-type: square;
margin-bottom: 7px;
}

a {
font-weight: normal;
color: #4b4834;
}

a:hover {
color: #9a9161;
}

.fr {
float: right;
}

.fl {
float: left;
}

.clear {
clear: both;
}

img {
border: 1px solid #462e01;
}

img.noborder {
border: none;
}

.center {
text-align: center;
}

.bold {
font-weight: bold;
}

#clo {
margin-top: 60px;
height: 170px;
color: #0e5f70;
}

#clo p {
width: 344px;
float: left;
display: inline;
margin-left: 15px;
margin-bottom: 0px;
color: #0e5f70;
}

#clo a {
font-weight: bold;
color: #0e5f70;
}

#clo a:hover {
color: #127e96;
}

form {
color: #106caa;
line-height: 13px;
margin-bottom: 40px;
}

label {
display: block;
}

form input {
color: #462e01;
font-size: 12px;
border: 1px solid #462e01;
padding-left: 5px;
padding-right: 5px;
background-color: #ffffff;
width: 260px;
margin-bottom: 7px;
}

form span {
font-weight: normal;
font-size: 10px;
color: #106caa;
display: block;
padding-bottom: 7px;
}

form textarea {
color: #462e01;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
background-color: #ffffff;
width: 320px;
height: 90px;
border: 1px solid #462e01;
scrollbar-track-color: #ffffff;
overflow: auto;
}

.bouton {
color: #106caa;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #e7f7fc;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 80px;
line-height: 13px;
border-top: #fbfbfb 2px solid;
border-left: #fbfbfb 2px solid;
border-right: 2px solid #462e01;
border-bottom: 2px solid #462e01;
}

.boutondiv {
width: 80px;
display: inline;
margin-right: 168px;
}

.boutondiv2 {
width: 80px;
display: inline;
}






#liens {
padding: 10px;
padding-bottom: 30px;
padding-top: 20px;

text-align: justify;

width: 530px;

margin-bottom: 40px;

}


#liens img { 
border: none;


}




#liens td {
vertical-align: middle;
}




#bas {
color: #676347;
text-align: center;
padding-top: 7px;
padding-bottom: 30px;
width: 550px;
}








#carte {
border: 1px solid #ffffff;
width: 325px;
height: 326px;
margin-top: 30px;
background-image: url(images/carte_france.gif);
background-repeat:no-repeat;
color: #676347;
font-size: 16px;
font-weight: bold;
}

#carte h3 {
text-align: center;
width: 100px;
padding: 0px;
}

#carte p {
width: 250px;
margin-top: 250px;
margin-left: 5px;
text-align: left;
font-size: 10px;
font-weight: normal;
line-height: 10px;
color:#012b49;
}


#meteo {
float: right;
width: 180px;
height: 210px;
margin-top: 70px;
margin-right: 10px;
text-align: center;
border: 1px solid #462e01;
background-color: #1797c1;
}

#meteo h2 {
color: #ffffff;
text-align: center;
height: 25px;
padding: 0px;
}












#promo {
padding: 10px;
padding-bottom: 10px;


text-align: justify;

width: 530px;

border: 1px solid #462e01;
background-color: #ffffff;
}




#promo p {


width: 510px;
margin-top:5px;
margin-bottom:30px;
}



#promo p.bas {


margin-bottom:0px;
}