* {
	margin:0;
	padding:0;
}

a {
  outline: none;
}

img {
	border: 0px;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

.colclear{
	line-height: 1px;
	height: 1px;
	clear: both;
}

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

.justify {	text-align: justify; }

.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline {	text-decoration: underline; }

.floatleft { float: left; }
.floatright { float: right; }

.imgcenter {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}

.imgcenter img {
	border: 4px solid #2A2A2A;
}

.imgleft {
	float: left;
	margin: 8px 8px 8px 0px;
}

.imgright {
	float: right;
	margin: 8px 0px 8px 8px;

}

.borderred { border: 1px dashed red; }
.borderblue { border: 1px dashed blue; }
.bordergreen { border: 1px dashed green; }
.borderpink { border: 1px dashed pink; }

ul {
	margin-left: 15px;
	margin-bottom: 20px;
}

li {
	margin-top: 5px;
	margin-bottom: 5px;
}

p {
	margin: 1.12em 0;
}

table {
	border-collapse: collapse;
	margin-bottom: 15px;
	border: 2px solid #0067AC;
}

TD {
	border: 1px solid #0067AC;
	padding: 4px;
}

TH {
	border: 1px solid #0067AC;
	padding: 4px;
}

html {
	
}

body {
	margin: 0;
	background-color: #323232;
	text-align: center;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #EEEEEE;
}

H1 {
	text-indent: -100em; 
	overflow: hidden;
	height: 30px;
	margin-left: -4px;
	margin-bottom: 15px;
	margin-top: 20px;
}

H1.actualite {
	background-image: url('/images/h1-actualite.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.agenda {
	background-image: url('/images/h1-agenda.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.agendanext {
	background-image: url('/images/h1-agenda-next.gif');
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
}

H1.contact {
	background-image: url('/images/h1-contact.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.decouvrir {
	background-image: url('/images/h1-decouvrir.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.liens {
	background-image: url('/images/h1-liens.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.newsletter {
	background-image: url('/images/h1-newsletter.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.artetvin {
	background-image: url('/images/h1-art-et-vin.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.exposition {
	background-image: url('/images/h1-exposition.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.expositions {
	background-image: url('/images/h1-expositions.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.inscription {
	background-image: url('/images/h1-inscription.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.telechargements {
	background-image: url('/images/h1-telechargements.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

H1.ville {
	text-indent: 0;
	font-size: 14px;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;
}

H2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
	line-height: 1em;
	font-size: 14px;
	color: #999999;
}

H3 {
	font-size: 11px;
	font-family: Verdana, Georgia, Arial,  "Times New Roman", Times, serif;
	color : #000000; 
	padding-top: 10px;	
	padding-bottom: 10px;
}


a:link, a:visited {
	text-decoration: underline;
	color: #1C77FF;	
}

a:hover, a:active  {
	text-decoration: underline;
	color: #1C77FF;	
}

.retour, .retour  a:link, .retour a:visited , .retour a:hover, .retour a:active  {
	color: #1C77FF;	
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.imprimer {
	color: #302811;
	font-weight: bold;
	text-align: right;
	margin-top: 10px;
}

#container {
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url('/images/header.jpg');
	background-color: #333333;
	width: 1000px;
	height: 100%;
	min-height:100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 94px;
	position: relative;
	text-align: left;
}

#header {
	width: 999px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerphoto {
	background-position: top right;
	background-repeat: no-repeat;
	width: 999px;
	height: 300px;
	text-align: left;
	position: relative;
}

#headerphoto3 {	background-image: url('/images/header-3.jpg'); }
#headerphoto5 {	background-image: url('/images/header-5.jpg'); }
#headerphoto6 {	background-image: url('/images/header-6.jpg'); }
#headerphoto9 {	background-image: url('/images/header-9.jpg'); }
#headerphoto10 {	background-image: url('/images/header-10.jpg'); }
#headerphoto14 {	background-image: url('/images/header-14.jpg'); }
#headerphoto15 {	background-image: url('/images/header-15.jpg'); }
#headerphoto12 {	background-image: url('/images/header-12.jpg'); }
#headerphoto17 {	background-image: url('/images/header-17.jpg'); }
#headerphoto19 {	background-image: url('/images/header-19.jpg'); }

#menu {
	position: absolute;
	width: 737px;
	top: 10px;
	right: 24px;
}

.darkorange { background-color: #EB6A3A; }
.olive { background-color: #958D4A; }
.gold { background-color: #FCC541; }
.aquamarine { background-color: #67C1C0; }
.teal { background-color: #0B78BA; }
.seagreen { background-color: #22A459; }
.deepskyblue { background-color: #00B1E6; }
.darkorchid { background-color: #93408E; }
.black { background-color: #000000; }

#menucont ul {
	margin:0;
	padding:0;
	clear: both;
}

#menucont li {
	float: left;
	list-style: none;
	margin: 8px 12px;
	padding: 0;
	font-size: 11px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

#menucont li:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#menucont a:link, #menucont a:visited  {
	display: block;
	text-decoration: none;
	letter-spacing: 2px;
	padding: 25px 4px 2px 18px;
	color: #EEEEEE;

}

#menucont a:hover, #menucont a:active {
	display: block;
	text-decoration: none;
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#footer {
	background-image: url('/images/footer.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 94px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	letter-spacing: 2px;
	color: #CCCCCC;
	font-size: 11px;
}

#footercont {
	width: 999px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	font-size: 10px;
}

#footercont a:link, #footercont a:visited {
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: underline;
}

#footercont a:hover, #footercont a:active  {
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: underline;
}

#main{

}

#maincont {
}

#mainleft {
	float: left;
	width: 310px;
}

#mainleft2 {
	float: left;
	width: 645px;
}

#mainleft3 {
	float: left;
	width: 190px;
}

#mainleftcont {
	padding-left: 15px;
}

#maincenter {
	float: left;
	width: 445px;
	margin-left: 20px;
}

#mainright {
	float: right;
	width: 200px;
}

#mainright2 {
	float: right;
	width: 310px;
}

#mainright3 {
	float: right;
	width: 645px;
}

#mainright4 {
	float: right;
	width: 765px;
}

#mainrightcont {
	padding-right: 15px;
}

#mainleft #blocpartenaires {
	margin-left: 20px;
}

#mainright2 #blocpartenaires {
	margin-left: 10px;
}

.legende {
	font-style: italic;
	color: #996633;
	text-align: center;
	margin-top: 0;
}

.lien {
	margin-bottom: 15px;
	clear: both;
}

.lienslink {
	margin-top: 5px;
	color: #1C77FF;
}

.lienslink a:link, .lienslink a:visited {
	font-size: 11px;
	text-decoration: none;
	color: #1C77FF;
}

.lienslink a:hover, .lienslink a:active {
	text-decoration: underline;
}

.lienstitre {
	margin-bottom: 8px;
}

.lienstitre a:link, .lienstitre a:visited, .lienstitre a:hover, .lienstitre a:active {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

.lienscategorie {
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;	
	font-size: 12px;
	text-transform: capitalize;
	color: #FFFFFF;
	letter-spacing: 2px;
	clear: both;
}

.liensthb {
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 8px;
	float: right;
	width: 160px;
	height: 100px;
	overflow: hidden;
}

.icone {
	border: 1px solid #333333;
	margin-right: 4px;
	margin-top: 3px;
	float: left;
}


/* ACTUALITE */

#blocactualite {
	background-position: top left;
	background-repeat: no-repeat; 
	margin-left: 20px;
}

#blocinscription, #blocnewsletter {
	margin-right: 15px;
	margin-bottom: 20px;
	text-align: justify;
}

