/* ---------------------------------------------------
CSS pour onct.mairie-toulouse.fr
version 1.0
Auteur : Erwann Ser <mailto:e.ser@studiopastre.com>
------------------------------------------------------
*/
/*#smenu1 {display:block !important}*/
#concerts h1 {
	overflow:hidden;
	background:#111;
	background-image: -moz-linear-gradient(top, #333, #090909);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #090909),color-stop(1, #333));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#090909'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#090909')"; /* IE8 */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border: none;
	color:#EEE;
	line-height: 1.8em;
	padding: 0 0 0 13px;
	font-size: 1.5em;
	margin: 1px 0 .8em;
}
#autres {
	overflow:hidden;
	margin: -1.2em 3px 1em;
	line-height: 2.2em;
	border: 1px solid #D2DADD;
	background:#eaeaea;
	border-bottom-right-radius: .4em;
	-moz-border-radius-bottomright : .4em;
	-webkit-border-bottom-right-radius: .4em;
	border-bottom-left-radius: .4em;
	-moz-border-radius-bottomleft : .4em;
	-webkit-border-bottom-left-radius: .4em;
}
#autres a {
		float:left; 
		text-decoration:none; 
		padding: 0 7px;
		color:#222
		}
#autres a + a {border-left: 1px solid #D2DADD;}
#autres a:hover, #autres a:focus {text-decoration: underline}
#autres p {margin:0}
#autres h2 {
	line-height: 1.8em;
	height: 100%;
	float:left;
	background: #212121 url(../images/arrow_dates.png) no-repeat right;
	border:none;
	color:#FFF;
	font-weight:normal !important;
	letter-spacing: normal;
	margin: 0;
	padding: 0 16px 0 13px;
	text-transform:none;
	border-bottom-left-radius: .4em;
	-moz-border-radius-bottomleft : .4em;
	-webkit-border-bottom-left-radius: .4em;
}


#concerts h1 sup {text-transform: none; font-size: .6em}
#concerts .left .left { width:350px !important}
#concert .comp b {
		display:block;
		text-transform:uppercase; 
		font-size: 1.6em; 
		font-weight:normal; 
		}

#A b {color: #EE7F00}
#B b {color: #0089c2}
#C b {color: #BA9E00}
#D b {color: #D20035}
#dim b {color: #8A0003;}
#ha b {color: #666}

.comment {
	margin-top: 1.5em; 
	padding-top: .5em; 
	border-top: 1px dotted;
	}
/*.comp, .comment {width: 500px;}*/

.notif {
		letter-spacing:normal; 
		font-size:.8em; 
		text-transform:none; 
		margin: 0 10px 0 15px;
		}


#concert #A {color:#555}
.comp p {font-weight:bold; color:#666; margin: .4em 0}
.comp b {color:#111}

#concert {min-height: 500px;}
#concert > .left {margin-left: 5px}
	#concert h2 {font-weight: bold;}
	p.alinea {text-indent: 1.5em}

#comp {
	font-weight: bold;
	margin: 0 192px 0 3px;
	background: none;
	font-size: 1.8em;
	line-height: 1.2em;
	}
#comp span {
	margin-bottom: .7em;
	display:block;
	line-height: 1.4em;
	font-size: .6em;
	color:#222;
	}
	
.privi #comp {color:#A50000;}
.prelu #comp {color:#00377B;}
.arpe #comp {color:#FF841A;}
.dima #comp {color:#942B6A;} 
.hor #comp {color:#b69600;} 



#concert #intro {
	width: 400px; 
	margin-bottom: 8px;
	margin-top:0;
	padding-top: 7px;
	font-weight:bold;
	color: #303683;
	background:url(../images/pointilles_separ.gif) repeat-x left top; 
	}
#concert #dim {background: none}
#date {
	padding-left: 8px; 
	font-size: 1.2em;
	line-height: 1.7em;
}
	#date sup {font-size: 0.7em; text-transform: lowercase;}
	#date img { 
		position:absolute;
		top: 220px;
		left: 660px; 
		border: 1px solid #fff;
		}
#autre_dates {
	width: 425px;
	height: 2em;
	margin: 5px 0 1em;
	background: url(../images/pontilles_autresdates.gif) repeat-x bottom
	}
#autre_dates2 {
	width: 425px;
	height: 5em;
	margin: 5px 0 1em;
	background:url(../images/pontilles_autresdates.gif) repeat-x bottom;
	}
#autre_dates h3, #autre_dates2 h3 {
	float:left;
	background:url(/images/puce_date.gif) no-repeat 0 .25em;
	padding-left: 18px;
	font-size: 1em;
	font-weight: bold;
	margin: 0 8px 0 0;
	line-height:1.4em;
	border: none !important;
	}
	img.comp {
		display:block;
		margin-top: 18px; 
		margin-bottom: 10px; 
		}  /* Compositeurs */
	img.presentateur {display:block; margin-left:165px;}  /* Concerts du dimanche */
	
	#concert blockquote {margin-left:0}
	#concert #register {font-size: 0.9em; margin-top: 2em}	 
		#register img {float:left; margin: -5px 8px 0 0;}	 
#coin {position:absolute; bottom:1px; right:1px}

/*Interpretes*/
#interpretes {
	float:right;
	width: 95px;
	}
#interp {margin-bottom: 1em}
#interp p { margin: .3em 0; color:#666}
#interpretes img {
	display:block; 
	border: 1px solid #fff; 
	margin: 5px 0 7px;
	border: 1px solid #aaa;
	padding: 2px
	}
	#interpretes p {margin: .3em 0}
	#interpretes p span {text-transform: uppercase;}
	#interpretes a {
		display:block;
		background: url(../images/puce_interpretes.gif) no-repeat 0 4px; 
		padding-left: 16px; 
		font-size:1.05em;
		margin-bottom: 5px;
		width: 140px;
		}
	#interpretes a.off {cursor: default; text-decoration: none}
	#interpretes li a:hover {color: #412FA8;}
	#interpretes li a:hover strong {color: inherit}
	
#concerts #dates {display: block !important}