body
{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #000;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

#page
{
	background-color: transparent;

}

a, a:visited
{
	color: ;
	text-decoration: none;
}

a:hover
{
	color: ;
	text-decoration: underline;
}

img a, img a:visited { border: 0px none; }

img a:hover
{
	 border: 0px none;
}


/* ACCES RAPIDE
-------------------------------------------------------- */

.easyaccess, .easyaccess a, .easyaccess a:visited
{
	font-size: 1.0em;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	background-color: #FFFFFF;
	letter-spacing: 0.1em;
}

.easyaccess a:hover
{
	color: #333;
	text-decoration: underline;
}

.easyaccess #player a, .easyaccess #player a:visited
{
	border: 1px #fff dotted;
	padding: 0px 4px 3px 4px;
	margin: 0px -3px 0px -3px;
}

.easyaccess ul, .easyaccess ul li
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	float: left;
}

.easyaccess ul { margin: 6px 8px 0px 0px; }

/* lien player ------------------- */
.easyaccess #player a:hover
{
	text-decoration: none;
	border-top: 1px transparent solid;
	border-right: 1px transparent dotted;
	border-bottom: 1px transparent dotted;
	border-left: 1px transparent dotted;
	background-color: transparent;
	color: #fff;
	background-image: url(images/explode.gif);
	background-repeat: no-repeat;
	background-position: 0px -3px;
}

/* champ de recherche -------------------*/
.easyaccess #recherche
{
	color: #333;
	letter-spacing: 0.1em;
	border: 1px #999 solid;
	width: 15em;
	height: 17px;
	background-color: #fff;
	padding-left: 0.5em;
	font-size: 1.0em;
	margin:0px 0px 4px;
}

.easyaccess #boutonrecherche
{
	font-size: 1.1em;
	border: 1px solid #999999;
	height: 21px;
}

/* Chapeau
-------------------------------------------------------- */
.chapeau{
}

.chapeau h1, .chapeau h2
{	margin: 0px;
	padding: 0px;}


.chapeau h2 
{
	color:#000000;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:17px;
	margin-bottom:3px;
	text-align:left;
}

.chapeau p 
{
	color:#444;
	font-family:Courier,Courier new,monospace;
	font-size:13px;
	font-weight:normal;
	line-height:16px;
	margin:0px;
	padding:0px;
	text-align:left;
}
.chapeau a, .chapeau a:visited, .chapeau img
{
	text-decoration: none;
	border: 0px transparent none;
	color: inherit;
		color: #000;
}
.chapeau a:hover{
	text-decoration: underline;
	color: #000;
}

/* Menu
-------------------------------------------------------- */


/* Titres -------------------*/
.texte h1
{
	font-family: Courier,monospace;
	font-size: 4em;
	text-align: left;
	color: #000;
	line-height: 26px;
	margin: 10px 0px -5px;
	padding: 0px;
	font-weight: bold;
}

.texte h2
{
color:#000000;
font-family:Courier new,monospace;
font-size:35px;
font-weight:bold;
line-height:32px;
margin:7px 0 -5px;
padding:0;
text-align:left;
letter-spacing:-0.5px;
}

.texte h3
{
	font-family: Courier,monospace;
	font-size: 2.5em;
	text-align: left;
	color: #000;
	line-height: 26px;
	margin: 10px 0px -5px;
	padding: 0px;
	font-weight: bold;
}

.texte h4
{
	color: #333;
	font-family: verdana;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 16px;
	margin: 7px 0px 0px;
	padding: 0px;
	text-align: left;
}

.texte h5 
{
	color:#666666;
	font-family:verdana;
	font-size:1.1em;
	font-weight:normal;
	line-height:16px;
	margin:2px 0px 0px;
	padding:0px;
	text-align:left;
}

/* texte -------------------*/
.texte
{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: left;
	color: #333;
}

.texte p { margin-bottom: 0.6em; }

.texte a, .texte a:visited
{
	text-decoration: underline;
	color: #000;
	padding: 0px 1px 0px 1px;
	margin: 0px -1px 0px -1px;
}

.texte a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #333;
}

/* colonne de droite -------------------*/

.rightcol
{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	color: #333 !important;
}

.rightcol p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	margin:0px;
	padding:0px;
}


.rightcol a, .right-col a:visited
{
	color: #000;
	text-decoration: underline;
	padding: 0px 1px 1px 1px;
	margin: 0px -1px -1px -1px;
}

.rightcol a:hover
{
	background-color: #333;
	color: #fff;
	text-decoration: none;
}

.rightcol h1, .rightcol h2, .rightcol h3
{
	font-family: Courier,Courier new, mono;
	color: #222;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
}

.rightcol h1
{
	font-size: 2.5em;
	line-height: 0.8em;
}

.rightcol h2
{
	font-size: 2.2em;
	line-height: 0.8em;
}

.rightcol h3
{
	font-size: 1.8em;
	line-height: 0.8em;
}

