@charset "utf-8";
/* CSS Document */
/* Aurélien CAMETTI pour le Festival International de Musique de Besançon Franche Comté */
/* Date de Création : 30/03/2008 */
*{
	margin:0px;
	padding:0px;
}
body{

	font-family: "Lucida sans unicode", Arial, sans-serif;
	font-size:12px;
	margin-bottom:10px;
}
a{
	text-decoration:none;
}
/*===== COULEUR DE SURLIGNEMENT MOZILLA =====*/
::-moz-selection{
	background-color:#dff2f7;
	color:#988344;
}
::selection {
	background-color:#dff2f7;
	color:#988344;
}
code::-moz-selection {
	background-color: #dff2f7;
	color:#988344;
}
code::selection {
	background-color: #dff2f7;
	color:#988344;
}
/*===== IMAGES =====*/
a img{
	padding:2px;
	border:none;
}
a img:hover{
	border:2px solid #1ca0c0;
	padding:0px;
}

/*===== CLEAR =====*/
.clear{
	clear:right;
	clear:left;
}
.clearleft{
	clear:left;
}
.clearright{
	clear:right;
}
/*==== GENERALITES ====*/
h1,h2,h3,h4,h5,h6,h7,p{
	margin:10px 0 0 0;
	padding:0px;
}
.hide{
	display:none;
}
#logo{
	float:right;
	margin:10px;
}
/*===== EN TETE =====*/
#div_entete{
	margin:0px;
}
#div_entete #banniere{
	margin-right:auto;
	margin-left:auto;
	width:100%;
	height:160px;	
	display:block;
	background:url(../images/theme/banniere.jpg) center top no-repeat #7cccdf;
}
#div_entete #banniere strong{
	display:none;
	margin:0px;
	padding:0px;
}
/*===== MENU =====*/
#div_menu{
	margin:0px;
	width:100%;
	height:30px;
	/*background:url(../images/theme/patternmenu.png) #000000 repeat-x;*/
	background-color:#000000;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}