.insctext {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	color: #333333;
	height: 18px;
	font-size: 11px;
	font-family: Verdana, "Times New Roman", Times, serif;
	width: 145px;
}

.inscsubmit {
	margin-top: 5px;
}

.newsbloc {
	clear: both;
	margin-bottom: 15px;
	padding: 0px 0px 0px 2px;
	text-align: justify;
	font-size: 10px;
}

.newstitre {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 4px;
}

.newscorps {
	padding-top: 15px;
	padding-bottom: 15px;
}

.newsdate {
	font-size: 10px;
	color: #999999;
}

.newsicone {
	border: 2px solid #FFFFFF;
	margin-right: 10px;
	margin-top: 8px;
	float: left;
}

.newstexte {
	text-align: justify;
}

.newstexte  p{
	margin-top: 0;
	padding-top: 0;
}

.newstoutes {
	padding-bottom: 10px;
	clear: both;
	color: #563A1F;
	font-weight: bold;
	text-transform: uppercase;
}

a.newsbloctitre:link, a.newsbloctitre:visited, a.newsbloctitre:hover, a.newsbloctitre:active {
	color: #EFEFEF;
	font-weight : bold;
	text-decoration : none;	
}

div.lire {
	color: #1C77FF;
	font-weight : bold;
	text-align: right;
}

a.lire:link, a.lire:visited, a.lire:hover, a.lire:active {
	color: #1C77FF;
	font-weight : bold;
	text-decoration : none;	
	text-decoration: underline;
	font-size: 10px;
}

