/*______________ general */
body { background:#201919; margin:0; text-align:center; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:11px; color:#333;}

div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, img, form, input, textarea, label {	margin:0; padding:0;}
div {			text-align:left;}
ul, ol, dl {	position: relative;}
img {			border:0;}
a {				text-decoration: none; color: #a2103b; border-bottom:1px dashed #999; cursor:pointer;}
a:hover {		background-position: 0 0; color:#bbc133; border:0;}
ul {			list-style-type:disc; list-style-position:inside;}
table {			width:100%; border-collapse:collapse; border:0;}
.clearer {		clear:both; height:1px; overflow:hidden; margin:-1px 0; float:none; /*width:1px;*/}

/*______________ input */
input.text, textarea.textarea, select.select, input.submit {	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:11px;}
input.text, textarea.textarea { vertical-align: top; border-spacing: 0px; border:1px solid #999; margin-top:1px;
	padding: 1px 5px 0 5px; background:#fff; color:#000;}
input.text {			width:150px; height:19px; line-height:19px;}
textarea.textarea {		width:350px; line-height:16px; height:150px;}
input.checkbox {		margin-top:4px;}
select.select {			margin-top:1px; border:1px solid #000; height:18px; padding-left:3px;}
input.radio {			line-height:20px; padding-top:5px; border:0; margin-right:4px;}
label {					display:block; float:left; vertical-align:middle; /*line-height:23px;*/}
h1 { line-height:50px; color:#fff; font-size:22px;}
ul.nopuce { list-style:none;}

/*_________ buttons */
.bt1, .bt1_big, .bt2, .bt2_small {	position:relative; margin:0 9px 0px 1px; float:left; display:inline;}
.bt1 input.submit, .bt1 a, .bt1_big input.submit, .bt1_big a, .bt2 a, .bt2_small a, .bt2_small input.submit {
	display:block; float:left; height:32px;
	letter-spacing:0px; font-weight:bold; text-align:left; color:#fff; font-size:14px;
	cursor: pointer; vertical-align:middle;
	background:url(images/bt-gel-medium-green-l.png) no-repeat 0 0;
	padding:0 2px 0 12px; border:0; margin:0;
	line-height:30px;
	/*border:1px solid #00f;*/
}
.bt1 a:hover, .bt1_big a:hover, .bt2 a:hover, .bt2_small a:hover {	color:#333;}
.bt1 div, .bt1_big div, .bt2 div, .bt2_small div {
	float:left; display:block; margin:0;
	width:8px; height:32px; position:absolute; top:0px; right:-8px;
	background:url(images/bt-gel-medium-green-r.png) no-repeat 0 0;
	/*border:1px solid #f00;*/
}
/*_______ bt2 ___*/
.bt2 input.submit, .bt2 a { background:url(images/bt-gel-medium-red-l.png) no-repeat 0 0;}
.bt2 div { background:url(images/bt-gel-medium-red-r.png) no-repeat 0 0;}

/*_______ big ___*/
.bt1_big input.submit, .bt1_big a { height:35px; background:url(images/bt-gel-big-green-l.png) no-repeat 0 0; font-size:15px;}
.bt1_big input.submit {
	padding:0 1px 3px 7px;
	/*border:1px solid #00f;*/
}
.bt1_big div { height:35px; background:url(images/bt-gel-big-green-r.png) no-repeat 0 0;}

/*_______ small ___*/
.bt2_small a, .bt2_small input.submit {	 line-height:28px; height:30px; font-size:11px; background:url(images/bt-gel-small-red-l.png) no-repeat 0 0;}
.bt2_small input.submit {	padding:0 1px 3px 11px;}
.bt2_small div { height:30px; background:url(images/bt-gel-small-red-r.png) no-repeat 0 0;}

/*______________  btSquare */
div#main-bts {	position:absolute;
	z-index:20; top:0; left:0;
}

div.btSquareA, div.btSquareB {	position:absolute;}

div.btSquareA a, div.btSquareB a {
	border:none;
	position:relative;
	margin:0;
	display:inline-block;
	float:left;
	width:66px; height:66px;
	margin:-3px 0 0 -3px;
	background:url(images/bt-gel-square-red.png) no-repeat 0 0;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:64px;
}
div.btSquareA a:hover, div.btSquareB a:hover {
	color:#333;
}

div.btSquareB a {
	width:129px; height:66px;
	background:url(images/bt-gel-2x1-green.png) no-repeat 0 0;
	padding-top:12px;
	line-height:20px;
}
div.btGGTrad a {
	background:url(images/bt-google-trad.png) no-repeat 0 0;
}
/*_________ main */
.loading {	background-image:url(images/spinner.gif); background-position:center center; background-repeat:no-repeat;}
.wrapper {	padding-bottom:15px; /*border:1px solid #f00;*/}
.overlay {	background:#000; opacity:0.5; filter:alpha(opacity=50); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.overbox {}

div#page {
	position:relative;
	margin:0 auto;
	top:0; left:0; z-index:1;
	
	background:#3c3d3b;
	width:977px;
	padding-bottom:10px;
	/*height:900px;*/
}

/*_________ head _______*/
div#header { background:#fff; text-align:center; position:absolute; top:0; left:0; z-index:100; height:119px; width:100%;}

div#logo-main {	position:absolute; left:0; top:0; width:420px; height:172px; /*z-index:100;*/}
.box-cslt {	line-height:24px; float:right; width:154px; border-left:1px solid #ddd; text-align:center; padding-left:10px;}
.h_1 {	font-weight:bold; font-size:12px; color:#666;}

div#head-body {
	padding:16px 22px 5px 25px;
	width:520px;
	position:relative; top:0px; left:420px; float:left;
}
/*_________ search pan _______*/

#f_search_ets {
	/*
	width:300px; float:left; border:1px solid #f00;
	*/
}
label.search_str {
	font-size:18px; font-weight:bold; color:#bbc133; line-height:28px; margin-left:5px; margin-bottom:5px;
	/*	
	border:1px solid #00f;
	clear:both; margin-left:10px; display:block;
	*/
}

.srch_input {	position:relative; margin:0 9px 3px 1px; float:left;}
.srch_input input.text {
	display:block; float:left; vertical-align:middle; cursor:text;
	text-align:left; color:#fff; font-size:13px;
	padding:8px 0 0 8px; border:0; margin:0;
	background:url(images/search-bgd-input-l.png) no-repeat 0 0;
	width:240px; height:27px;
}
.srch_input div {
	display:block; width:8px; height:35px; background:url(images/search-bgd-input-r.png) no-repeat 0 0;
	position:absolute; top:0px; right:-8px;
}

#bt_srch {
	position:relative; left:-8px;
	margin:0 0 0 1px;
	/*border:1px solid #f00;*/
}
#search_res {
	position:relative; clear:both; float:left; margin-left:5px; padding-left:25px; font-size:10px; color:#666666; line-height:20px;
	/*
	border:1px solid #f00;
	*/
}
#search_res.loading {
	background:url(images/spinner1-green-small.gif) no-repeat 0 center;
}

#f_search_ets a.bt-cancel {	border:none; width:23px; height:20px; background:url(images/bt-search-cancel.png) no-repeat 0 center;
	position:relative; top:0; left:0; margin:0 0 0 7px; display:none;
}

/*_________ main content */
div#body-main {
	position:relative;
	left:0;
	background:#424647 url(images/carte-legende.gif) no-repeat 0 bottom;
	z-index:1;
	width:100%;
	height:550px;
	border-bottom:3px solid #313536;
	top:119px;
	margin-bottom:119px;
	/*
	padding-top:119px;
	border:1px solid #0f0;
	margin-top:120px;
	*/
}

/*_________ rec-content */
.rec-content {
	background:#fff;
	padding:25px 35px;
	width:850px;
	position:relative;
	display:none;
	/*
	float:left;
	*/
}
.rec-content h2 {
	font-size:15px;
	color:#d7e022;
	margin-bottom:10px;
	clear:both;
}
.rec-content p {			margin-bottom:4px; text-align:justify;}
.rec-content td { 			vertical-align:bottom; padding-left:30px;}
.rec-content td.first {		padding-left:0;}
.rec-content img.portrait {	float:left; margin:0 15px 3px 0;}
.rec-content li {			list-style-position:inside;}
.rec-content .imp {			color:#f99224;}

/*_________ news */
div#list-actus {
	display:none;
 	/*
	border:1px solid #f00;
	width:700px;
	*/
}
/*
.actu {
	background:#fff;
	padding:25px;
	color:#444;
}
*/

/*_________ credits */
div#c-credits {
	/*display:block;*/
}

