html {
	overflow:scroll;
}
body{
	margin:0;
	background:#333;
	font-size:12px;
	line-height:18px;
	font-family:"Arial", Sans-Serif;
	font-weight:normal;
	color:#666;
	padding:0;	
}

a {text-decoration: none; color:#046380;}
#page_coin h1 a {text-decoration: none; color:#fff;}
a:hover {text-decoration: underline; color:#046380;}
a:focus { outline:0;} 
ul{ margin:0; padding:0;}
li{ margin:0; padding:0; list-style:none;}
.bio p{ margin:0 !important; padding:0 !important; margin-left:25px !important; list-style:none;}
img {
	border:1px solid #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
	padding:5px !important;
	margin:0 5px 5px;
	}
.clear {clear:both;}

.topsearch{
	font-size:10px;
}
.txt {display:block; width:100%; text-align:center; font-size:9px;}

h1 {color:#333; font-size:21px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:8px 0 0;} 
h2 {color:#666666; font-size:14px; font-family:"Arial", Sans-Serif; padding-bottom:2px; padding-top:5px;}
h3 {color:#666666; font-size:12px; font-family:"Arial", Sans-Serif;}
h4 {color:#666666; font-size:12px; font-weight: normal;}
h5 { font: bold 12px "Arial", Sans-Serif; margin: 0; color: #046380; }
h6 { font: bold 12px "Arial", Sans-Serif; margin: 0; color: #046380; }

.info {
	background:#999;
	color:#FFF;
}
.info p{ margin:0 !important; padding:0 5px 15px !important;}
.info h3 {
	background:none repeat scroll 0 0 #333333;
	margin-top:0 !important;
	padding:5px;
	color:#FFF;
}
.info a { color:#FFF !important;}

.catego{
	background: #ffffff;
	width : 200px;
	height: 6px;
    padding: 3px 3px 3px 3px;
	border: 1px dotted #CCCCFF;

}


table.sample { 
    width:100%;
}

table.sample th {
	
}
table.sample td {
    width:33%;
    text-align:left;
    padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}


.champs {width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; border: 1px solid #ff6600; background-color: #000000; font-weight: bold; color: #c2c2c2; text-decoration:none}




.catwdc{
	color:#046380;
	text-decoration:none;
	font-size:13px;
}

.catwdc a{
	color:#046380;
	text-decoration:none;
	font-size:13px;
}

.catwdc a:hover{
	color:#01B0F0;
	text-decoration:none;
	font-size:13px;
}



.details{
	color:#002F2F;
	text-decoration:none;
	font-size:11px;
}

.details a{
	color:#002F2F;
	text-decoration:none;
	font-size:11px;
}



.details a:hover{
	color:#002F2F;
	text-decoration:underline;
	font-size:11px;
}

.rss {
	color:#ff6600;
	text-decoration:none;
	font-size:11px;
}



.rss a{
	color:#046380;
	text-decoration:none;
	font-size:11px;
}


.rss a:hover{
	color:#4BB5C1;
	text-decoration:none;
	font-size:11px;
}


.annau{
	color:#ffff00;
	text-decoration:none;
	font-size:28px;
}


.annau:hover{
	color:#F1F1F1;
	text-decoration:none;
	font-size:28px;
}

.sitetable {
	width: 100%;
	border: 1px dotted #c2c2c2;
	vertical-align : top;
}

.sitetables {
	width: 100%;
	vertical-align : top;
}

.sitetd {
	border: 1px dotted #c2c2c2;
}

.votelargeur {width: 50px;}

a.cat_display {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color:#333333;
}

a.cat_display:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color:#CC0000;
	}

a.subcat_display {
	text-decoration: none;
	font-size: 10px;
	border-bottom : 1px dotted #CCC;
}


.votetable {
	background: #ffffff;
	width : 50px;
	height: 92px;
	margin-right: 5px;

}

.vote span.note {
font-size: 9px;
height: 12px;
display: block;

}
.vote span.nombre 
{
font-size: 16px;
display: block;
}

.vote a{
	color: #046380;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.vote a:hover{
	color: #046380;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

/* Onglets fiche site */
#containered {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; 
	width: 560px;
}

#containered hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
	width: 50%;
}

#containered ul#mest {	
	font-weight: bold;
}
#containered ul#mest li {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; 
	display: inline;
	margin: 1px;
}
#containered ul#mest li a {
text-decoration: none;

}
#containered ul#mest li a:hover {
text-decoration: none;
color: #333333;
}
/*
#containered h1,

#containered .content {
	border: 1px solid #d5d5d5;
	padding: 10px;
	text-align: left;
}*/

#containered a.current {
	padding: 5px 3px;
	border: 1px solid #d5d5d5;
	background-image: url(../images/shadeactive.gif);
	border-bottom-color: white;
	background-color: white;
	color: #333333;
	font-size: 12px;
}
#containered a.ghost  {
	padding: 5px 3px;
	margin-right: 1px;
	border: 1px solid #d5d5d5;
	color: #333333;
	font-size: 12px;
	background: white url(../images/shade.gif) top left repeat-x;
}

#containered a.current:hover {
	padding: 5px 3px;
	border: 1px solid #d5d5d5;
	background-image: url(../images/shadeactive.gif);
	border-bottom-color: white;
	background-color: white;
	font-size: 12px;
	color: #333333;
}
#containered a.ghost:hover  {
	padding: 5px 3px;
	margin-right: 1px;
	border: 1px solid #d5d5d5;
	color: #333333;
	font-size: 12px;
}