.newslink {
	color: #717E86;
	margin-top: 5px;
	margin-bottom: 5px;
}

a.newslink:link, a.newslink:visited, a.newslink:hover, a.newslink:active {
	font-weight : normal;
	text-decoration : none;	
	font-size: 11px;
	color: #717E86;
}

a.newslink:hover, a.newslink:active {
	text-decoration: underline;
	color: #717E86;
}

.newsarchivesmois {
	padding: 10px;
}

#newsletter {
	font-size: 11px;
}

#newsletter h1 {
	font-size: 14px;
}

#signature {
	color: #302811;
	margin-top: 25px;
	font-weight: bold;
}

#insc {
	padding: 15px;
	color: #FFFFFF;
}

#insc  H1 {
	margin-top: 15px;
	font-size: 14px;
	text-transform : uppercase;
	color: #0067AC;
	position: static;
}

.inscerrmsg, .error {
	font-style: italic;
	font-weight: bold;
	color: orange;
}

#imagecapcha {
	border: 1px solid #CCCCCC;
}

#newsthb {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

#newsthb div {
	background-color: #999999;
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 120px; 
	height: 60px;
	margin: 4px;
	border: 2px solid #FFFFFF;
	text-align: center;
	float: left;
}

#newsthb img { margin:0; padding:0; border: 0; }

#articlethb {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

#articlethb div {
	background-color: #666666;
	background-position: center center; 
	background-repeat: no-repeat; 
	width: 120px; 
	height: 60px;
	margin-right: 25px;
	margin-bottom: 4px;
	margin-top: 4px;
	border: 4px solid #2A2A2A;
	text-align: center;
	float: left;
}

#articlethb img { margin:0; padding:0; border: 0; }


.icone {
	border: 2px solid #FFFFFF;
	margin-right: 4px;
	margin-top: 3px;
	float: left;
}

.titreblocactu {
	color: #4F5762;
	background-image: url('/images/puce-actu.jpg');
	background-position: left center; 
	background-repeat: no-repeat; 
	font-weight: bold;
	padding-left: 18px;
	margin-bottom: 15px;
}

/* ACTUALITE - END */

#blocpartenaires {
	background-image: url('/images/bg_partenaires.jpg');
	background-position: top left;
	background-repeat: no-repeat; 
	margin-top: 20px;
	height: 210px;
	width: 288px;
}

#blocpartenaires p {
	padding: 15px;
	font-size: 11px;
	color: #333333;
}


#bloccarte {
	margin-top: 20px;
	text-align: center;
}


.blue { color: #ECEEF0; }
.red { color: #EDEFF1; }
.yellow { color: #E2E4E7; }
.green { color: #E4E7E9; }

.small { font-size: x-small; }
.medium { font-size: small; }
.large { font-size: medium; }

.normal { font-weight: normal; }
.bold { font-weight: bold; }
.bolder { font-weight:  bolder; }


/* table liste */
#tableliste {
	border: 0;
}

#tableliste td {
	width: 136px; 
	height: 140px; 
	text-align: center;
	background-color: #666666;
	border: 3px solid #333333;
	font-size: 10px;
}

.thbframe {
	overflow: hidden;
	width: 130px;
	height: 60px;
	background: #333333;
	border: 1px solid #FFFFFF;
	margin: auto;
	position: relative;
}

.thbframe img {
	position: absolute;
}

.tableville {
	color: #999999;
	font-weight: bold;
}

.tablenom {
	color: #FFFFFF;
	font-weight: bold;
}

#tableliste td .expodetailslink {
	text-align: center;
}

#tableliste td .expodetailslink a:link, #tableliste td .expodetailslink a:visited, #tableliste td .expodetailslink a:hover, #tableliste td .expodetailslink a:active {
	color: #568BBE;
}

/* table liste fin */

