@charset "utf-8";
/* CSS Document */
body { 
font-family : Georgia, "Times New Roman", Times, serif; 
background-image : url(images/bg.jpg); 
background-repeat : repeat-x; 
background-color : #c2d69b; 
margin : 0; 
font-size : 1em; 
line-height : 1.5em; 
} 
#main { 
width : 970px; 
margin : 0 auto; 
} 
#header { 
width : 970px; 
height : 245px; 
background-image : url(images/gite-francais-la-vieille-source.jpg); 
background-repeat : no-repeat; 
} 
#nav { 
width : 250px; 
margin-left : 9px; 
float : left; 
position : relative; 
} 
#content { 
width : 661px; 
padding-left : 25px; 
padding-top : 5px; 
padding-right : 25px; 
float : right; 
} 
#footer { 
width : 970px; 
font-size : 0.8em; 
text-align : center; 
margin-top : 0; 
margin-right : auto; 
margin-bottom : 0; 
margin-left : auto; 
padding-top : 20px; 
padding-bottom : 20px; 
} 
hr { 
color : #607d27; 
} 
#photos { 
width : 337px; 
height : 245px; 
float : right; 
} 
.clear { 
clear : both; 
} 
#topnav { 
width : 250px; 
background-image : url(images/nav-top.gif); 
background-repeat : no-repeat; 
height : 25px; 
float : left; 
} 
#middlenav { 
width : 200px; 
background-image : url(images/nav-bg.gif); 
background-repeat : repeat-y; 
padding-right : 25px; 
padding-left : 25px; 
font-size : 1.1em; 
color : #ffffff; 
text-align : right; 
float : left; 
} 
#middlenav a { 
text-decoration : none; 
color : #ffffff; 
padding-right : 20px; 
display : block; 
padding-top : 6px; 
vertical-align : top; 
} 
#middlenav a:link { 
border-bottom-width : 2px; 
border-bottom-style : dotted; 
border-bottom-color : #607d27; 
} 
#middlenav a:visited { 
border-bottom-width : 2px; 
border-bottom-style : dotted; 
border-bottom-color : #607d27; 
} 
#middlenav a:hover { 
border-bottom-width : 2px; 
border-bottom-style : dotted; 
border-bottom-color : #c2d69b; 
background : url(images/leaf-bullet.gif) no-repeat top right; 
} 
#middlenav a:active { 
border-bottom-width : 2px; 
border-bottom-style : dotted; 
border-bottom-color : #607d27; 
} 
#bottomnav { 
width : 250px; 
background-image : url(images/nav-bottom.gif); 
background-repeat : no-repeat; 
height : 25px; 
float : left; 
} 
h1 { 
font-size : 1.7em; 
color : #48650d; 
} 
h2 { 
font-size : 1.25em; 
font-weight : normal; 
line-height : 1.25em; 
} 
a:link { 
color : #3c530b; 
text-decoration : none; 
border-bottom-width : 1px; 
border-bottom-style : dotted; 
border-bottom-color : #607d27; 
} 
a:hover { 
border-bottom-style : none; 
} 
.photoholder { 
padding : 20px; 
background-color : #d5e3bb; 
border : 1px solid #76923c; 
margin-right : 5px; 
margin-left : 5px; 
} 
table { 
font-size : 0.8em; 
} 
fieldset { 
clear : both; 
border-top-style : none; 
border-right-style : none; 
border-bottom-style : none; 
border-left-style : none; 
} 
legend { 
padding : 0 0 1.286em; 
font-size : 1em; 
font-weight : bold; 
color : #3c530b; 
} 
fieldset fieldset legend { 
padding : 0 0 1em; 
font-size : 1em; 
} 
* html legend { 
margin-left : -7px; 
} 
* + html legend { 
margin-left : -7px; 
} 
form .field, form .buttons { 
clear : both; 
margin : 0 0 1.5em; 
} 
form .field label { 
display : block; 
} 
form ul.fields { 
margin : 0 0 1.5em; 
padding : 0; 
} 
form ul.fields li { 
list-style-type : none; 
margin : 0; 
} 
form ul.inline li, form ul.inline label { 
display : inline; 
} 
form ul.inline li { 
padding : 0 0.75em 0 0; 
} 
input.radio, input.checkbox { 
vertical-align : top; 
} 
label, button, input.submit, input.image { 
cursor : pointer; 
} 
* html input.radio, * html input.checkbox { 
vertical-align : middle; 
} 
* + html input.radio, * + html input.checkbox { 
vertical-align : middle; 
} 
textarea { 
overflow : auto; 
} 
input.text, input.password, textarea, select { 
margin : 0; 
vertical-align : baseline; 
font-family : Georgia, "Times New Roman", Times, serif; 
font-size : 1em; 
} 
input.text, input.password, textarea { 
border : 1px solid #3c530b; 
padding : 5px; 
} 
form.horizontal .field { 
padding-left : 150px; 
} 
form.horizontal .field label { 
display : inline; 
float : left; 
width : 140px; 
margin-left : -150px; 
} 
#lightbox { 
position : absolute; 
left : 0; 
width : 100%; 
z-index : 100; 
text-align : center; 
line-height : 0; 
} 
#lightbox img { 
width : auto; 
height : auto; 
} 
#lightbox a img { 
border : none; 
} 
#outerImageContainer { 
position : relative; 
background-color : #fff; 
width : 250px; 
height : 250px; 
margin : 0 auto; 
} 
#imageContainer { 
padding : 10px; 
} 
#loading { 
position : absolute; 
top : 40%; 
left : 0%; 
height : 25%; 
width : 100%; 
text-align : center; 
line-height : 0; 
} 
#hoverNav { 
position : absolute; 
top : 0; 
left : 0; 
height : 100%; 
width : 100%; 
z-index : 10; 
} 
#imageContainer > #hoverNav { 
left : 0; 
} 
#hoverNav a { 
outline : none; 
} 
#prevLink, #nextLink { 
width : 49%; 
height : 100%; 
display : block; 
} 
#prevLink { 
left : 0; 
float : left; 
background : url(images/prevlabel.gif) no-repeat left 15%; 
} 
#nextLink { 
right : 0; 
float : right; 
background : url(images/nextlabel.gif) no-repeat right 15%; 
} 
#prevLink:hover, #prevLink:visited:hover { 
background : url(images/prevlabel.gif) no-repeat left 15%; 
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(images/nextlabel.gif) no-repeat right 15%; 
} 
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif; 
background-color : #fff; 
margin : 0 auto; 
line-height : 1.4em; 
overflow : auto; 
width : 100%; 
} 
#imageData { 
padding : 0 10px; 
color : #666; 
} 
#imageData #imageDetails { 
width : 70%; 
float : left; 
text-align : left; 
} 
#imageData #caption { 
font-weight : bold; 
} 
#imageData #numberDisplay { 
display : block; 
clear : left; 
padding-bottom : 1em; 
} 
#imageData #bottomNavClose { 
width : 66px; 
float : right; 
padding-bottom : 0.7em; 
outline : none; 
} 
#overlay { 
position : absolute; 
top : 0; 
left : 0; 
z-index : 90; 
width : 100%; 
height : 500px; 
background-color : #000; 
} 
div.form-container { 
padding : 5px; 
border : 0 solid #aaa; 
} 
p.legend { 
margin-bottom : 1em; 
} 
p.legend em { 
color : #c00; 
font-style : normal; 
} 
div.errors { 
margin : 0 0 10px 0; 
padding : 5px 10px; 
border : 1px solid #fc6; 
background-color : #ffc; 
} 
div.errors p { 
margin : 0; 
} 
div.errors p em { 
color : #c00; 
font-style : normal; 
font-weight : bold; 
} 
div.form-container form p { 
margin : 0; 
} 
div.form-container form p.note { 
margin-left : 170px; 
font-size : 90%; 
color : #333; 
} 
div.form-container form fieldset { 
margin : 10px 0; 
padding : 10px; 
border : 1px solid #ddd; 
} 
div.form-container form legend { 
font-weight : bold; 
color : #666; 
} 
div.form-container form fieldset div { 
padding : 0.25em 0; 
} 
div.form-container label, div.form-container span.label { 
margin-right : 10px; 
padding-right : 10px; 
width : 120px; 
display : block; 
float : left; 
text-align : right; 
position : relative; 
} 
div.form-container label2, div.form-container span.label2 { 
margin-right : 0; 
padding-right : 0; 
width : 200px; 
display : block; 
float : right; 
text-align : left; 
position : relative; 
} 
div.form-container label.error, div.form-container span.error { 
color : #c00; 
} 
div.form-container label em, div.form-container span.label em { 
position : absolute; 
right : 0; 
font-size : 120%; 
font-style : normal; 
color : #c00; 
} 
div.form-container input.error { 
border-color : #c00; 
background-color : #fef; 
} 
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus { 
background-color : #ffc; 
border-color : #fc6; 
} 
div.form-container div.controlset label, div.form-container div.controlset input { 
display : inline; 
float : none; 
} 
div.form-container div.controlset div { 
margin-left : 170px; 
} 
div.form-container div.buttonrow { 
margin-left : 180px; 
} 
.photo-link { 
padding : 5px; 
margin : 5px; 
border : 1px solid #999; 
display : block; 
width : 100px; 
float : left; 
} 
.photo-link:hover { 
border-color : white; 
}