#containered .on {
	display: block;
	text-align: left;
}
#containered .off {
	display: none;
}
#page_index{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-home.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_home{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_vignes{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-vigne.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_coin{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page---le-coin.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_vv{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page--vv.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_excursions{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page-excursions.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_rouffiac{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page-rouffiac.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_auberge{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page-auberge.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_gorges{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page-gorges.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_cat{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page-cat.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_ville{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page-narbonne.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}
#page_hautlieux{
	width:896px;
	margin:0 auto;
	background:#ccc7b9 url(../images/bg-page-hautlieux.jpg) no-repeat;
	position:relative;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	padding:231px 0 0;
}

#header{
	width:902px;
	position:absolute;
	top:0;
	left:0;
	height:231px;
}

.logo{
font:29px Georgia,"Times New Roman",Times,serif;
left:18px;
margin:0;
position:absolute;
top:2px;
width:425px;
}
.logo a{
	color:#046380;
	text-decoration:none;
}
#page_index .logo a{
	color:#FFF;
	text-decoration:none;
}
.logo a:hover{
	color:#046380;
	text-decoration:none;
}

#header ul{
	margin:32px 25px 0 0;
	padding:0;
	list-style:none;
	float:right;
	display:inline;
	overflow:hidden;
	height:20px;
	color: #046380;
}
#header ul li{
	padding:0 16px 0 20px;
	float:left;
	margin:0 1px 0 -1px;
	background:url(../images/header-split.gif) no-repeat left;
}
#header ul li.rss{
	background:none;
	padding:0;
}
#header ul li.rss a{
	float:left;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/rss.gif);
	}
#header ul a{
	font:13px Arial, Helvetica, sans-serif;
	color:#046380;
	text-decoration:none;
}
#header ul a:hover{
	text-decoration:underline;
}
#content{
	width:100%;
	overflow:hidden;
}
h2 a, h2 a:visited, h2 a:hover{
	color: #CC0000;
}
.column1{
	width:229px;
	float:left;
	display:inline;
	margin:0 0 0 16px;
	overflow:hidden;
}

.column1 h3{
	font:16px Georgia, "Times New Roman", Times, serif;
	color:#333;
	margin:7px 0 0 17px;
}
.column1 ul{
	margin:0;
	padding:7px 0 10px 17px;
	list-style:none;
}
.column1 ul li{
	padding:0;
}
.column1 ul a{
	color:#046380;
	font:12px/18px Arial, Helvetica, sans-serif;
}
.column1 a:hover{
	text-decoration:underline;
}
.column1 .col-top{
	width:100%;
	overflow:hidden;
	height:9px;
	background:url(../images/col-top.png) no-repeat;
}
.column1 .col-btm{
	width:100%;
	overflow:hidden;
	height:9px;
	background:url(../images/col-btm.png) no-repeat;
}
.column1 .col{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-col.png) repeat-y;
}
.column1a {
	float:left;
	display:inline;
	margin:0;
	overflow:hidden;
	margin:0 0 0 12px;
	width: 885px;
	
}
.column1a p {
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
}
.column1a h2 {
	color:#333333;
	font:21px Georgia,"Times New Roman",Times,serif;
	margin:6px 0 0;
	padding-left:15px;
}
.column1a .col2-top{
	width:100%;
	overflow:hidden;
	height:9px;
	background:url(../images/col0-top.png) no-repeat;
}
.column1a .col2-btm{
	width:100%;
	overflow:hidden;
	height:9px;
	background:url(../images/col0-btm.png) no-repeat;
}
.column1a .col2{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-col0.png) repeat-y;
}
#visite-virtuelle {
	padding-left: 5px;
}
.column2{
	width:623px;
	overflow:hidden;
	display:inline;
	float:right;
	margin:0 17px 0 0;
}
/*
.column2 h2{
	margin:6px 0 0;
	font:21px Georgia, "Times New Roman", Times, serif;
	color:#333;
}*/
.column2 p.posted{
	color:#585858;
	margin:2px 0 13px;
}
.column2 p.posted span{
	padding:0 0 0 4px;
	background:url(../images/bg-posted.gif) no-repeat left;
}

