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


/* Nouveau site */
div#conteneur {
width:900px;
margin:0 auto;
}
div#contenu {
width:900px;
}


/* Page type */
div.contenu_bloc_gris {
width:400px;
height:328px;
padding:20px;
text-align:justify;
font-size:10px;
line-height:16px;
position:relative;
}
div.contenu_bloc_gris_largeur_totale {
width:400px;
padding:20px;
text-align:justify;
font-size:10px;
line-height:16px;
position:relative;
}
div.contenu_bloc_gris_800 {
width:800px;
padding:20px;
text-align:justify;
font-size:10px;
line-height:16px;
position:relative;
}
div.contenu_bloc_gris_contact_1 {
width:300px;
padding:20px;
text-align:justify;
font-size:10px;
line-height:16px;
position:relative;
}
div.contenu_bloc_gris_contact_2 {
width:500px;
padding:20px;
text-align:justify;
font-size:10px;
line-height:16px;
position:relative;
}
div#contenu_bloc_gris_1 {
float:left;
}
div.contenu_bloc_gris_1 {
float:left;
}
div#contenu_bloc_gris_2 {
float:right;
}
div.contenu_bloc_marron {
width:400px;
height:328px;
padding:20px;
text-align:justify;
font-size:10px;
line-height:16px;
background-color:#E0DBC8;
position:relative;
}
div#contenu_bloc_marron_1, div.contenu_bloc_marron_1 {
float:right;
}
div#contenu_bloc_marron_2, div.contenu_bloc_marron_2 {
float:left;
}
img#fleche_droite_1, img.fleche_droite_1 {
position:absolute;
top:157px;
right:-23px;
z-index:10;
}
img#fleche_gauche_1, img.fleche_gauche_1 {
position:absolute;
top:157px;
left:-23px;
z-index:10;
}
img.img_principale {
margin-bottom:13px;
}
div.nom_photo {
display:block;
margin-bottom:17px;
font-size:13px;
line-height:13px;
vertical-align:top;
color:#514437;
text-transform:uppercase;
}
div.mini_1 {
float:left;
position:relative;
}
div.mini_autres {
float:left;
margin-left:9px;
position:relative;
}
div.mini_1 img, div.mini_autres img {
width:43px;
height:43px;
border:3px solid #E0DBC8;
}
div.mini_1 img:hover, div.mini_autres img:hover {
border:3px solid #514437;
}
img.disponibilites {
float:right;
/* margin-left:7px; */
position:relative;
}
img.reservation {
position:absolute;
top:268px;
right:20px;
}
div.mini_1 img, div.mini_autres img {
cursor:pointer;
}
div.mini_1 div, div.mini_autres div {
position:absolute;
top:0;
left:0;
z-index:5;
}
div.contenu_bloc_marron_bas_de_page {
width:900px;
padding:0 0 10px 0;
font-size:10px;
line-height:16px;
background-color:#E0DBC8;
float:left;
}
div.contenu_bloc_2_colonnes {
width:420px;
padding:0 0 0 20px;
font-size:10px;
line-height:16px;
float:left;
}
div#contenu_entete_tarifs {
float:left;
width:400px;
height:17px;
padding:0 20px;
font-size:10px;
line-height:17px;
display:block;
color:#ffffff;
background-color:#473A2B;
}
span#descriptif_saisons_tarifs {
font-size:11px;
line-height:15px;
}
div.lien_video {
width:250px;
margin:0 auto;
border-radius:5px;
background-color:#473a2b;
text-align:center;
}
div.lien_video a {
color:#ffffff;
display:block;
font-size:10px;
line-height:20px;
}


/* Page tarifs */
.table_tarifs {
width:100%;
border-collapse:collapse;
border:none;
font-size:11px;
text-align:center;
}
.td_entete {
padding:4px 5px;
background-color:#B9A896;
color:#ffffff;
border:1px solid #EFEEEC;
}
.td_contenu {
padding:4px 5px;
color:#867565;
border:1px solid #EFEEEC;
}


/* Page séjours */
.ul_sejours {
margin:10px 0;
padding-left:15px;
}
.nouveaute {
float:right;
font-weight:normal;
}


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


/* 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:610px;
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;
}



/* Le Menu */
div#menu {
width:900px;
height:17px;
margin:0 auto 20px auto;
}
div#menu ul {
list-style-type:none;
}
div#menu ul li {
display:inline;
float:left;
background-color:#B9A896;
text-align:center;
border-right:1px solid #EFEEEC;
}
div#menu ul li:hover, div#menu ul li.menu_actif {
background-color:#4C3F33;
}
div#menu ul li a {
display:block;
font-size:10px;
padding:3px 0 3px 0;
color:#ffffff;
text-decoration:none;
}
div#menu ul li#menu_1 {
width:116px;
}
div#menu ul li#menu_2 {
width:116px;
}
div#menu ul li#menu_3 {
width:116px;
}
div#menu ul li#menu_4 {
width:116px;
}
div#menu ul li#menu_5 {
width:116px;
}
div#menu ul li#menu_6 {
width:116px;
}
div#menu ul li#menu_7 {
width:198px;
border-right:none;
}


/* Bas de page */
div#bas_de_page {
width:900px;
margin:20px auto 0 auto;
clear:both;
font-size:10px;
}
div#bas_de_page span#bas_de_page_liens {
float:right;
color:#3D2E1E;
}
a.a_ardeche {
font-size:10px;
cursor:text;
color:#8B8279;
}
a.a_ardeche:hover {
text-decoration:none;
}
.display_none {
display:none;
}


/* Signature du site */
div#signature {
width:100%;
text-align:center;
padding:10px 0 30px 0;
font-size:10px;
color:#8B8279;
clear:both;
}
div#signature a {
text-decoration:none;
color:#3D2E1E;
}
div#signature a.lien_couleur_normal {
text-decoration:none;
color:#8B8279;
}


/* Classes généralistes */
h1 {
font-size:12px;
line-height:20px;
color:#514437;
text-transform:uppercase;
}
h2 {
font-size:11px;
line-height:13px;
color:#514437;
}
a {
color:#3D2E1E;
text-decoration:none;
}


/* Browsers update */
#browsers_update {
position:absolute;
top:50%;
left:50%;
z-index:10000;
width:800px;
height:150px;
margin-top:-125px;
margin-left:-450px;
background-color:#FFFFCC;
text-align:center;
padding:50px;
border:1px solid black;
font-weight:bold;
}
#browsers_close {
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}