/*** default styles */
* {padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a {outline: none;}
a:focus, a:hover {text-decoration: none;}
a:active {outline: none;}
address {font-style: normal;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: -6px;/* ie */}
/*** font size */
html {font-size: 100%;}
body {font: 0.7em/1.3em "Trebuchet MS" ,Arial, Helvetica, sans-serif;}
input, select, textarea {font-size: 100%; font-family: Arial,Sans-serif;}
/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*** Image Replacement */
.mir {letter-spacing : -1000em;}
/*\*/
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
/*** generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space:nowrap;}
/*** error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;	border-bottom: 2px solid #eee;
background: transparent url(/style/alert.gif) no-repeat left center;}

/* =html */
	html {}

/* =body */
	body {
		color: #000;
		background : #FFF8EB url(/style/fond.gif) repeat-x left 40px;
	}
	
	*+html body {margin-top : 0;}/* utile ? */
	
		body#accueil {background : #FFF8EB url(/style/accueil/fond.gif) repeat-x left 40px;	}
	
/******  titres ********/

h1 span {
	display : block;
	background : transparent url(/style//logo.gif) no-repeat left top;
	width : 215px;
	height : 141px;
	float : left;
	margin : 10px 10px 0 30px;

}

	#accueil h1 {display: none; }


#accueil #main .content h1 {
	background : transparent url(/style/accueil/logo.gif) no-repeat top left;
	display : block;
	width : 215px;
	height : 141px;
	margin : 10px 0 10px 35px;
}

#accueil #header h2 {
	border-top : 1px solid #FFF;
	border-bottom : 1px solid #FFF;
	font-size : 1.6em;
	line-height : 1.1em;
	text-transform : uppercase;
	font-style : italic;
	font-weight : normal;
	padding : 5px 0;
	text-align : center;
}

#main .content #rightCol h2 {
   background: url(/style/titre.gif) no-repeat top left;
   width : 370px;
   height : 34px;
   margin : 0 0 10px;
   display : block;
   font-size: 1.5em;
   text-transform: uppercase;
   color : #582041;
}

#main .content #rightCol h2.titre-acces { background-position: 0 0;  } 
#main .content #rightCol h2.titre-actualites { background-position: 0 -84px;  } 
#main .content #rightCol h2.titre-archives { background-position: 0 -168px;  } 
#main .content #rightCol h2.titre-beaune { background-position: 0 -252px;  } 
#main .content #rightCol h2.titre-coeur-gastronomie { background-position: 0 -336px;  } 
#main .content #rightCol h2.titre-coeurdelaculture { background-position: 0 -420px;  } 
#main .content #rightCol h2.titre-coeurdesvins { background-position: 0 -504px;  } 
#main .content #rightCol h2.titre-conditions { background-position: 0 -588px;  } 
#main .content #rightCol h2.titre-domaines { background-position: 0 -672px;  } 
#main .content #rightCol h2.titre-erreur { background-position: 0 -756px;  } 
#main .content #rightCol h2.titre-esprit { background-position: 0 -840px;  } 
#main .content #rightCol h2.titre-hotel { background-position: 0 -924px;  } 
#main .content #rightCol h2.titre-inscription { background-position: 0 -1008px;  } 
#main .content #rightCol h2.titre-liens { background-position: 0 -1092px;  } 
#main .content #rightCol h2.titre-mentions { background-position: 0 -1176px;  } 
#main .content #rightCol h2.titre-organisateurs { background-position: 0 -1260px;  } 
#main .content #rightCol h2.titre-partenaires { background-position: 0 -1344px;  } 
#main .content #rightCol h2.titre-programme { background-position: 0 -1428px;  } 


#gastronomie #main .content #rightCol h2.simple {
	background : none;
	height : auto;
} 
#main .content #rightCol h3, #main .content #rightCol h4 {	color : #582041;}

#main .content #rightCol h3, #main .content #leftCol h3 {
  font-size : 1.3em;
  text-transform : uppercase;
  margin-bottom : 0.5em;
}

#main .content #leftCol h3 {
	text-transform : none;
	font-style : italic;
}

#main .content #rightCol h4 {font-size : 1.1em;}

#inscription #main .content #rightCol h4 {margin-bottom: 1em;}
#inscription #main .content #rightCol h5 {font-size : 1em; margin: 5px 0;}

