/* @override http://en.bordeaux-bnb.com/style.css */

/*********************************************************
	ADARE HOUSE - V1.5 (October 2007)
	SCREEN VERSION
	http://www.bordeaux-bnb.com
	Made by Interactive R.O.I - www.iroisolutions.fr
**********************************************************

**********************************************************
CONTENTS:

-> Common Elements
-> Pages
	-> Home
	-> Pictures - Tourism
	-> About us
	-> How to find us
	-> Contact form
	-> Sitemap
	-> Legal
	-> Error
*********************************************************/

/****************************************
COMMON ELEMENTS
****************************************/

html {
/*background:#FFF;*/
background:#FFF url(images/bg_trees.png) no-repeat top center;
}

body {
margin:0;
padding:0;
font-family:Georgia, sans-serif;
font-style:oblique;
font-weight:600;
color:#404040;
letter-spacing:2px;
line-height:1.5em;
font-size:70%;
}

#language {
width:866px;
height:auto;
padding:10px 30px 5px 0;
margin:0 auto;
/*background:#FFF url(images/background.png);*/
text-align:right;
}

.noborder {
width:100%;
border:0;
margin:0;
padding:0;
text-align:right;
}

#banner {
width:896px;
height:120px;
margin:0 auto;
/*background:#FFF url(images/banner.png);*/
text-align:center;
}

#banner h1 {
padding:0;
margin:0;
}

#banner h1 a {
display:none;
}

#banner #gohome {
float:left;
width:99%;
height:120px;
margin:0;
padding:0;
}

#subbanner {
width:896px;
margin:0 auto;
/*background:#FFF url(images/background.png) repeat-y;*/
text-align:center;
}

#subbanner h2 {
padding:10px 0;
margin:0;
font:1em Georgia, Trebuchet MS, sans-serif;
font-weight:600;
color:#333;
}

#menu {
width:896px;
margin:0 auto;
padding:5px 0;
/*background:#FFF url(images/background.png) repeat-y;*/
text-align:center;
}

#menu ol {
list-style-type:none;
width:90%;
padding:10px 0;
margin:0 auto;
border-top:1px dashed #CCC;
border-bottom:1px dashed #CCC;
}

#menu ol li {
display:inline;
margin:0 7px;
}

#menu a {
color:#666;
font:90% Georgia, Trebuchet MS, sans-serif;
font-weight:600;
text-transform:uppercase;
}

#menu a:hover {
color:#999;
}

#menu a:visited {
color:#999;
}

#container {
position:relative;
width:896px;
padding:0;
margin:0 auto;
/*background:#FFF url(images/background.png) repeat-y;*/
}

#insidecontainer {
clear:both;
width:855px;
padding:0;
margin:0 auto;
}

p {
padding:15px 0 0;
}

ul {
padding:5px 0 20px 10px;
margin:0 0 0 15px;
}

img {
border:0;
}

/* @group MainText */
#maintext {
margin:0 auto;
width:90%;
padding:20px;
text-align:justify;
}

#maintext a, a:hover, a:visited {
color:#000;
}

#maintext .h2title {
padding:20px 0 0;
margin:0;
font-size:100%;
}
/* @end */

/* @group Footer */
#footer {
clear:both;
width:90%;
margin:0 auto;
padding:10px 5px;
background:transparent;
border-top:1px dotted #CCC;
text-align:center;
}

#footer ul li {
display:inline;
padding:0 8px 0 0;
}

#footer a {
color:#999;
}
/* @end */


/* @group Xiti */
#xiti-logo {
width:896px;
padding:15px 0;
margin:0 auto;
text-align:center;
/*background:#FFF url(images/background.png) repeat-y;*/
}
/* @end */



/****************************************
PAGES
****************************************/

/* @group HOME */
#bordeaux-picture {
float: right;
width: 400px;
height: 350px;
margin: 0 0 20px;
background-image: url(images/home_transparent.png);
}
/* @end */

/* @group PICTURES - TOURISM */
#enlarge {
width:100%;
padding:20px 0;
font-size:90%;
font-weight:600;
text-transform:uppercase;
color:#666;
text-align:center;
}

#photos1, #photos2, #photos3, #photos4, #photos5 {
clear:both;
width:80%;
height:250px;
margin:0 auto 20px;
}

.photoleft {
float:left;
width:45%;
text-align:center;
}

.photoright {
float:right;
width:45%;
text-align:center;
}

.pic {
width:200px;
height:200px;
margin:0 auto;
border:4px solid #CCC;
}

.pic:hover {
border:4px solid #666;
}

.photoleft h2, .photoright h2 {
padding:5px 0 0;
font:90% Georgia, Trebuchet MS, sans-serif;
font-weight:600;
text-transform:uppercase;
color:#666;
}
/* @end */

/* @group PICTURES - HOUSE */
ul.picgallery {
	list-style-type: none;
	padding: 20px 0 10px;
	margin: 0 auto;
	text-align: center;
}

ul.picgallery li {
	display: inline;
	padding: 0 20px;
}

ul.picgallery img, ul.picgallery img {
	border: 3px solid #CCC;
}

ul.picgallery img:hover, ul.picgallery img:hover {
	border: 3px solid #333;
}

/* @end */

/* @group ABOUT US */
#insidecontainer_jardinpublic {
/*background:url(images/bg_jardinpublic.png) no-repeat top center;*/
clear:both;
width:855px;
height:768px;
padding:0;
margin:0 auto;
}

#spread {
	height:120px;
}

table {
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}

table th {
	background: #999;
}

table td {
	padding: 10px;
	border: 1px solid #999;
}

.bg_lightgray {
	background: #CCC;	
}

.text-align-center {
	text-align: center;
}


/* @end */

/* @group FIND US */
#map {
width:700px;
height:500px;
margin:0 auto;
border:1px solid #000;
}

.pcenter {
text-align:center;
}
/* @end */

/* @group CONTACT */
fieldset {
width:90%;
margin:0 auto;
border:1px solid #CCC;
}

legend {
font-size:100%;
font-weight:700;
color:#666;
}

fieldset ol {
list-style:none;
}

fieldset li {
padding:0 0 5px;
text-align:left;
}

label {
padding-top:5px;
text-align:left;
display:block;
font-size:90%;
cursor:default;
}

.label_message {
text-align:center;
}

select {
background-color:#FFF; 
border:1px solid #CCC;
font-size:100%;
color:#666;
cursor:pointer;
}

select:focus {
background-color:#EFFFEF;
border:1px solid #999;
}

input {
background-color:#FFF; 
border:1px solid #CCC;
font-size:100%;
color:#666;
cursor:text;
}

input:focus {
background-color:#EFFFEF;
border:1px solid #999;
}

textarea {
margin-left:-3px;
background-color:#FFF; 
border:1px solid #CCC;
font-size:150%;
color:#666;
cursor:text;
}

textarea:focus {
background-color:#EFFFEF;
border:1px solid #999;
}

.inputsend {
width:100px; 
height:26px;
margin:5px 0 10px 300px;
border:1px solid #75C22A;
font-size:100%;
color:#75C22A;
cursor:pointer;
}

.inputsend:hover, .inputsend:focus  {
border:1px solid #09C;
color:#09C;
}

.inputok {
border:1px solid #CCC;
color:#666;
cursor:pointer;
}

.required {
color:red;
cursor:text;
}

#legal {
width:80%;
margin:15px auto 0;
font-size:75%;
color:#666;
text-align:justify;
cursor:text;
}
/* @end */