/*_________ charte */
div#c-charte {}
div#c-charte h2 {
	font-size:24px;
	color:#555;
	margin-bottom:10px;
	clear:both;
}


/*_________ footer */
div#footer {
	color:#656760;
	padding:12px;
}
div#footer a {	color:#dfdcc1; border:none;}
div#footer a:hover {	color:#bbc133; border:none;}
div#footer .menu-right {
	/*position:relative; top:0px; right:0px; width:500px;
	border:1px solid #f00;
	*/
	float:right;
	text-align:right;
}
div#footer .menu-bottom {
	position:relative;
	clear:both;
	text-align:center;
	/*border:1px solid #f00;*/
	padding-top:15px;
}

div#footer .menu-bottom a { color:#777;}
div#footer .menu-bottom a:hover {	color:#bbc133; border:none;}

/*_________ trombinoscope */
#trombinoscope {
	position:absolute;
	height:550px;
	width:100%;
	z-index:10;
}
.tromb-item {
	position:absolute; z-index:1;
}
.tromb-item a {
	display:block; position:absolute; top:0; left:0;
	border:1px solid #bbc133;
}
.tromb-item a:hover { border:2px solid #d627f6;  top:-1px; left:-1px;}
.tromb-item a.nohotel:hover { border:2px solid #f99224; top:-1px; left:-1px;}
/*.tromb-item a.hotel:hover { border:2px solid #d627f6;  top:-1px; left:-1px;}*/

/*_________ map */
div#carte-bretagne {
	position:absolute; top:10px; left:230px;
	z-index:3;
	/*
	display:none;
	width:100%; height:100%;
	width:100%; height:100%;
	border:1px solid #fff;*/
}
div#carte-bgd {
	/*
	border:1px solid #f00;*/
	z-index:1;
	background:url(images/grid-square.gif) repeat 1px 1px;
	position:absolute; top:0px; left:0px;
	height:100%; width:100%;
}