/******  paragraphes ********/
#header p {
	font-weight : bold;
	font-size : 1.1em;
/* 	font-style : italic; */
	line-height : 1.4em;
	margin : 10px 0 0 0;
}

#main .content #leftCol p {
	color :#A4A4A2;
	text-align : center;
}

	#acces #main .content #leftCol p {
		font-size : 1.4em;
		line-height: 1.3;	
	}
	
	#programme .content #leftCol p, #vins .content #leftCol p,
	#gastronomie .content #leftCol p, #culture .content #leftCol p {text-align: left;}

#main .content #rightCol p {
	margin-bottom : 1em;
}



/*** span **/

strong.violet {
	color : #582041;
	text-transform : uppercase;
}

span.ville {
	color : #98752F;
	font-weight : bold;
}


span.visite-degustation {
	display : block;
	background : #582041;
	padding : 2px 10px;
	color : #FFF;
	width : 120px;
	font-weight : bold;
	text-transform : uppercase;
}

/******  menu ********/
#menu {margin-bottom: 0.8em;}

	#menu ul#nav-main {float : left;}
	#menu ul#nav-main li {
		float : left;
		display : inline-block;
		text-align: center;
		position : relative;
	}
	
	#menu ul#nav-main li li {
		float : none;
		display : block;
	}

	/* menus déroulants */
	/* la classe js est ajoutée à la balise body lorsque le navigateur à le support du javascript */
	/* la gestion du menu est faite dans commun.js */
	
	.js #menu ul#nav-main > li {position: relative;}
	
	.js #menu ul#nav-main ul {	
		visibility: hidden;
		height: 0;
		float : left;
	}
	
	.js #menu ul#nav-main .deroulant_on {visibility: visible;}
	
	.js #menu ul#nav-main ul a {
		padding: 5px 20px;
		background: #F2E8CB;
	}

	#menu ul#nav-main li a {
		color : #A4A4A2;
		text-transform : uppercase;
		font-weight : bold;
		padding : 5px 25px 5px 20px;
		display:block;
	}

	#menu ul#nav-main > li > a:focus,#menu ul#nav-main > li > a:hover,
	.js #menu ul#nav-main ul a:focus, .js #menu ul#nav-main ul a:hover,
	#accueil #menu ul#nav-main li#nav-accueil > a,
	#esprit #menu ul#nav-main li#nav-esprit > a,
	#domaines #menu ul#nav-main li#nav-domaines > a,
	#programme #menu ul#nav-main li#nav-programme > a,
	#inscription #menu ul#nav-main li#nav-inscription > a,
	#beaune #menu ul#nav-main li#nav-beaune > a,
	#acces #menu ul#nav-main li#nav-acces > a {
		background : #582041;
		color: white;
	}
	
	#menu ul#nav-main li ul li a{
		text-transform : none;
		padding : 0px 20px;
	}
	
	#menu ul#nav-main li ul li a:focus, #menu ul#nav-main li ul li a:hover,
	#actualites #menu ul#nav-main li ul li#nav-actualites a,
	#archives #menu ul#nav-main li ul li#nav-archives a,
	#organisateurs #menu ul#nav-main li ul li#nav-organisateurs a,
	#partenaires #menu ul#nav-main li ul li#nav-partenaires a,
	#vins #menu ul#nav-main li ul li#nav-coeur-vins a,
	#gastronomie #menu ul#nav-main li ul li#nav-coeur-gastronomie a,
	#culture #menu ul#nav-main li ul li#nav-coeur-culture a,
	#hotels_partenaires #menu ul#nav-main li ul li#nav-hotels_partenaires a {text-decoration : underline;}

/******  footer ********/

#footer {
	text-transform : uppercase;
	text-align : center;
}

#footer ul {
	float : left;
	margin : 0 0 0 50px;
}

#footer li {
	float : left;
	display : inline-block;
	text-align:center;
}

#footer li a{
	color : #A4A4A2;
	text-transform : uppercase;
	font-weight : bold;
	padding : 5px 25px 5px 20px;
	display:block;
}

#footer li a:focus, #footer li a:hover {text-decoration : underline;}

#footer p {color : #ECDBB4;}

/* nav secondaire (programme) */