#div_menu #menu{
	display:block;
	position:relative;
	width:956px;
	margin-right:auto;
	margin-left:auto;
	height:30px;
	margin-top:0px;
	margin-bottom:0px;
	/*ajustement*/
	padding-left:6px;
	/* compenser dans width les changements apportés*/
}
#div_menu #menu li{
	display: inline;
	line-height:30px;
	height:30px;
	margin-bottom:0px;
	text-align:center;
	padding:0px;
}
#div_menu #menu li a.lienmenu{
	/*border-right:1px solid #666666;*/
}
#div_menu #menu li a.lienmenu1{
/*	border-right:1px solid #666666;
	border-left:1px solid #666666;*/
}
#div_menu #menu li a{
	padding-bottom:0px;
	display: block;
	float:left;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
	height:30px;
	/*background:url(../images/theme/patternmenu.png) repeat-x top;*/
	margin-bottom:0px;
	width:117px;
	text-align:center;
	font-weight:bold;
	text-transform:normal;
	padding-left:1px;
	padding-left:1px;
	font-size:12px;
	text-transform:capitalize;
}
#div_menu #menu li a:hover{
	/*background:url(../images/theme/patternlienmenu.png) repeat-x bottom;*/
	background-color:#988344;
}
/*===== MODULE DE NEWS =====*/
#module_news{
	width:350px;
	float:left;
	border-left:1px solid #dff2f7;
	border-right:1px solid #dff2f7;
	border-bottom:1px solid #dff2f7;
	margin-right:10px;
	background-color:#FFFFFF;
	padding-bottom:0px;
	margin-bottom:10px;
}
#module_news ul{
	display:block;
	margin:0px;
	padding:2px;
	height:20px;
	line-height:20px;/*
	background:url(../images/theme/patternentete.png) repeat-x bottom #505050;*/
	background-color:#000000;
}
#module_news ul li{
	display:inline;
}
#module_news ul li a{
	margin-top:2px;
	display:block;
	float:left;
	text-decoration:none;
}
#module_news ul li a#rss{
	width:88px;
	padding-left:21px;
	height:16px;
	background:url(../images/icones/rss.png) no-repeat left;
	color:#FFFFFF;
	letter-spacing:2px;
	font-weight:bold;
	margin-left:2px;
}
#module_news ul li a#google{
	width:69px;
	height:17px;
	background:url(../images/icones/rss_google.gif) no-repeat;
}
#module_news ul li a#netvibes{
	width:91px;
	height:17px;
	background:url(../images/icones/rss_netvibes.gif) no-repeat;
	margin-left:2px;
}
#module_news ul li a#yahoo{
	width:69px;
	height:17px;
	background:url(../images/icones/rss_yahoo.gif) no-repeat;
	margin-left:2px;
}
#module_news ul li a span{
	display:none;
}
#module_news img{
	clear:left;
	float:left;
	margin-left:5px;
	margin-top:5px;
	margin-right:5px;
}
#module_news a#lien_news{
	display:block;
	float:right;
	color:#000;
	text-decoration:none;
}
#module_news a#lien_news span{
	display:block;
	color:#1ca0c0;
	font-weight:bold;
	text-align:right;
}
#module_news #date_module_news{
	color:#1ca0c0;
	font-size:10px;
	margin-left:5px;
}
#module_news h2{
	margin-top:5px;
	margin-left:5px;
	font-size:14px;
}
#module_news #navigation_news{
	background-color:#dff2f7;
	line-height:24px;
	margin-bottom:0px;
}
#module_news #navigation_news #news_prec_vide{
	display:block;
	line-height:24px;
	height:24px;
	width:150px;
	margin-right:176px;
	text-align:left;
	padding-left:20px;
	border-left:4px solid #dff2f7;
}
#module_news #navigation_news a{
	color:#000000;
	text-decoration:none;
}
#module_news #navigation_news #news_suiv{
	display:block;
	margin-top:-24px;
	line-height:24px;
	width:150px;
	margin-left:176px;
	height:24px;
	text-align:right;
	padding-right:20px;
	border-right:4px solid #dff2f7;
	background:url(../images/icones/flechesuiv.png) right no-repeat;
}
#module_news #navigation_news #news_prec{
	display:block;
	line-height:24px;
	height:24px;
	width:150px;
	margin-right:176px;
	text-align:left;
	padding-left:20px;
	border-left:4px solid #dff2f7;
	background:url(../images/icones/flecheprec.png) left no-repeat;
}
#module_news #navigation_news #news_prec:hover{
	text-decoration:underline;
}
#module_news #navigation_news #news_suiv:hover{
	text-decoration:underline;
}
#redir_news{
	padding:10px;
	cursor:pointer;
	text-decoration:none;
	text-align:justify;
	padding-right:4px;
	padding-left:4px;
	border-right:4px solid #FFFFFF;
	overflow:hidden;
}
#redir_news:hover{
	border-right:4px solid #1ca0c0;
	background-color:#dff2f7;
}
#redir_news a{
	color:#988344;
}
/*===== BLOC DE GAUCHE =====*/
#left{
	float:left;
	margin-bottom:10px;
	position:absolute;	
}
/*----- Menu secondaire -----*/

h3#titre_module_1{
	display:block;
	margin:0px;
	padding-left:10px;
	height:20px;
	line-height:20px;/*
	background:url(../images/theme/patternentete.png) repeat-x bottom #505050;*/
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	letter-spacing:2px;
	font-weight:bold;
	width:342px;
	margin-right:10px;
}
ul#menu_secondaire{
	text-align:right;
	font-size:12px;
	margin-top:0px;
	padding:0px;
	margin-left:0px;
	border-left:1px solid #dff2f7;
	border-right:1px solid #dff2f7;
	border-bottom:20px solid #dff2f7;
	padding-top:7px;
	margin-right:10px;
}
ul#menu_secondaire li{
	margin:5px;
	padding:0px;
	text-align:left;
	font-size:12px;
	list-style-type:none;
	/*text-align:right;*/
}
ul#menu_secondaire li a{
	padding-left:8px;
	color:#988344;
	text-transform:lowercase;
}
ul#menu_secondaire li a:hover{
	padding-left:4px;
	border-left:4px solid #1ca0c0;
	background-color:#dff2f7;
}
/*------ Contact ------*/

div#module_1{
	width: 362px;
}
div#module_1 div.img{
	text-align: center;
}
div#module_1 p.contact{
	text-align: center;
}
div#module_1 p.contact a{
	color: #988344;
}
div#module_1 h2.titre_contact{
	text-transform: normal;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #988344;
	padding-left: 8px;
	text-align: center;
}

/*===== BLOC DE DROITE =====*/
#right{
	margin-top:-10px;
	padding:10px;
	margin-left:375px;
	width:560px;
	min-height:300px;
	background:url(../images/theme/) bottom no-repeat #dff2f7;
	position:absolute;
}
#right h1{
	text-align:center;
	font-size:18px;
	margin-bottom:10px;
	text-transform:normal;
	font-weight:normal;
}
#contenu_right{
	margin-bottom:24px;
}
#contenu_right p.signature{
	text-align: right;
	font-size: 16px;
	font-style:italic;
	color:#988344;
	
}