.column2 p{
	margin:0 0 21px;
	text-align:justify
}
.column2 p a{
	font-weight:bold;
	color:#046380;
}
.column2 a:hover{
	text-decoration:underline;
}
.column2 ol{
	margin:0;
	padding:0 0 16px;
	list-style:decimal inside;
}
.column2 ol li{
	padding:0;
}
.column2 ol a{
	color:#666;
	font-weight:bold;
}
.column2 .coments{
	margin:0 0 10px;
}
.column2 .coments a{
	text-decoration:none;
	color:#c00;
}
.column2 .coments a{
	background:url(../images/posted.png) no-repeat left;
	padding:0 3px 0 21px;
}
.column2 .coments a.leave{
	background:url(../images/coments-split.gif) no-repeat left;
	padding:0 0 0 9px;
}

.column2 .coments a:hover{
	text-decoration:underline;
}
.column2 .col2-top{
	width:100%;
	overflow:hidden;
	height:9px;
	background:url(../images/col2-top.png) no-repeat;
}
.column2 .col2-btm{
	width:100%;
	overflow:hidden;
	height:9px;
	background:url(../images/col2-btm.png) no-repeat;
	margin:0 0 11px;
}
.column2 .col2{
	width:577px;
	overflow:hidden;
	background:url(../images/bg-col2.png) repeat-y;
	padding:0 23px;
}
#footer{
	width:100%;
	border-top:1px solid #8d8e85;
	overflow:hidden;
	font-size:11px;
	color:#666;
	padding:0 0 13px;
}
#footer ul{
	margin:13px 0 0;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
	height:1%;
	display:inline;
}
#footer ul li{
	float:left;
	margin:0 1px 0 -1px;
	padding:0 7px 0 11px;
	background:url(../images/footer-split.gif) no-repeat left;
}
#footer ul a{
	color:#666;
	text-decoration:none;
}
#footer ul a:hover{
	text-decoration:underline;
}
#footer .from{
	float:right;
	display:inline;
	margin:13px 11px 0 0;
}
#footer .from a{
	font-weight:bold;
	color:#c00;
}
#footer .from a:hover{ text-decoration:none; }

.floatL {
	float:left;
}
.floatR {
	float:right;
}
.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#search{
	margin:0px;
	padding:0px 0 10px 17px;
}
.selected {
	font-weight:bold !important;
	color:#003f57 !important;
	text-decoration:underline  !important;
}
#navigation {
}
#navigation a, #navigation span {
	display: block;
	text-decoration: none;
}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	background-image: url(../images/menu-item-enroule.png);
}
#navigation .open a, #navigation .open span {
	background-image: url(../images/menu-item-deroule.png);
}
#navigation a:hover, #navigation a:focus, #navigation a:active {
	text-decoration: underline;
}
#navigation .subMenu {
	background: #ccc;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	width:92%;
}
#navigation ul.subMenu a {
	background: none;
	padding:1px 5px;
}
fieldset {
	border:none;
	margin:0;
	padding:0;
}
#contact_form label {
	display:block;
	float:left;
	width:115px;
	clear:both;
}
#contact_form li {
padding-top:5px;
}
#contact_form input, #contact_form textarea {
	width:265px;
	background:#CCC url(../images/input-shadow.jpg) top left;
	float:left;
}
#contact_form input[type="submit"], #contact_form input[type="button"] {
	width:inherit;
	cursor:pointer;
	background:#999;
	float:none;
}
#button {
	text-align:center;
}
label.error {
color:#990000;
font-size:11px;
margin-left:115px;
width:300px!important;
}
.charsRemaining {
	background:#999;
color:#990000;
display:block;
float:left;
padding-left:5px;
width:25px;
}
table {
	background:#CCC;
}
td.sem {
    background-color: #3C636A;
	color:#FFF;
}
td.mois {
    background-color: #046380;
	color:#FFF;
    text-align: right;
}
td.formu {
    background-color: #FFFFFF;
}


