@charset "UTF-8";
/* CSS Document */

html,body { height:100%;margin:0;padding:0;width:100%; }
body { background:#fefef2; color:#14b2d3; font-family:Arial, Verdana, sans-serif;font-size:12px;font-style:normal;}

.clear { clear:both; }
.left { float:left; }
.right { float:right; }

@font-face {
font-family: 'myriadpro';
src: url('../images/MyriadPro-Regular.otf');
src: url('../images/MyriadPro-Regular.eot');
src: local('☺'),
url('../images/MyriadPro-Regular.woff') format('woff'),
url('../images/MyriadPro-Regular.ttf') format('truetype');
}

a img { border:none; }
ul { margin:0 0 0 20px;}
p { font-size:1.0em; line-height: 1.5em; margin:0 0 1.5em 0; }
h1 { font-size:2.0em; font-family: 'myriadpro', Verdana, Arial, sans-serif; margin:0; }
h2 { font-size:2.0em; font-family: 'myriadpro', Verdana, Arial, sans-serif; }
h3 { font-size:2.0em; font-family: 'myriadpro', Verdana, Arial, sans-serif; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.2em; }
label.label-titre { font-size:1.4em; font-weight: bold; }

.mailto { margin-top:20px; }
	.mailto a { color:#14b2d3; }

#background { background:#fdfcf0 url(../images/fond-aquarelle.jpg) left top no-repeat; position: fixed; top:0; left: 0; z-index:2; width:1407px; height:900px; }

#flash-background { position: fixed; top:0; left: 700px; z-index:5; width:300px; height:700px; }

#flash-par-dessus { position: fixed; top:0; left: 357px; z-index:50; width:343px; height:147px; }

#logo { position: fixed; top:0; left: 0px; z-index:10; }

#navigation { position: fixed; top:147px; left: 0px; z-index:15; width:701px; height:34px; background:black; }
	#navigation ul { list-style: none; margin:9px 0 0 15px; padding:0; }
	#navigation li { list-style: none; float:left; }
	#navigation a { text-transform: uppercase; color:white; border-right:1px solid white; padding:1px 8px; font-family: 'myriadpro', Arial, Verdana, sans-serif; text-decoration: none; font-size:1.0em!important; }
	#navigation a:hover { text-decoration: underline; }
	#navigation li a.selected { color: #ed3e94; }
	/*#navigation li.home a.selected { color: #ed3e94; }
	#navigation li.prog a.selected { color: #14b2d3; }
	#navigation li.samples a.selected { color: #405a8e; }
	#navigation li.history a.selected { color: #f25f22; }
	#navigation li.map a.selected { color: #DF3162; }
	#navigation li.comm a.selected { color: #16705e; }
	#navigation li.video a.selected { color: #1E7200; }*/

	
#navigation-seconde { position: fixed; top:181px; left: 0px; z-index:20; ; }
	#navigation-seconde ul { list-style: none; margin:0; padding:0; }
	#navigation-seconde li { list-style: none; width:118px; background:#14b2d3; border-bottom:1px solid white; padding:10px 0 10px 30px; }
	#navigation-seconde a { text-transform: uppercase; text-align:right; color:white; font-family: 'myriadpro', Verdana, Arial, sans-serif; text-decoration: none; font-size:1.2em; }
	#navigation-seconde a:hover { text-decoration: underline; }
	#navigation-seconde a.selected { color: black; }

#navigation-interieur {  background:url(../images/tache-accueil.jpg) no-repeat; width:520px; height:181px; margin-bottom: 10px; }
#navigation-interieur-lien1 a { float:left; text-transform: uppercase; text-align:right; color:white; font-family: Arial, Verdana, sans-serif; text-decoration: underline; font-size:11px;  margin:90px 3px 0px 40px; font-weight:bold; }
#navigation-interieur-lien1 a:hover { text-decoration: none; }
#navigation-interieur-lien2 a { float:left; text-transform: uppercase; text-align:right; color:white; font-family: Arial, Verdana, sans-serif; text-decoration: underline; font-size:11px;  margin:90px 3px 0px 15px; font-weight:bold; }
#navigation-interieur-lien2 a:hover { text-decoration: none; }

/* #navigation-interieur { padding:10px 0 10px 0; margin:16px 0; }
	#navigation-interieur-lien a { background:#14b2d3; float:left; text-transform: uppercase; text-align:right; color:white; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size:11px; border-right:1px solid white; padding:10px 7px 8px 7px; }
	#navigation-interieur-lien1 a { background:#14b2d3; float:left; text-transform: uppercase; text-align:right; color:white; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size:11px; border-right:1px solid white; padding:10px 7px 8px 7px; }
	#navigation-interieur-lien2 a { background:#14b2d3; float:left;  text-transform: uppercase; text-align:right; color:white; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size:11px; padding:10px 7px 8px 7px;}
	#navigation-interieur-lien a:hover, #navigation-interieur-lien1 a:hover,#navigation-interieur-lien2 a:hover { text-decoration: underline; }
*/

#content { margin: 181px 0 0 151px; width:549px; z-index:3; position:relative; background:white;}
	#bloc-texte { width:480px; padding:0px 30px 30px 30px; background:white; filter:none;}
	#bloc-texte-carte { width:480px; padding:0px 30px 30px 0px;}
/*body.liquid #content h2 { color:white; padding:8px 0 20px 30px; background:white url(../images/top-contenu.jpg) no-repeat top; }
body.home #content h2 { color:white; padding:8px 0 8px 30px; background:#ed3e94; }
body.prog #content h2 { color:white; padding:8px 0 8px 30px; background:#14b2d3; }
body.samples #content h2 { color:white; padding:8px 0 8px 30px; background:#405a8e; }
body.history #content h2 { color:white; padding:8px 0 8px 30px; background:#f25f22; }
body.map #content h2 { color:white; padding:8px 0 8px 30px; background:#DF3162; }
body.comm #content h2 { color:white; padding:8px 0 8px 30px; background:#16705e; }
body.video #content h2 { color:white; padding:8px 0 8px 30px; background:#1E7200; }*/

body.liquid #content h2 { color:white; padding:8px 0 20px 30px; background:white url(../images/top-contenu.jpg) no-repeat top; }
body.home #content h2 { color:white; padding:8px 0 8px 30px; background:#6FBF17; }
body.prog #content h2 { color:white; padding:8px 0 8px 30px; background:#6FBF17; }
body.samples #content h2 { color:white; padding:8px 0 8px 30px; background:#6FBF17; }
body.history #content h2 { color:white; padding:8px 0 8px 30px; background:#6FBF17; }
body.map #content h2 { color:white; padding:8px 0 8px 30px; background:#6FBF17; }
body.comm #content h2 { color:white; padding:8px 0 8px 30px; background:#6FBF17; }
body.video #content h2 { color:white; padding:8px 0 8px 30px; background:#6FBF17; }


#bloc-texte-programmation{ width:480px; padding:0px 30px 30px 30px; background:white; filter:none;}

#footer { }

/* Extraits */
#bloc-texte-extraits { width:549px; padding:0px 0px 30px 0px; background: white url(../images/extraits-back.jpg) no-repeat; filter:none;}
ul#nav { width: 199px; height: 524px; padding: 0px; margin: 0px; list-style-type: none; padding-top: 120px;  float: left; }
	ul#nav li { padding: 3px 3px 3px 3px; height: 20px;}
		ul#nav li a { font-family: Verdana; font-weight: bold; font-size: 1.0em; color: black; text-decoration: none; }
		ul#nav li.selected { font-family: Verdana; font-size: 1.0em; color: black; text-decoration: none; background: url(../images/extraits-row.png) no-repeat 1px; }
		ul#nav li.selected a { color: white; }
div#artist { width: 300px; height: 524px; float: left; }
#mp3 { position: absolute; left: 300px; top: 420px; }

/* Programmation */
h1.date { background:#f6f6f7; margin: 20px 30px; padding: 10px 0 0 14px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; font-size:3.8em; text-transform: uppercase; font-weight: bold; }

body.prog a { color: #14b2d3; text-decoration: none; }
body.prog a:hover { text-decoration: underline; }

table.prog { width: 100%; padding:0 30px; }
table.prog th { padding: 5px; text-align: left; color: #000; font-size: 1.1em; }
	table.prog th.date { width: 20%; }
	table.prog th.time { width: 19%; }
	table.prog th.site { width: 18%; text-align: center; }
table.prog td { padding: 5px; vertical-align: top; }
	table.prog td.site { text-align: center; }
	table.prog td.show { font-weight: bold; }
	table.prog td.show a { text-decoration: underline; color:#0f849c; }
	table.prog td.show a:hover {text-decoration: underline; color:#073e4a;} 
	table.prog td.show img { padding-left:5px; }
span.expo { text-decoration: italic; }

.circle_green { cursor: pointer; width: 20px; height: 20px; margin: auto auto; background: url(../images/circle_green.png) no-repeat; color: #ffffff; }
.circle_blue { cursor: pointer; width: 20px; height: 20px; margin: auto auto;background: url(../images/circle_blue.png) no-repeat; color: #ffffff; }
.circle_pink { cursor: pointer; width: 20px; height: 20px; margin: auto auto; background: url(../images/circle_pink.png) no-repeat; color: #ffffff; padding-top:2px; }

/* COMMUNICATIONS */
div.source { text-align:  right; padding: 30px; }
div.martine { float: right; margin: 18px 0px 10px 10px; padding: 10px; text-align: center; border: 1px solid #eeeeee; color: #bbbbbb; }

/* Video */
#bloc-video { margin-left: 10px; }

#partenaires1 { margin:30px 0 20px 0px;}
	#partenaires1 ul { list-style:none; padding:0; margin:0; }
	#partenaires1 ul li { float:left; padding:0; margin:0; }

#partenaires { margin:30px 0 20px 0px;}

#footer { font-size: 12px; color: #777; text-align: center; }
	#footer a { color: #555; text-decoration: underline; }
	
.box-shadow {
-moz-box-shadow: 0px 0px 3px #969696; /* Pour Firefox 3.5+ */
-webkit-box-shadow: 0px 0px 3px #969696; /* Pour Safari et Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=0, Strength=3);
}

.blockSpacer {
	height: 170px;
	display: none;
}

.iconPrint{
	float: right; margin-right: 20px;
}