#contenu_right p a{
	color:#988344;
}
#contenu_right div.flags{
	text-align:center;
	margin-top:-5px;
}
.diaporama {
	margin:0 auto;
	width:400px;
}
/*===== CONTENU =====*/
#div_contenu{
	width:960px;
	background-color:#FFFFFF;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
/*	border-right:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;*/
}
#div_contenu p{
	text-align:justify;
	margin-top:5px;
	line-height: 18px;
}
#contenu_right p.contact{
	margin-top:5px;
	margin-bottom:5px;
	line-height: 18px;
}
#contenu_right p.contact a{
	color : #000000;
}

#contenu_right ul#liste_presse{
	list-style-type:none;
}
#contenu_right ul#liste_presse li{
}
#contenu_right ul#liste_presse li a{
	color : #000000;
}

#contenu_right h2.titre_partenaires{
	text-transform: normal;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #988344;
	padding: 8px;
	text-align: center;
}
/*===== FOOTER =====*/
#footer{
	position:absolute;
	width:100%;
	bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:9px;
	color:#988344;
}
#footer a{
	color:#988344;
	padding-right:8px;
	padding-left:8px;
}
#footer a:hover{
	color:#988344;
	padding-left:4px;
	border-left:4px solid #1ca0c0;
	padding-right:4px;
	border-right:4px solid #1ca0c0;
	background-color:#FFFFFF;
}
/*===== BLOC GOOGLE MAP =====*/
#module_2{
	clear:left;
	margin-top:10px;
	margin-bottom:10px;
	width:350px;
}
#module_2 img#logo{
	margin-left: auto;
	margin-right: auto;
}
#map{
	border:2px solid #1ca0c0;
	width:350px;
	height:300px;
}
.titre_map{
	font-size:12px;
	color:#1ca0c0;
}
.adresse_map{
	font-size:11px;
	text-align:left;
	color:#000000;
}
.message_map{
	font-size:11px;
	text-align:left;
	color:#000000;
}
.liste_map{
	font-size:11px;
	text-align:left;
	color:#000000;
	margin:0px;
	padding:0px;
	text-transform:normal;
}
.liste_map li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.lien_map{
	font-size:11px;
	color:#988344;
	text-decoration:underline;
}
.lien_map:hover{
	color:#1ca0c0;
}
/*======= Tableau logos partenaires ========*/
#logos_partenaires td{
		width:110px;
}
#logos_partenaires{
		margin-left:10px;
}
/* ===== Mise en avant de news =============*/

#news_mea{
	background-color:#DFF2F7;
	height:140px;
	padding:5px 0 5px 5px;
	margin-top:-10px;
	margin-left:-10px;
	width:575px;
	margin-bottom:10px;
	overflow: hidden;
}
#news_mea a{
	text-indent:-10000px;
	font-size:1px;
	display:block;
	float:left;
	border:none;
	width:140px;
	height:140px;
}
#news_mea span{
	text-indent:-10000px;
	font-size:1px;
	display:block;
	float:left;
	border:none;
	width:140px;
	height:140px;
}
a#programme{
	background:url('../images/billetterie.jpg') center top no-repeat;
	margin-right:2px;
}
a#programme:hover{
	background:url('../images/billetterie.jpg') center bottom no-repeat;
}
a#tourisme{
	margin-right:2px;
	background:url('../images/packtourisme.jpg') center top no-repeat;
}
a#tourisme:hover{
	background:url('../images/packtourisme.jpg') center bottom no-repeat;
}
a#arte{
	margin-right:2px;
	background:url('../images/artefrancemusique.jpg') center top no-repeat;
}
a#arte:hover{
	background:url('../images/artefrancemusique.jpg') center bottom no-repeat;
}
a#backtothetrees{
	padding:0;
	margin:0;
	background:url('../images/backtothetrees.jpg') center top no-repeat;
}
a#backtothetrees:hover{
	background:url('../images/backtothetrees.jpg') center bottom no-repeat;
}
#module_1 ul li.MenuImp a.xfiltre{
	font-weight:bold;
	color:#f00;
	padding-left: 8px;
	text-transform: lowercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}
#module_1 ul li.MenuImp a.xfiltre:hover{
	padding-left:8px;
	border:none;
	background:none;
}

/*====== LIGHTBOX ======*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 1em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; /*background-color:#1ca0c0;*/ }