.jDiaporama_wrapper{
	position: relative;
	clear: both;
}

.jDiaporama_slider{
	position:relative;
	overflow: hidden;
}

.jDiaporama ul{
	-moz-box-shadow:1px 1px 0.5em #222;
	overflow:hidden;
	position:absolute;
	left:0;
}

.jDiaporama li{
	list-style-type:none;
	overflow:hidden;
	float:left;
	position:relative;
	background: #000
}

.jDiaporama li img{
	display:block;
	margin: 0 auto
}

.jDiaporama .fade-tmp{
	position:absolute;
	z-index:1;
	text-align: center;
	background: #000
}

.jDiaporama .fade-tmp img{
	margin:0 auto;
	display:block
}

.jDiaporama-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

.jDiaporama .desc{
	position:absolute;
	bottom: 0; left: 0; right:0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px 5px 20px 15px;
	background:url(../images/back_desc.png) repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_desc.png',sizingMethod='scale');  _background-image:none;
	width:inherit;
	text-align:left
}

.jDiaporama .title{
	position:absolute;
	top: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama .count{
	position:absolute;
	top: 0; right: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama_controls{
	display:none;
}

.jDiaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:block;
	margin:0 3px;
	position:absolute;
	z-index:1
}

.jDiaporama_controls .prev{
	background:url(../images/controls2.png) no-repeat bottom;
	_background:url(../images/controls.gif) no-repeat bottom;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	left: 0px
}

.jDiaporama_controls .next{
	background:url(../images/controls2.png) no-repeat top;
	_background:url(../images/controls.gif) no-repeat top;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	right: 0px
}

.jDiaporama_controls .pause{
	background:url(../images/playpause.png) no-repeat top;
	_background:url(../images/playpause.gif) no-repeat top;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}

.jDiaporama_controls .play{
	background:url(../images/playpause.png) no-repeat bottom;
	_background:url(../images/playpause.gif) no-repeat bottom;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}

/**** Status ****/

.jDiaporama_status{
	text-align:center;
	margin: 10px auto;
	display:none;
	overflow:hidden
}

.jDiaporama_status a{
	background:url(../images/bullets.png) no-repeat left;
	_background:url(../images/bullets.gif) no-repeat left;
	float:left;
	width:10px;
	height:10px;
	text-indent:-9999px;
	margin-right:5px;
}

.jDiaporama_status .imgBack{
	width:50px;
	height:50px;
	margin-right:10px;
	margin-bottom: 10px
}

.jDiaporama_status a:hover, .jDiaporama_status a.active{
	background:url(../images/bullets.png) no-repeat right;
	_background:url(../images/bullets.gif) no-repeat right;
}

/********** themes ***********/

/** DESIGN **/

.design .jDiaporama_slider{ -moz-box-shadow:0 0 0.7em #333; }
.design .jDiaporama_status .imgBack{ -moz-border-radius:0.5em; -moz-box-shadow:0 0 0.3em #444; -webkit-border-radius:0.5em; -webkit-box-shadow:0 0 0.3em #444; border-radius:0.5em; box-shadow:0 0 0.3em #444; border:1px solid #555; opacity:0.4; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.design .jDiaporama_status .imgBack:hover{ opacity:1;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in }
.design .jDiaporama_status .imgBack.active{ -moz-box-shadow:inset 0 0 0.5em #333; opacity:1 }

/** BORDER **/

.border .jDiaporama_slider{ border:10px solid #fff }
.border .jDiaporama_status .imgBack{ border:2px solid #fff; opacity:0.5 }
.border .jDiaporama_status .imgBack:hover{ opacity:1 }
.border .jDiaporama_status .imgBack.active{ opacity:1; border:2px solid #333 }
.border .jDiaporama_controls .next{ right:10px; }
.border .jDiaporama_controls .prev{ left:10px; }