ul#nav-second-prog {
	background : #F2E8CB;
	padding : 10px;
	margin : 10px 20px 0 0;
}

	ul#nav-second-prog li span {
		display: block;
		margin : 10px 0;
		text-align: right;
	}
	
	ul#nav-second-prog li a {
		font-weight : bold;
		font-size : 1.3em;
	  	text-transform : uppercase;
	}
	
		ul#nav-second-prog #nav-second-retour a {font-size : 1.1em;}
	
	ul#nav-second-prog li a:link, ul#nav-second-prog li a:visited {color : #582041;}
	ul#nav-second-prog li a:focus, ul#nav-second-prog li a:hover {text-decoration: underline;}

		#vins #nav-second-vins a,
		#gastronomie #nav-second-gastronomie a,
		#culture #nav-second-culture a {color: white; background : #582041; padding: 0 10px;}
		
		#programme #nav-second-retour {display: none;}
		
/******  ul li ********/

#main .content ul.type_vins {
	float : left;
	width : 40%;
}

#main .content ul.type_vins li, #actualites #main .content #leftCol ul li, #archives #main .content #leftCol ul li  {
	list-style-type : disc;
	margin-left : 15px;
}


#actualites #main .content #leftCol ul li, #archives #main .content #leftCol ul li {
	color : #A4A4A2;
	font-weight:bold;
}


#main .content #leftCol ul#liste_domaines li {
		margin : 0 0 10px 0;
}



/******  liens ********/


#main .content a:focus, #main .content a:hover {text-decoration : underline;}

#main .content a {color :#A4A4A2;}

#main .content #leftCol ul#liste_domaines li a {
	color : #98752F;
	font-weight : bold;
	text-decoration : underline;
	font-style : italic;
	font-size:1.1em;
}

/******  img ********/
#main .content img{
	border : 1px solid #582041;
}

#main .content #rightCol img.img_right {
	float : right;
	margin : 0 0 5px 20px;
}

#main .content #rightCol img.img_left {
	float : left;
	margin : 0 20px 5px 0;
}

#main .content #rightCol img.img_centre {
	margin : 0 0 10px 0;
	border:none;
}

#main .content a.pdf img, #organisateurs #main .content img, #domaines #main .content #rightCol dl.galerie img, #acces #leftCol img {border:none;}

#organisateurs #main .content img {
	margin-bottom : 45px;
}

/********** dd dt dl*****/

/* article (actualite,domaine,culture) */
	
	dl.article {margin-bottom: 0.5em;}
	
	dl.article dt {
		font-size: 1.3em;
		text-transform: uppercase;
		background : #FFF8EB;
	}
	
	dl.article .resume {
		margin-bottom : 5px;
		font-weight : bold;
	}
	
	dl.article .image {width: auto;	}
	
	.nav-articles a.current {text-decoration: underline;}
	
	/* actualite */
		
		dl.actualite {
			float: left;
			width: 100%;
		}
		
			/* la classe js est ajoutée à la balise body lorsque le navigateur à le support du javascript */
			.js dl.actualite {
				opacity: 0;
				display: none;
			}
			
			#accueil dl.actualite {
				opacity: 1;
				display: block;
			}
		
		dl.actualite dt, dl.actualite dd {
			float : left;
			width : 365px;
		}
		
		dl.actualite .resume {color : #582041;}
		
		dl.actualite .image {float : right;	}
		
		dl.actualite .date {
			color: #444444;
			font-size: 0.9em;
			margin-bottom : 5px;
		}
		
	/* domaine */
	
		dl.domaine dt {
			color : #98752F;
			font-weight : bold;
			margin-bottom : 5px;
		}
	
		dl.domaine .resume {color: #98752F;}
		
		dl.domaine .galerie{margin: 10px 0;}
		
		dl.domaine .image {float: right;}
		
		dl.domaine .coordonnees {font-style: italic;}
		
		#liste_domaines li {
			padding-left: 35px;
		}
		
		#liste_domaines li img.visite-degustation {
			float: left;
			margin-left: -35px;
			border: none;	
		}
		
		#rightCol  img.visite-degustation  {
			float : left;
			border : none;
			padding-right : 5px;
		}
		
	/* culture */
	
		dl.culture {
			border-top: 1px solid #A4A4A2;
			padding:  5px 0 0 0;
			float: left;
			width: 100%;
		}
		
			dl.culture dt {margin-bottom: 5px;}
			
			dl.culture dd.corps {
				width: 360px;
				float: left;
			}
			
			dl.culture .image_g {float: left;}
			
			dl.culture .image_d {float: right;}
			#main .content #rightCol dl.culture .image_d img{margin-right : 0;}