/* navigation page */
.pager{
	clear:both; 
	text-align:right; 
	width:100%; 
	font-size:0.9em; 
	line-height:20px;
	display:block;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 15px;
	height: 22px;
}
.pager a, .pager .active, .pager .more{background:#568BBE; border:1px solid #568BBE; color:#FFFFFF; text-align:center; text-decoration:none; padding:0px 8px}
.pager a:hover{background:#9BB4D7;}
.pager li {margin:0; margin-right:1px;}
.pager a, .pager li {display:block; float:left; height:20px; line-height:20px}
.pager a img {margin-top:5px}
.pager .active a:hover{background:#cc2970}
.pager .active a, .pager .active {background:#666666; border:1px solid #666666; color:#FFF}
/* navigation page fin */

/* exposition */

.expobloc {
	background-color: #FFFFCC;
	color: #000000;
	padding: 15px;
}

.territoire1 { color: #67C2C0; }
.territoire2 { color: #21A459; }
.territoire3 { color: #087ABE; }
.territoire4 { color: #EE6B3A; }
.territoire5 { color: #94438C; }
.territoire6 { color: #00B3E8; }
.territoire7 { color: #FEC641; }
.territoire8 { color: #948C4A; }

.expobgterritoire1 { border-right: 48px solid #67C2C0; }
.expobgterritoire2 { border-right: 48px solid #21A459; }
.expobgterritoire3 { border-right: 48px solid #087ABE; }
.expobgterritoire4 { border-right: 48px solid #EE6B3A; }
.expobgterritoire5 { border-right: 48px solid #94438C; }
.expobgterritoire6 { border-right: 48px solid #00B3E8; }
.expobgterritoire7 { border-right: 48px solid #FEC641; }
.expobgterritoire8 { border-right: 48px solid #948C4A; }

.expobloc .expovigneron {	
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
}

.expobloc .expocontact  {
	font-weight: bold;
}

.expobloc .expoville {
	font-weight: bold;
	color: #999999;
	padding-bottom: 5px;
	font-size: 12px;
}

.expobloc .expocontent {
	background: url(/images/expositions_fiche.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 48px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin-right: -48px;
}

.expobloc .expoagenda {
	background: url(/images/agenda_fiche.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 48px;
	padding-top: 20px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	margin-right: -48px;
}

.expobloc .expodates {
	color: #993233;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
}

.expobloc .expoparagraphes {
	margin-top: 15px;
	margin-bottom: 15px;
}

.expothbgrp {
	float: right;
	clear: right;
	width: 200px;
}

.expobloc .expothb  {
	float: right;
	background-color: #333333;
	border: 1px solid #666666;
	width: 90px;
	height: 90px;
	margin-bottom: 4px;
	margin-left: 8px;
	overflow: hidden;
	position: relative;
}

.expobloc .expothb  img {
	position: absolute;
}

.expodetailslink {
	text-align: right;
	color: #1C77FF;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 10px;
	font-weight: bold;
}

.expodetailslink a:link, .expodetailslink a:visited, .expodetailslink a:hover, .expodetailslink a:active {
	color: #1C77FF;
}

#expovigneronphotos  {
	list-style: none;
	position: relative;
	width: 640px;
	height: 300px;
}

#expovigneronphotos li {
	position: absolute;
	width: 640px;
	height: 302px;
	overflow: hidden;
	text-align: center;
}

#expovigneronphotos li img {
	height: 300px;
	border: 1px solid #DDDDDD;
}

#slideshownumcont {
	position: relative;
	margin: 0;
	height: 30px;
}

#slideshownum {
	list-style-type: none;
	clear: both;
	position: absolute;
	right: 0;
}

#slideshownum li {
	display: block;
	float: left;
	background-color: #717E86;
	color: white;
	padding: 2px;
	margin: 2px;
	cursor: pointer;
}

#slideshownum li:hover {
	background-color: #333333;
}

#label {
	clear: both;
}

.label {
	float: left;
	margin: 2px;
}

.expodescription {
	margin-top: 20px;
	margin-bottom: 20px;
}

.artistebloc {
	margin-top: 15px;
	margin-bottom: 40px;
	text-align: justify;
}

.artiste {
	font-weight: bold;
	font-size: 14px;
}

.artistediscipline {
	font-family: verdana;
	font-size: 12px;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.expolink a:link, .expolink a:visited, .expolink a:hover, .expolink a:active {
	color: #1C77FF;
}

.expoagendadate {
	font-weight: bold;
	color: #993233;
}

/* exposition fin */


/* agenda */
.agendabloc {
	margin-bottom: 6px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #666666;
	clear: both;
}

.agendabloc p {
	margin-top: 6px;
	margin-bottom: 6px;
}

.agendaicone {
	border: 2px solid #FFFFFF;
	margin-right: 6px;
	margin-bottom: 3px;
	float: left;
	width: 64px;
	height: 64px;
	background-position: center center;
	overflow: hidden;
}

.agendadate {
	font-size: 10px;
	color: #999999;
}

.agendatexte {
	font-size: 10px;
}

a.agendavigneron:link, a.agendavigneron:visited, a.agendavigneron:hover, a.agendavigneron:active {
	color: #EFEFEF;
	font-weight : bold;
	text-decoration : none;	
}
/* agenda fin */