div.map-legende {
	position:absolute; bottom:20px; left:30px; z-index:10;
	color:#d9dada;
	line-height:22px;
}
div.map-legende img { vertical-align:middle; margin-right:7px; margin-top:-2px;}
div.map-bts { position:absolute; top:-8px; left:-8px;/* border:1px solid #f00;*/ width:100%; height:100%;}
div.map-bt { position:absolute;}
div.map-bt a {
	display:block;
	width:15px;
	height:15px;
	overflow:hidden;
	border:none;
	background:url(images/map-croix-nohotel.png) no-repeat 0 0;
	/*opacity:0.8;*/
}
div.map-bt a.hotel {
	background:url(images/map-croix-hotel.png) no-repeat 0 0;
}


/*_________ google translate */
div#ggtrad {
	padding:10px;
	background:#fff;
	float:left;
	border:2px solid #999;
	position:absolute;
	left:960px;
	top:590px;
	z-index:500;
	display:none;
	/*
	*/
}

/*_________ Fiche details */
#fiche-details {
	text-align:center;
	width:960px;
	position:relative;
	background:#f99224;
	float:left;
	display:none;
	top:0;
	left:0;
	/*
	z-index:1;
	top:100px;
	left:100px;
	height:600px;
	*/
}

.overbox .bt-close { position:absolute; top:-2px; right:-2px; z-index:100;}
.overbox .bt-close a { display:block; border:none; width:19px; height:19px; background:url(images/fiche-bt-close-nohotel.png) no-repeat center center;}
#fiche-details.hotel .bt-close a { background:url(images/fiche-bt-close-hotel.png) no-repeat center center;}