/* intro page */
p.intro_p{
	color : #582041;
	font-weight : bold;
}

/******  div ********/
#page {
	width :  901px;
	margin : 40px auto;
}

#header {
	width : 901px;
	height : 167px;
	color : #FFFFFF;
}

#intro {
	width : 295px;
	margin : 20px 20px 0 0;
}

#accueil #header { 
	height : 333px; 
}

#header, #intro,#menu, #menu .content, #main .content, #main .content #leftCol, #main .content #rightCol {
	float : left;
}

#main  #menu .content {
	padding : 0;
}

#main .content {
	padding : 0 20px 20px 20px;
	width : 100%;
}

#main  {
	background : transparent url(/style/fond-left.gif) no-repeat left 25px;
	min-height : 333px;
}

#accueil #main  {
	background : transparent url(/style/accueil/fond-left.gif) no-repeat left 26px;
}

#main .content #leftCol {
	width : 295px;
	margin-top : 30px;
}

#esprit #main .content #leftCol, #organisateurs #main .content #leftCol {
	text-align :center;
} 

#accueil #main .content #leftCol {
	margin-top : 0;
}

#main .content #rightCol {
	width : 560px;
	padding : 0 0 0 20px;
}



ul.colonnes {
	width: 100%;
	float: left;
	margin-bottom: 0.5em;
}


ul.colonnes li {
	width: 45%;
	float: left;
	margin-right: 5%;
}

table.hotels {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}

table.hotels th, table.hotels td {
	border: 1px solid black;
	padding: 2px 4px;
}

table.hotels th.tel {white-space: nowrap;}

table.hotels th.web, table.hotels th.mail {width: 50px; overflow: hidden;}

/* =inscription */
	
	#inscription ol {list-style-type: decimal;}
	#inscription ol a.active {color: black; font-weight: bold;}
	
	#inscription #main #leftCol ol {margin: 10px 20px;}
	
	#inscription #main #leftCol p {
		text-align: right;
		margin: 10px 20px;
	}
	
	#inscription #main #leftCol p.recommencer {
		margin: 30px 0 0 0;
		text-align: left;
	}
	
	#inscription ul.tabs {float: left;}
	#inscription ul.tabs li {float: left; clear: none;}
	#inscription ul.tabs a {padding: 4px 20px; background: #F6EFDA;}
	#inscription ul.tabs a {padding: 4px 20px; background: #F6EFDA; color: #582041;}
	#inscription ul.tabs a.active {background: #F2E8CB; font-weight: bold; text-decoration: underline;}
	#inscription div.tabs {padding: 10px; background: #F2E8CB;}
	#inscription div.tabs li {margin: 0 0 5px 0;}
	#inscription div.tabs li ul {margin: 5px 0 10px 15px;}
	#inscription div.tabs input, #inscription form input.check {margin: 1px 5px 10px 0;}
	
	#inscription p.choisir_ateliers {background : #582041; color: white; padding : 5px; width : 190px;}
	#inscription p.choisir_ateliers a {color: white;}
	
	#inscription table {
		table-layout: fixed;
		width: 100%;
		border-collapse: collapse;
	}
	
		#inscription td {
			border: 1px solid black;
			padding: 2px 4px;
			text-align: left;
		}
	
			#inscription td.total {text-align: right;}

	#inscription .content #rightCol h2.impression {display: none;}
	#inscription .signature {
		float: right;
		width: 240px;
		height: 80px;
		border: 1px solid black;
		padding: 5px;
	}

/* =impression */
@media print {
	
	#page, #rightCol {
     	width: auto;
    }

    #header, #menu, #leftCol, #footer, .debug, .noprint {
     	display: none;
    }
    
    #inscription .content #rightCol h2.impression {
   		background: transparent;
   		display: block;
   		width : auto;
   		height : auto;
   		margin-bottom: 25px;
	}
    
}