.rightcol h4
{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	color: #333 !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}

.rightcol h5
{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 1.0em;
	line-height: 1.4em;
	text-align: left;
	color: #555 !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}

.rightcol .lasuite a, .rightcol .lasuite a:visited
{
	font-family: andale mono, lucida console, mono;
	text-decoration: none;
	color: #333;
	padding: 2px 2px 2px 14px;
	background-image: url(images/puce-fleche.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;

}

.rightcol .lasuite a:hover
{
	text-decoration: none;
	color: #000;
	background-color: transparent;
	background-image: url(images/puce-fleche2.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.rightcol .play a, .rightcol .play a:visited {
	text-decoration: none;
	color: #666;
	background-color: transparent;
	background-image: url(images/puce-play.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 14px;
}

.rightcol .play a:hover {
	text-decoration: underline;
	color: #000;
}

.rightcol .blockmedia
{
	background-image: url(images/barre.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}


/* RAPPEL AGENDA
-------------------------------------------------------- */
.agenda
{
	background-color: transparent;
}


.rappelagenda
{
	background-color: #eee;
	width: 205px;
}

.titrerappel
{
background-color:transparent;
/* background-image:url(images/titre-rappel.gif);*/
background-position:5px 2px;
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;
height:25px;
margin:0px 5px 6px;
padding:0px 5px 4px;}


.rappelagenda .lasuite a, .rappelagenda .lasuite a:visited
{
	font-family: andale mono, lucida console, mono;
	font-size:1.1em;
	text-decoration: none;
	color: #333;
	padding: 2px 2px 2px 14px;
	margin: 5px 0px 0px 0px;
	background-image: url(images/puce-fleche.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.rappelagenda .lasuite a:hover
{
	color: #000;
	text-decoration: none;
	background-image: url(images/puce-fleche2.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


.rappelagenda ul, .rappelagenda li
{
	margin: 0px 0px -6px 0px;
	padding: 0px;
	list-style-type: none;
}

/*
.rappelagenda li
{
	margin-bottom: 5px;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px #999 dotted;
}*/

.rappelagenda li 
{
	border-bottom:1px dotted #999999;
	margin-bottom:0;
	margin-top:0 !important;
	padding:0 0 6px;
}

.rappelagenda li a, .rappelagenda li a:visited { color: #000; }

.rappelagenda li a:hover
{
	color: #000;
	text-decoration: underline;
}

.rappelagenda p
{
	margin: 0px;
	padding: 0px;
}

.rappelagenda .bloc-rappel
{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}



/*
.rappelagenda .evenement 
{
	color:#000000;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
}
*/

.rappelagenda .evenement
{
	background-color:transparent;
	display:block;
	left:36px;
	margin-left:0;
	position:relative;
	top:2px;
	width:159px;
	line-height:13px;
}

.act, .mus, .art
{
	background-position:0 4px;
	background-repeat:no-repeat;
	color:transparent;
	float:left;
	height:11px;
	left:0;
	margin-right:4px;
	width:21px;
}

.act
{
	background-image: url(images/act-tag2.gif);
}

.mus
{
	background-image: url(images/mus-tag2.gif);
}

.art
{
	background-image: url(images/art-tag2.gif);
}

/*
.rappelagenda .date
{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.9em;
	color: #333;
	white-space: nowrap;
}*/

.rappelagenda .date
{
	background-color:transparent;
	display:inline;
	height:auto;
	margin-top:3px;
	overflow:hidden;
	position:absolute;
	white-space:normal !important;
	width:32px;
}

#alldate
{
	left: 0px;
	color: #000;
	margin-top: 0px;
	padding: 5px 5px 0px 5px;
	border-bottom: 0px #666 solid;
	width: 195px;
	background-color: #CCC;
}

#alldate a, #alldate a:visited, #alldate a:hover
{
	color: #000;
	text-decoration: none;
}

#allconcerts, #allexpos, #actioncul
{
	text-align: left !important;
	padding: 2px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	height: 17px;
	border-left: 0px #666 solid;
	background-image: url(images/puce-fleche-ccc.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
}



#headeragenda{
	background-image: url(images/top-grey-rappel.gif);
	background-position: 0px 100%;
	background-repeat: no-repeat;
	height: 5px;
	}

#footeragenda{
	background-image: url(images/bottom-ccc-rappel.gif);
	background-position: 0px 100%;
	background-repeat: no-repeat;
	height: 5px;
	}


.billetblog .contentnews ul {
border-bottom:none !important;
}
/* Pied de page
-------------------------------------------------------- */
.footer
{
	color: #555;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 9px;
	line-height: 13px;
	text-align: left;
	padding: 10px 0px 0px 230px;
	background-image: url(images/barre.png);
	background-repeat: no-repeat;
	background-position: 230px 0px;
	padding-bottom: 50px;
}

.footer h3
{
	color: #555;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	padding: 0px;
}
.footer a, .footer a:visited
{
	color: #777;
	text-decoration: underline;
}
.footer a:hover
{
	color: #555;
	text-decoration: none;
}