body { background: #5b5854 url(img/bg-body.png) repeat-x; margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 11px; color: #fff; line-height: 13px; }


a { color: #bbb0ab; text-decoration: none; outline: none; }
a:hover, a:active { color: #6e6d66;  }
a:focus { color: #6e6d66;  }

img { border: none; }

.spacer { clear: both; }

div, p { margin: 0; padding: 0; }

.main { margin: 0 auto 0 auto; padding: 0; width: 960px; position: relative; }


strong { font-weight: bold; }

em { font-style: italic; }

#contentDiv { 
	background: #504c48 url(img/bg-content.png) repeat-x;
	min-height: 440px;
 }


/***************  messages *******************/

#error ul, #succes ul { margin: 0; background: #fff; border-bottom: 3px solid #842d13; }
#error ul li, #succes ul li { margin: 0; padding: 15px; color: #842d13; font-size: 1.6em; }

#succes ul { border-bottom: 3px solid #769EDC; }
#succes ul li { color: #769EDC; }


/***************  header *******************/

#header { padding: 5px 0 10px 0; background: #413d38 url(img/bg-header.png) repeat-x; border-bottom: 10px solid #bbb0ab; }

#header h1 { float: left; margin: 85px 0 0 0; padding: 0;  }
/*#header h1 a { float: left; width: 530px; height: 82px; background: transparent url(img/mazet-hugo.png) no-repeat 0% 0%; text-indent: -10000px; margin: 0; padding: 0;  }
*/
.topRight { float: right; width: 250px; margin-top: 0px; }
#outerZic { float: right; width: 80px; margin-right: 13px; }
* html #outerZic { margin-right: 9px; }

#menuList { text-align: right; clear: both; padding-top: 3px; }
#menuList li { padding: 3px 20px; }
#menuList li.on a { color: #6e6d66; }


/***************  footer *******************/
#footer {  font-size: 11px; background: #4F4A47 url(img/bg-footer.png) repeat-x; padding: 8px 20px 30px 20px; color: #bbb0ab; border-top: 10px solid #bbb0ab; }
#footer ul { list-style: none; list-style-image: none; padding: 0; margin: 0; float: left; width: 280px; }
#footer ul li  { display: inline; list-style: none; list-style-image: none; padding: 0; margin: 0 20px 0 0; }
#footer ul li.last { margin: 0; }

#footer a { color: #706e67; }
#footer a:hover { color: #bbb0ab; }

.footRight { float: left; width: 640px; text-align: right; font-size: 0.9em; letter-spacing: 0.1em; }
.copyright { text-transform: uppercase;  }

/***************  general *******************/

h2 {

}


.enConstruction {
	text-align:center;
	padding-top: 150px;
	font-size: 2em;
}

/**************** txt *******************/
.txt { }
.txt strong { font-weight: bold; }


/**************** contact *******************/


.contact_DiV #contentDiv {
	padding: 50px 35px 0 35px;
	min-height: 390px;
}

.contact_DiV h2 {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #fff; /*#DFAF2C; #333;*/
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 0;
	text-shadow: 0 1px 1px #333; /*#9C959F;*/
	margin: 0 0 20px 0;
}

.contactForm {
	float: left;
	width: 247px;
	padding: 0px;
}

.acces {
	float: left;
	width: 605px;
	/*background: transparent url(img/map.png) no-repeat 0% 9px;
	padding: 195px 0 0px 0;*/
	margin: 0 37px 0 0;
	border-right: 1px solid #fff;
}
* html .acces {
	/*background: transparent url(img/map.png) no-repeat 0% 9px;*/
}

.acces .desc { padding: 0 52px 0 0; }

.acces .gps {
	text-align: right;
	color: #bbb0ab;
	padding: 20px 54px 0 0;
	background: transparent url(img/trait.gif) no-repeat 0% 29px;
}

.button { padding-top: 20px; }

.txtInput label, .txtArea label, .txtInputSmall label  { display: block; padding: 10px 0 2px 0; font-weight: normal; }
.txtInput label span, .txtArea label span  { font-style: italic; font-weight: normal; color: #999; }
.txtInput input, .txtInputSmall input  { padding: 5px; width: 235px; }
.txtArea textarea { width: 235px; height: 140px; padding: 5px; font-size: 0.9em; } 
.txtInput input, .txtArea textarea, .txtInputSmall input {  border: 1px solid #ccc; font-family: Verdana, Arial, sans; }

.txtInput input:hover, .txtArea textarea:hover, .txtInput input:focus, .txtArea textarea:focus, .txtInputSmall input:focus, .txtInputSmall input:hover {  background: #FBFFEF; }

/****************  *******************/


/**************** home / accueil *******************/
.home_DiV { height: 440px; }

.box { float: left; width: 192px; height: 440px; }
.box a { float: left; width: 192px; height: 440px; background-repeat: none; background-position: 50% 0%; overflow: hidden; position: relative; color: #fff; }

.box a div {  
	float: left;  
	position: absolute;  
	background: #000;  
	height: 160px;  
	width: 156px;  
	top: 440px;  
	left: 0;
	padding: 38px 18px 0 18px;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	text-align: left;
}  

.box a .box1 { background: #706e67 url(img/titre1.png) no-repeat; }
.box a .box2 { background: #8a877f url(img/titre2.png) no-repeat; }
.box a .box3 { background: #877f7b url(img/titre3.png) no-repeat; }
.box a .box4 { background: #8a7d91 url(img/titre4.png) no-repeat; }
.box a .box5 { background: #736879 url(img/titre5.png) no-repeat; }

.caption .boxcaption {  
	  
}

/**************** actus / news *******************/
.news_DiV #contentDiv { padding: 20px 78px 48px 78px; }

.news { background: #8a877f url(img/bg-news.gif) repeat-y; margin-top: 38px; border-bottom: 7px solid #333; }

.news a { color: #DFD5D1; }
.news a:hover { color: #333; }

.newsLeft { float: left; width: 216px; height: 150px; margin-left: 40px; }
.newsMid { float: left; width: 424px; margin-left: 40px; padding-top: 30px; }
.newsRight { float: left; width: 70px; background: #333; font-size: 10px; color: #8a877f; padding: 5px 7px 5px 7px; text-align: center; }


.newsMid h5 { text-transform: uppercase; font-size: 14px; color: #333; }
.newsMid .txt { font-size: 11px; color: #fff; line-height: 13px; padding: 8px 0 8px 0; }
.newsMid .bottom { border-top: 1px solid #333; padding: 7px 0 7px 0; text-align: right; }
.newsMid .bottom a { color: #333; font-size: 11px; padding: 0 15px 0 0; background: transparent url(img/hugo-link1.jpg) no-repeat 100% 3px; }
.newsMid .bottom a:hover { color: #000; }

/**************** tarifs *******************/
.tarifs_DiV #contentDiv { color: #fff; }

.cTleft { float: left; width: 200px; height: 440px; }
.cTmid { float: left; width: 316px; margin: 27px 0 0 30px; padding: 18px 34px 0 0; border-right: 1px solid #fff; }
.cTright { float: left; width: 332px; margin-left: 30px; padding: 45px 0 0 0; }

.tarifs_DiV #contentDiv h2, .tarifs_DiV #contentDiv h3 {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #fff; /*#DFAF2C; #333;*/
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 0;
	text-shadow: 0 1px 1px #333; /*#9C959F;*/
}

.tarifs_DiV #contentDiv h3 { margin-bottom: 16px; }

.cTmid h5 { 
	text-transform: uppercase;
	font-size: 13px;
	padding: 16px 0 0 0;
}
.tarifsTabOutter { padding: 16px 0 16px 0;  }
.tarifsTab { width: 100%; }
.tarifsTab .rite { text-align: right; }

p.comment { color: #ccc; }

.tarifsMidBottom { border-top: 1px solid #333; padding: 10px 0 0px 0; }

.tarifsMidBottom ul {
	color: #ccc;
	padding: 10px 0 0 0;
	font-size: 10px;
}

.tarifsMidBottom ul li { padding: 0 0 0 35px; background: transparent url(img/bullet1.png) no-repeat 0% 4px; }
* html .tarifsMidBottom ul li { background: transparent url(img/bullet1.gif) no-repeat 0% 4px; }

.tarifsOptions {
	border-bottom: 1px solid #333; padding: 0 0 0px 0; margin: 0 0 10px 0;
}

.tarifsOptions li {
	padding: 0px 0 16px 0;
}

.tarifs_DiV sup {
	vertical-align: super;
	position: relative;
	top: 3px;
	font-size: .83em;
}

/**************** Autour d'hugo *******************/
.autour_DiV #contentDiv { padding-bottom: 20px; }
#mainHugo {  background: transparent url(img/bg-autour-trait.gif) repeat-y; margin: 20px 0 0 0; }



.cAmid { float: left; width: 340px;  padding: 0 0 0 30px; }
.cAright { float: left; width: 495px; margin: 0 0 0 32px; padding: 0 30px 0 0;  }

.cAright h2 { margin-bottom: 18px; }

#mainHugo h2, #mainNews h2, div.cMright h2 {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #fff; /*#DFAF2C; #333;*/
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 0;
	text-shadow: 0 1px 1px #333; /*#9C959F;*/
	line-height:16px;
}

.cAmid ul li { 
	border-bottom: 1px solid #333;
	padding: 15px 0 15px 0;
}

.cAmid ul li p {
	color: #fff; 
	padding: 9px 0 0 20px;
}

.cAmid ul li h5 { 
	color: #ccc;
	text-transform: uppercase;
	font-size: 13px;
}


.cAmid ul li h5 a { 
	color: #DFD5D1;
	background: transparent url(img/bullet2.png) no-repeat 0% 4px;
	padding: 0 0 0 20px;
}
.cAmid ul li h5 a:hover { color: #333333; }

* html .cAmid ul li h5 a { 
	background: transparent url(img/bullet2.gif) no-repeat 0% 4px;
}

.weekend { padding-bottom: 15px; }

.intraWeekend { padding: 0 0 15px 0; color: #fff; }
.intraWeekend img { display: block; border: 1px solid #8e8d8d; }

.weekend h6 { 
	color: #bbb0ab;
	text-transform: uppercase;
	font-size: 12px;
	padding: 17px 0 13px 0;
}

.weekLink { 
	text-align: right; 
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 8px 0;
}
.weekLink a { color: #DFD5D1; }
.weekLink a:hover { color: #333; }

/**************** le mazet *******************/
.cMleft { float: left; width: 577px; height: 440px;  }





.cMright { float: left; width: 318px; margin: 32px 0 0 0; padding: 18px 0 0 36px; color: #fff; }

.cMright h3 {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #333;
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 0;
	margin-bottom: 8px; 
}

.cMright h3 a { color: #fff; /*#DFAF2C; #333;*/ text-shadow: 0 1px 1px #333; /*#9C959F;*/ }
.cMright h3 a:hover, .cMright h3.ui-state-active a:hover { color: #fff; /*#DFAF2C; #fff;*/ text-shadow: 0 1px 1px #333; /*#9C959F;*/ }
.cMright h3.ui-state-active a { color: #fff; /*#333;*/ text-shadow: 0 1px 1px #333; /*#9C959F;*/ }

#accordion div { padding: 0 0 18px 0; }


#gallery {}
#gallery a img { float: left; width: 35px; height: 35px; /*text-indent: -10000px;*/ background-repeat: no-repeat; background-position: 50% 50%; margin-right: 12px; margin-top: 12px; position: relative; }
#gallery a.lastItem { margin-right: 0; }



#gallery a em {
background: #333;
color:#BBB0AB;
display:none;
font-size:10px;
font-style:normal;
font-weight:normal;
height:12px;
left:0px;
padding: 2px 3px 5px 3px;
position:absolute;
text-align:left;
text-indent:0;
top:-15px;
white-space:nowrap;
z-index:2;
}

/**************** error *******************/
#errorPage {
	padding: 140px 0 0 0;
	text-align: center; 
}

#errorPage h2 {
	font-size: 2em;
}

#errorPage a:hover {
	color: #fff;
}

/**************** reza - reservation *******************/

.cRleft { float: left; width: 230px; }
.cRright { float: left; width: 700px; }

#msg { height: 50px; }

.cRright h2 {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #fff; /*#DFAF2C; #333;*/
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 0 10px 0;
	text-shadow: 0 1px 1px #333; /*#9C959F;*/
	margin-bottom: 25px;
}

.rezaFormLeft { float: left; width: 404px; border-right: 1px solid #fff; padding: 0 0 0 0; }
.rezaFormRight { float: left; width: 265px; padding: 0 0 0 30px;  }

.rezaFormLeft .txtInputSmall  { float: left; width: 172px; }
.smallInputSep { float: left; width: 28px; height: 10px; }

.rezaFormLeft .txtInputSmall input { width: 160px; }
.rezaFormLeft .txtInput input { width: 360px; }

.rezaFormRight .txtInput input { width: 252px; }
.rezaFormRight .txtArea textarea { width: 252px; height: 66px; }

.rezaFormRight .button { padding-top: 20px; }

/**************** sitemap *******************/

.sitemap { padding: 70px 60px 0 60px; }
.sitemap ul li { padding: 5px 0; }
.sitemap ul li a { padding: 0 0 0 20px; background: transparent url(img/bullet2.png) no-repeat 0% 2px; }
* html .sitemap ul li a { background: transparent url(img/bullet2.gif) no-repeat 0% 4px; }
.sitemap ul li a:hover { color: #fff; }

.sitemap h2 {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #333;
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 0;
	text-shadow: 0 1px 1px #9C959F;
	margin-bottom: 35px;
}

/**************** legal *******************/

.legal { padding: 70px 60px 0 60px; }

.legal ul li { padding: 0 0 10px 20px; background: transparent url(img/bullet2.png) no-repeat 0% 2px; }
* html .legal ul li { background: transparent url(img/bullet2.gif) no-repeat 0% 4px; }
.legal ul li a:hover { color: #fff; }

.legal h2 {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #333;
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 0;
	text-shadow: 0 1px 1px #9C959F;
	margin-bottom: 35px;
}

/****************  *******************/

/****************  *******************/