#fiche-details .dlg-body {
	/*z-index:10; position:absolute; top:0; left:0; width:100%; float:left;*/
	position:relative;
	display:block;
	background:#fff;
	border:2px solid #f99224;
	padding:15px;
	text-align:right;
	font-size:13px;
	color:#444;
	line-height:17px;
	clear:both;
	/*
	width:100%;
	overflow:hidden;
	*/
}

#fiche-details.hotel { background:#d627f6;}
#fiche-details.hotel .dlg-body { border:2px solid #d627f6;}
#fiche-details p {	margin-bottom:4px;}
#fiche-details .dlg-right {
	width:520px;
	padding-left:30px;
	text-align:right;
	float:right;
	/*
	border:1px solid #eee;
	background:#00f;
	 	height:100%;*/
}
#fiche-details .icons img { margin-left:15px;}
#fiche-details .label { color:#888; margin-right:5px;}
#fiche-details #f-nom_restaurant { font-size:24px; color:#f99224; line-height:23px; margin-bottom:6px;}
#fiche-details.hotel #f-nom_restaurant { color:#d627f6;}

#fiche-details #f-nom_chef { font-size:17px; color:#444; line-height:23px; padding-right:20px;}
#fiche-details #f-accroche {
	padding:15px;
	font-size:13px; color:#444;
	font-style:italic;
	text-align:center;
	height:50px;
	/*border:1px solid #999;*/
	margin:0;
}


/*_________ form-contact */
/*
#box-contact {
	position:relative;
	clear:both;
	border:1px solid #ccc;
	padding:10px;
	background:#fff;
	overflow:hidden;
}
*/
.col { display:inline-block; float:left;}

#f_contact {
	position:relative;
	
	display:block;
	clear:both;
	border:1px solid #ccc;
	padding:10px;
	background:#fff;
	/*
	overflow:hidden;
	*/
}

#f_contact p.line {
	display:block;
	width:100%;
	text-align:right;
}
#f_contact p.line label {
	text-align:right;
	line-height:24px;
	display:inline-block;
	float:right;
}

#f_contact p.line input.text {
	width:170px;
	margin-left:10px;
	float:right;
	display:inline-block;
}

#f_contact input.text, #f_contact textarea.textarea { background:#eee; border:1px solid #aaa;}
#f_contact textarea#c-msg { width:320px; height:100px;}
#f_contact .box-right {
	float:right; width:250px; position:absolute; bottom:10px; right:10px; z-index:100;
/*	border:1px solid #f00;*/
}

#f_contact .msg-user {
	text-align:center; font-size:11px;
	padding-bottom:5px;
	padding-top:30px;
}
#f_contact .box-right .loading {
	background-position:center top;
}
#f_contact .err {		color:#990000;}
#f_contact .box-loading {	display:block; height:30px;}

/*
#box-contact p.line {
	display:block;
	width:100%;
	text-align:right;
}
#box-contact p.line label {
	text-align:right;
	line-height:24px;
	display:inline-block;
	float:right;
}

#box-contact p.line input.text {
	width:170px;
	margin-left:10px;
	float:right;
	display:inline-block;
}

#box-contact input.text, #box-contact textarea.textarea { background:#eee; border:1px solid #aaa;}
#box-contact textarea#c-msg { width:320px; height:100px;}
#box-contact .box-right {	float:right; width:250px; position:absolute; bottom:0; right:0; z-index:100;}

#box-contact .msg-user {	text-align:center; padding-bottom:10px; font-size:11px;}
#box-contact .err {		color:#990000;}
#box-contact .box-loading {	display:block; height:30px;}
*/

