/* CSS Document */
html, body {
margin:0;
padding:0;
height:100%;
font:90% Verdana, Arial, Helvetica, sans-serif;
background:#336666 url("../images/background.jpg") repeat-x top left;
background-attachment:fixed;
color:#336666;
}
* {
margin:0;
padding:0;
}


/* Le conteneur de la page d'accueil */
div#conteneur_accueil {
width:920px;
height:736px;
position:absolute;
top:25px;
left:50%;
margin-top:0;
margin-left:-460px;
background:url("../images/conteneur_accueil.png") no-repeat center center;
position:relative;
}
div#conteneur_accueil_diaporama {
width:890px;
height:589px;
position:absolute;
top:15px;
left:15px;
z-index:5;
overflow:hidden;
}
div#conteneur_accueil_entrer {
width:890px;
height:589px;
position:absolute;
top:15px;
left:15px;
z-index:10;
}
div#conteneur_accueil_bas {
width:890px;
height:117px;
position:absolute;
bottom:15px;
left:15px;
background:url("../images/conteneur_accueil_bas.jpg") no-repeat left bottom;
}
div#conteneur_drapeaux {
float:left;
width:278px;
height:47px;
text-align:center;
padding:50px 0 20px 0;
}
div#conteneur_actu {
float:right;
width:542px;
height:47px;
text-align:left;
padding:50px 20px 20px 50px;
position:relative;
}
div#conteneur_actu h1#h1_accueil {
position:absolute;
top:20px;
left:0;
width:100%;
text-align:center;
font-weight:normal;
color:#339999;
text-transform:uppercase;
font-size:12px;
}


/* Pages intérieures */
div#conteneur {
width:920px;
margin:0 auto;
position:relative;
}
div#banniere {
width:920px;
height:278px;
position:absolute;
top:0;
left:0;
background:url("../images/banniere.png") no-repeat top left;
position:relative;
}
div#fond_banniere {
width:525px;
height:263px;
position:absolute;
top:15px;
right:15px;
z-index:5;
}
div#opacite_banniere {
width:525px;
height:263px;
position:absolute;
top:15px;
right:15px;
z-index:10;
}


/* Le menu */
div#menu_central {
width:890px;
height:39px;
margin-bottom:30px;
background:url("../images/background-menu.jpg") no-repeat bottom center;
}
div#menu_central ul {
width:890px;
margin:0 auto;
}
div#menu_central ul li {
width:auto;
height:35px;
line-height:33px;
display:block;
float:left;
}
div#menu_central ul li a#menu_accueil {
width:90px;
}
div#menu_central ul li a#menu_camping {
width:110px;
}
div#menu_central ul li a#menu_hebergement {
width:130px;
}
div#menu_central ul li a#menu_proximite {
width:120px;
}
div#menu_central ul li a#menu_faq {
width:65px;
}
div#menu_central ul li a#menu_contact {
width:90px;
}
div#menu_central ul li a#menu_actu, div#menu_central ul li a#menu_actu_actif {
width:279px;
}
div#menu_central ul li a {
display:block;
font-size:12px;
font-weight:bold;
font-style:normal;
margin:3px 0;
text-align:center;
color:#336666;
background-color:#ffffff;
padding:0;
text-transform:uppercase;
text-decoration:none;
border-right:1px solid #cccccc;
}
div#menu_central ul li a:hover {
color:#336666;
background-color:#cccc33;
}
div#menu_central ul li a.menu_actif {
color:#336666;
background-color:#cccc33;
}
div#menu_central ul li a#menu_actu {
color:#ffffff;
background-color:#336666;
border-right:none;
}
div#menu_central ul li a#menu_actu:hover {
color:#336666;
background-color:#cccc33;
}
div#menu_central ul li a#menu_actu_actif {
color:#336666;
background-color:#cccc33;
border-right:none;
}
div#sous_menu {
float:left;
width:270px;
text-align:center;
}
div#sous_menu ul {
width:245px;
margin:0 auto;
list-style-type:none;
}
div#sous_menu ul li {
display:block;
width:185px;
height:26px;
margin:0 auto 6px auto;
text-align:center;
color:#336666;
/* background-color:#cccc33; */
}
div#sous_menu ul li#li_tarifs {
width:245px;
}
div#sous_menu ul li a {
display:block;
font-size:11px;
font-weight:bold;
font-style:normal;
line-height:26px;
text-align:center;
color:#336666;
background-color:#cccc33;
padding:0 10px;
text-transform:uppercase;
text-decoration:none;
}
div#sous_menu ul li a#sous_menu_actif, div#sous_menu ul li a:hover {
color:#ffffff;
background-color:#336666;
}
div#sous_menu ul li a#sous_menu_tarifs {
width:225px;
padding:0 10px;
margin-top:30px;
color:#ffffff;
background-color:#336666;
}
div#sous_menu a.a_sous_menu {
display:block;
color:#b0b1b3;
font-weight:bold;
text-decoration:none;
margin:10px 0;
}
div#sous_menu a.a_sous_menu:hover {
letter-spacing:0.5px;
}


/* Le contenu */
div#contenu_png {
width:890px;
padding:0 15px 30px 15px; 
background:url("../images/contenu.png") repeat-y center center;
}
div#contenu {
width:890px;
position:relative;
z-index:2;
}
div#corps {
float:right;
width:497px;
padding:0 61px;
border-left:1px solid #cccccc;
text-align:justify;
}
div.galerie {
margin:0 auto 30px auto;
text-align:center;
position:relative;
}
div.galerie img {
height:262px;
}
div.galerie img.agrandir {
height:50px;
position:absolute;
right:0;
bottom:-25px;
z-index:5;
}

