* { padding: 0; margin: 0; }

body {
 font-family: Georgia, "Times New Roman", Times, serif;
 background:url(../img/lucain.jpg);
}


/* - - - - - Classes Générales - - - - - */
.clear        { clear:both; background: none; }
.left         { float:left; }
.right        { float:right; }
img.left      { margin:8px 8px 8px 0; border:solid 1px #DBD4CE;}
img.right     { margin:8px 0 8px 8px; border:solid 1px #DBD4CE;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }
.italic{font-style: italic;}
img			{border:none;}
a			{color:#fffffe; text-decoration:none;}
a:hover		{color:#bc9959;}
.plus		{ 
color:#fffffe;
font:bold 11px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
padding:0 0 0 16px;
background: url(../img/puce-plus.gif) no-repeat 0 2px;
}

/* - - - - - WRAPPER  - - - - - */
.wrapper { 
 margin: 0 auto;
 width: 998px;
 padding:0 85px;
 background:url(../img/bg-header.jpg) no-repeat center top;
}
.interieur .wrapper { 
 margin: 0 auto;
 width: 998px;
 padding:0 85px;
 background:url(../img/bg-header2.jpg) no-repeat center top;
}

/* - - - - - HEADER - - - - - */
.lucain {
	width: 556px;
	padding:7px 0 0 222px;
	height: 82px;
	margin: 0;
}
.interieur .lucain {
	width: 556px;
	padding:7px 0 0 222px;
	height: 140px;
	margin: 0;
}
.lucain h2 { 
	font: bold italic 13px/45px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#edeceb;
	text-align:center;
}

/* - - - - - ANIMATION - - - - - */
#anim { width:998px;
height:330px;
}

/* - - - - - GOOGLE MAP - - - - - */
#map { 
width:556px;
height:280px;
margin:20px 221px 30px 221px;
}

.container {
	 /*border:solid 1px #0F0!important!;*/
	width:998px;
	margin: 0;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
	font: normal 10px Georgia, "Times New Roman", Times, serif;
	color:#afa899;
}

/* - - MENU - - */
.menu, #menu { 
 display: inline;
 float: left;
 width: 214px;
 height:248px;
 padding:7px 0 0 8px;
 height:243px !important;
 padding:12px 0 0 8px !important;
 background:url(../img/bg-menu.jpg) no-repeat 0 0;
 font: bold 10px Georgia, "Times New Roman", Times, serif;
 text-transform:uppercase;
 color: #fffffe;
}
.menu ul {	list-style:none; }
.menu li {	margin:6px 0 11px 10px;}
.menu ul li a {
	padding:0 0 0 17px;
	text-decoration:none;
	text-transform:uppercase;
}
li a{ 
	background:url(../img/puce-menu.gif) no-repeat 0 4px;
	text-decoration:none;
	color:#8B857A;
}
.menu li a:hover,.menu li a:active, .on,.menu .on li a { 
	color:#bc9959;
	background:url(../img/puce-menu-on.gif) no-repeat 0 4px;
}

/* - - - - - CONTENU - - - - - */
.content { 
	position: relative;
	display: inline;
	float: left;
	width: 524px;
	padding:0 16px;
	min-height:255px;
	margin:0;
	background: url(../img/bg-contenu.jpg) no-repeat center bottom;
	color: #8B857A;
	font-size:13px;
}

.content h1{ 
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#bc9959;
	padding:8px 0 16px 0;
}

.content h3{ 
	font:bold 18px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#bc9959;
	padding:8px 0 16px 0;
	text-align:center;
}

.content p{ padding: 0 0 16px 0; text-align:justify;}
.coll {
	float:left;
	width:245px;
	min-height:255px;
	padding:0 18px 0 0;
}
.colr { float:right; width:244px; padding:0 0 0 16px;background:url(../img/separ.jpg) no-repeat 0 20px;}
.content ul { padding:5px 0 5px 15px;}

/* - - - - - HEBERGEMENT - - - - - */
.hebergement { 
 position: relative;
 display: inline;
 float: right;
 width: 172px;
 height:235px;
 padding:20px 25px 0 23px;
 background:url(../img/bg-hebergement.jpg) no-repeat 0 0;
 color: #afa899;
}
.hebergement h2, .content h2{ 
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#bc9959;
	padding:7px 0 7px 3px;
}
.content h2{
  text-align:center;
}

.content h4{
	color:#BC9959;
	font:bold 12px Georgia,"Times New Roman",Times,serif;
	padding:18px 0 14px;
	text-transform:uppercase;
}

.hebergement p { padding: 0 3px; text-align:justify; font-size:11px;}
.hebergement a { color: #8b857a;}
.hebergement a:hover { color: #bc9959;}

.coordonnees{
 position: relative;
 display: inline;
 float: right;
 width: 172px;
 height:235px;
 padding:20px 25px 0 23px;
 background:url(../img/bg-hebergement.jpg) no-repeat 0 0;
 color: #afa899;
}

.coordonnees img.print{
float:right;
margin-right:31px;
margin-top:-13px;
}

.coordonnees h2{
color:#BC9959;
font:bold 14px Georgia,"Times New Roman",Times,serif;
padding:7px 0 7px 3px;
text-transform:uppercase;
}

.coordonnees p{
font-size:11px;
padding:0 3px;
text-align:justify;
}

.coordonnees a{
color:#8B857A;
}

/* - - - - - FOOTER - - - - - */
.footer { 
 clear: both;
 width: 998px;
 height:36px;
 padding:8px 0 0 0;
 background: url(../img/bg-footer2.jpg) no-repeat 0 0;
 margin:0 0 20px 0;
 font: bold 11px Georgia, "Times New Roman", Times, serif;
 color: #AF8A50;
 text-align:center;
}
.footer strong { color:#FFF; font-weight:bold;}
.big {text-transform: uppercase;font-size: 12px;}

.novae {
  position: absolute;
  width:13px;
  height:201px;
  top: 535px;
  right: 983px;
  background:#0F6;
}

/* - - - - - TABLEAU - - - - - */
table {
	border-spacing:1px;
	background-color:#A69B7D;
	width:100%;
	margin:14px 0;
}

td, th { padding: 4px;}

thead th {
	text-align: center;
	background: #C3BCB1;
	color: #BC9959;
	border: 1px solid #FFFFFE;
	text-transform:uppercase;
}

tbody th {	font-weight: bold; color:#BC9959;text-align:center; }

tbody tr		{
	background-color:#EAEAE8; 
	text-align:left;
	}


tbody tr td { 
	background: #FDFCFC;
	border: 1px solid #FFFFFE;
	text-align:center;
	}
	
/* - - - - - FORMULAIRE - - - - - */
form {
padding:10px;
width:500px;
}
fieldset {
padding:5px 20px;
margin-bottom:5px;
border:solid 1px #BC9959;
}
legend {
color:#BC9959;
font-weight:bold
}
label {
	display: inline-block;	
	width:120px;
	float: left;
	text-align: left;
}

input, textarea {
border:1px solid #A6A498;
margin:2px 0;
background-color:#fffffe;
}
input[type=radio] {
margin-right:50px;
background-color:transparent;
border:none;
}
input[type=submit] {
margin:15px 0 0 120px;
cursor:pointer;
}
select, option {
background-color:#fffffe;
}

/* - - - - - GALERIE PHOTOS - - - - - */
img {vertical-align:middle; border:none;}
#diapo { width:998px; height:320px;}
#thumbs {overflow:auto; list-style:none; margin:10px; padding:0;}
#thumbs li {float:left;}
#thumbs a {display:block; padding:5px; margin:0 5px; outline:none;}
#thumbs a:hover, #thumbs a:focus {background:#D1CBBD;}
#thumbs a.active {background:#A19678;}
/*#viewer {position:relative; width:700px; height:465px; margin-left:30px;}*/
#viewer {
	position: relative;
	overflow:hidden;
	display: inline;
	float: left;
	width: 556px;
	height:350px;
	background: url(../img/bg-contenu.jpg) no-repeat center bottom;
	color: #afa899;
}
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}