/*_________ Slider Nav */
.dlg-bottom {
	position:relative;
	padding-top:10px;
	height:40px;
	clear:both;
}
.dlg-bottom .dlg-prev-resto, .dlg-bottom .dlg-next-resto { position:absolute; line-height:30px; font-size:14px;}
.dlg-bottom .dlg-prev-resto { left:15px; float:left;}
.dlg-bottom .dlg-next-resto { right:15px; float:right;}
.dlg-bottom a { display:block; border:none; color:#333;}
.dlg-bottom a:hover { color:#fff;}
.dlg-bottom .tables-voisines {
	margin:auto;
	width:200px;
	text-align:center;
/*	font-style:italic;*/
	line-height:30px;
	color:#fff;
	font-size:12px;
}
div#nav-actus {
	background:#f99224;
}
/*_________ Infobulle trombinoscope */
#tlp-tromb { position:absolute; top:200px; left:200px; visibility:hidden; z-index:500;}
#tlp-tromb .tlp-body, #tlp-tromb .tlp-body-hotel { padding:15px; background:#fff;}
#tlp-tromb .tlp-body {	border:2px solid #f99224;}
#tlp-tromb .tlp-body-hotel { 	border:2px solid #d627f6;}

#tlp-tromb .tlp-trail, #tlp-tromb .tlp-trail-hotel { width:30px; height:26px; z-index:2; position:absolute; bottom:-24px; right:30px;}
#tlp-tromb .tlp-trail {	background:url(images/tlp-tromb-trail.png) no-repeat 0 0;}
#tlp-tromb .tlp-trail-hotel {	background:url(images/tlp-tromb-trail-hotel.png) no-repeat 0 0;}

.tlp-body .tlp-title, .tlp-body-hotel .tlp-title {	font-size:22px;}
.tlp-body .tlp-title {	color:#f99224;}
.tlp-body-hotel .tlp-title { color:#d627f6;}

#tlp-tromb .tlp-cooker { font-size:17px; color:#444;}
#tlp-tromb .tlp-addr { font-size:14px; color:#666;}
#tlp-tromb .tlp-more { font-size:12px; color:#9ba02d; margin:5px 0 0 30px;}

/*_________ shadow ex */
.shw-t, .shw-b, .shw-tl, .shw-tr, .shw-l, .shw-r, .shw-bl, .shw-br {
		position:absolute; overflow:hidden; display:block;}
.shw-tl, .shw-tr, .shw-bl, .shw-br {	height:6px; width:6px;}
.shw-tl, .shw-t, .shw-tr {	top:-6px;}
.shw-bl, .shw-b, .shw-br {	bottom:-6px;}
.shw-tl, .shw-l, .shw-bl {	left:-6px;}
.shw-tr, .shw-r, .shw-br {	right:-6px;}
.shw-t, .shw-b {	left:0; height:6px; width:100%;}
.shw-l, .shw-r {	top:0; width:6px; height:100%;}
.shw-t {	background:url(images/shw-ext-t.png) repeat-x 0 0;}
.shw-b {	background:url(images/shw-ext-b.png) repeat-x 0 0;}
.shw-l {	background:url(images/shw-ext-l.png) repeat-y 0 0;}
.shw-r {	background:url(images/shw-ext-r.png) repeat-y 0 0;}
.shw-tl {	background:url(images/shw-ext-tl.png) no-repeat 0 0;}
.shw-tr {	background:url(images/shw-ext-tr.png) no-repeat 0 0;}
.shw-bl {	background:url(images/shw-ext-bl.png) no-repeat 0 0;}
.shw-br {	background:url(images/shw-ext-br.png) no-repeat 0 0;}