div.rubrique {
width:50%;
float:left;
text-align:center;
}
div#corps div.rubrique img.img_rubrique {
width:186px;
margin:0 auto 10px auto;
}
div#corps div.rubrique h1 {
font-size:14px;
color:#339999;
text-align:center;
margin-bottom:20px;
}
div#corps div.rubrique span.nb_personnes {
font-size:12px;
}
div#corps ul {
margin:10px 0 15px 25px;
}
div#corps ul li {
padding-left:0;
}
div#drapeaux {
width:40px;
height:125px;
position:absolute;
top:302px;
right:-30px;
}
div#contenu_bas {
width:890px;
height:46px;
padding:0 15px; 
background:url("../images/bas-de-page.png") no-repeat top left;
position:relative;
font-size:10px;
font-weight:bold;
line-height:36px;
text-align:center;
color:#B0B1B3;
}
div#contenu_bas a.a_ardeche {
font-size:10px;
font-weight:bold;
font-style:normal;
cursor:text;
color:#B0B1B3;
}
div#contenu_bas a.a_ardeche:hover {
text-decoration:none;
}


/* Les Chalets */
.chalets_reserver {
display:block;
text-align:center;
text-decoration:underline;
margin-top:25px;
color:#339999;
line-height:21px;
}


/* Les Labels */
.img_labels {
margin:0 5px;
}


/* Page tarifs */
.table_tarifs {
width:497px;
border-collapse:collapse;
border:none;
float:right;
background-color:#ffffff;
}
.td_entete {
padding:2px 5px;
border:1px solid #339999;
background-color:#336666;
color:#ffffff;
}
.td_centrer {
text-align:center;
}
.td_date {
width:90px;
text-align:center;
border:1px solid #339999;
}
.td_type {
width:187px;
text-align:left;
border:1px solid #339999;
}
.td_tarifs {
text-align:center;
border:1px solid #339999;
}


/* Descriptif des hébergements */
.table_descriptif {
border:1px solid #339999;
margin:20px auto;
}
tr.tr_entete {
background-color:#339999;	
color:#ffffff;
height:20px;
}
td.td_entete {
padding:5px;
text-align:center;
}
td.td_intitule {
border:1px solid #339999;
padding:0 5px;
height:16px;
}
td.td_prix {
border:1px solid #339999;
padding:0 5px;
}


/* Page tourisme à proximité */
table {
border-collapse:collapse;
border:none;
}
caption {
font-size:12px;
font-weight:bold;
color:#339999;
margin:5px 0;
padding:2px 5px;
text-align:left;
}
td {
border-bottom:1px dotted #339999;
width:200px;
padding:2px 5px;
}
td.distance {
width:100px;
text-align:right;
}


/* L'Agenda Ardéchois */
ul#agenda {
margin:0;
padding:0;
}
ul#agenda li {
margin-bottom:20px;
}


/* Page FAQ */
div#corps ul li.faq_li_categorie {
margin-top:25px;
}


/* Page contact */
div#contact {
position:relative;
}
img#carte_france {
position:absolute;
left:250px;
top:0px;
}
img#carte_ardeche {
position:absolute;
left:350px;
top:200px;
}
img#carte_rn102 {
position:absolute;
left:100px;
top:225px;
}


/* Page liens */
div.listing {
position:relative;
width:inherit;
height:auto;
border-bottom:1px dashed #336666;
}
div.listing_image {
float:left;
width:180px;
padding:10px 10px 0 0;
}
div.listing_image img {
height:inherit;
}
div.listing_description {
float:right;
width:297px;
padding:10px 0 0 0;
font-size:10px;
font-weight:bold;
position:relative;
}
.h1_listing_titre {
margin:0;
padding:0 0 5px 0;
font-size:14px;
font-weight:bold;
}
.listing_titre {
margin:0;
padding:5px 0;
font-size:14px;
font-weight:bold;
}
.listing_titre_a {
text-decoration:none;
}
.listing_titre_a:hover {
text-decoration:none;
}


/* Page Mentions Légales */
h1.mentions_legales {
font-size:14px;
color:#339999;
text-align:left;
margin-bottom:10px;
}


/* Bas de page */
div#bas_de_page {
width:890px;
height:10px;
padding:0 15px;
margin:0 auto;
font-size:10px;
font-weight:normal;
text-align:center;
color:#B0B1B3;
}
div#bas_de_page_accueil {
width:890px;
height:30px;
padding:0 15px;
position:absolute;
left:0;
bottom:-22px;
font-size:10px;
line-height:30px;
font-weight:normal;
text-align:center;
color:#B0B1B3;
}
div#bas_de_page a, div#bas_de_page_accueil a {
color:#ffffff;
font-style:normal;
text-decoration:none;
}
div#bas_de_page a:hover, div#bas_de_page_accueil a:hover {
text-decoration:underline;
}


/* Classes généralistes */
h1 {
font-size:14px;
color:#339999;
text-align:left;
margin-bottom:10px;
}
h2 {
font-size:12px;
color:#339999;
text-align:left;
margin:20px 0 5px 0;
}
a {
color:#339999;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

/* Gestion des ul li dans le corps du site */
div#corps ul {
margin:10px 0 0 45px;
list-style-image:url(../images/ul_tiret.jpg);
}
div#corps ul li {
margin:5px 0;
}