/* CSS Document */
html, body {
margin:0;
padding:0;
height:100%;
font:100% Verdana, Arial, Helvetica, sans-serif;
}
html {
background:#034601 url("../images/background.jpg") no-repeat top center;
}
* {
margin:0;
padding:0;
}


/* Nouveau site */
div#conteneur {
width:900px;
height:653px;
margin:20px auto 18px auto;
position:relative;
}
div#texte_en_tete {
width:900px;
color:#ffffff;
text-align:right;
font-size:11px;
line-height:16px;
vertical-align:middle;
position:absolute;
top:-20px;
left:0;
}

/* Le menu */
div#menu {
width:185px;
position:absolute;
top:210px;
left:25px;
}
div#menu ul {
width:185px;
list-style-type:none;
}
li.menu_principal {
text-transform:uppercase;
font-size:13px;
line-height:17px;
color:#ffffff;
}
li.menu_principal a {
text-transform:uppercase;
font-size:13px;
line-height:24px;
color:#ffffff;
text-decoration:none;
display:block;
padding-left:13px;
}
li.menu_secondaire {
display:block;
height:20px;
}
li.menu_secondaire a {
font-size:13px;
line-height:17px;
text-transform:none;
text-decoration:none;
display:block;
width:134px;
color:#F6D700;
padding-left:26px;
background:url('../images/menu-off.png') no-repeat left top;
}
li.menu_secondaire a:hover, a#menu_n2_on {
color:#719537;
background:url('../images/menu-on.png') no-repeat left top;
}
div#menu_bas {
width:210px;
text-align:center;
font-size:11px;
color:#719537;
position:absolute;
top:585px;
left:0;
}
div#menu_bas a {
font-size:11px;
color:#719537;
text-decoration:none;
}
div#menu_bas a:hover {
text-decoration:underline;
}



/* Le contenu */
div#contenu {
width:690px;
color:#004741;
text-align:center;
font-size:13px;
line-height:17px;
position:absolute;
top:210px;
left:210px;
}
div#lien_accueil {
position:absolute;
top:0;
left:0;
}
div#titre {
font-size:17px;
line-height:24px;
vertical-align:baseline;
color:#336600;
position:absolute;
top:0;
left:35px;
}
span#titre_menu {
font-size:19px;
line-height:24px;
vertical-align:baseline;
color:#ffffff;
text-transform:uppercase;
}
div#photo_principale {
width:410px;
height:256px;
position:absolute;
top:41px;
left:35px;
}
div#titre_photo {
width:410px;
text-align:center;
font-size:13px;
color:#336600;
position:absolute;
top:303px;
left:35px;
}
div#photos_miniatures {
width:411px;
text-align:left;
position:absolute;
top:341px;
left:34px;
}
div.mini_1 {
float:left;
width:96px;
height:59px;
position:relative;
}
div.mini {
float:left;
width:96px;
height:59px;
margin-left:9px;
position:relative;
background-color:#AFBF28;
}
img.img_photo_mini {
position:absolute;
top:0;
left:0;
z-index:3;
cursor:pointer;
}
img.img_photo_cadre {
position:absolute;
top:-5px;
left:-5px;
z-index:5;
cursor:pointer;
}
div#descriptif {
width:210px;
height:400px;
background:url('../images/background-descriptif.png') no-repeat left top;
position:absolute;
top:0;
right:10px;
}
div#titre_descriptif {
width:170px;
text-align:center;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
color:#336600;
position:absolute;
top:62px;
left:16px;
}
.descriptif_petit {
font-size:10px;
}
div#contenu_descriptif {
width:170px;
text-align:left;
font-size:13px;
color:#719537;
position:absolute;
top:97px;
left:20px;
}
div#bas_de_page {
width:690px;
color:#719537;
text-align:right;
font-size:11px;
line-height:15px;
position:absolute;
top:631px;
right:20px;
}
a.a_ardeche {
font-size:11px;
font-weight:normal;
font-style:normal;
cursor:text;
color:#719537;
text-decoration:none;
}
a.a_ardeche:hover {
text-decoration:none;
}

/* Tarifs */
div#corps {
width:410px;
position:absolute;
top:41px;
left:35px;
text-align:left;
color:#336600;
}
div#corps_2 {
width:635px;
position:absolute;
top:41px;
left:35px;
text-align:left;
color:#336600;
}
table.tarif {
width:410px;
border-collapse:collapse;
border:none;
}
th.th_periode {
font-size:12px;
font-weight:bold;
color:#336600;
margin:5px 0;
padding:2px 5px;
text-align:left;
}
th.th_prix {
font-size:12px;
font-weight:bold;
color:#336600;
margin:5px 0;
padding:2px 5px;
text-align:right;
}
td.tarif_periode {
border-bottom:1px dotted #dddddd;
padding:2px 5px;
text-align:left;
color:#336600;
}
td.tarif_prix {
border-bottom:1px dotted #dddddd;
width:90px;
text-align:right;
color:#336600;
}


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


/* Plan du Site */
ul#ul_plan_du_site {
margin:0;
padding:0 0 0 15px;
}


/* Contact */
div#corps_5 {
width:280px;
padding:0 5px 0 0;
position:absolute;
top:41px;
left:35px;
text-align:left;
color:#336600;
font-size:10px;
height:375px;
overflow:auto;
}
div#corps_6 {
width:320px;
position:absolute;
top:41px;
left:350px;
text-align:left;
color:#336600;
font-size:10px;
}


/* Page liens */
div.listing {
position:relative;
width:inherit;
height:auto;
border-bottom:1px dashed #336600;
}
div.listing_image {
float:left;
width:180px;
padding:10px 10px 0 0;
}
div.listing_image img {
height:inherit;
}
div.listing_description {
float:left;
width:435px;
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;
}


/* Les Mentions */
div#corps_3 {
width:310px;
position:absolute;
top:34px;
left:35px;
text-align:left;
color:#336600;
font-size:10px;
line-height:12px;
}
div#corps_4 {
width:311px;
position:absolute;
top:-25px;
left:365px;
text-align:left;
color:#336600;
font-size:10px;
line-height:12px;
}


/* Signature du site */
div#signature {
width:900px;
margin:0 auto;
text-align:center;
padding:0 0 30px 0;
font-size:11px;
clear:both;
color:#DFE54B;
}
div#signature a {
text-decoration:none;
color:#ffffff;
}
div#signature a.lien_couleur_normal {
text-decoration:none;
color:#DFE54B;
}


/* Classes généralistes */
h1 {
color:#000000;
}
a {
color:#336600;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}