/* DEFAULT GLOBAL
--------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}
body {margin:0;padding:0; background:white url(../img/bg.jpg) top center no-repeat;}
body#section {margin:0;padding:0;background:#e7debd url(../img/section-bg.jpg) repeat-y;}

a {color:#ed1b24;text-decoration:none}
a:hover {color:#ed1b24;text-decoration:underline}

/* TEXT
--------------------------------------------- */
.radio {color:#ed1b24;font-family: arial, verdana, helvetica, sans-serif;font-weight:bold;font-size:9pt;line-height:20px;}
	.radio a {color:#ed1b24;text-decoration:none}
	.radio a:hover {color:#ed1b24;text-decoration:underline}
	
.redbold {font-weight:bold;font-family: arial, verdana, helvetica, sans-serif;font-size:8.5pt;color:#ee1a26;}
.act-date {color:#6c523b;font-family: arial, verdana, helvetica, sans-serif;font-weight:normal;font-size:8.5pt;}
.act-titre {font-weight:bold;font-family: arial, verdana, helvetica, sans-serif;font-size:8.5pt;}
.act-contenu {font-weight:normal;font-family: arial, verdana, helvetica, sans-serif;font-size:8.5pt;}
.act-date-sec {color:#6c523b;font-family: arial, verdana, helvetica, sans-serif;font-weight:normal;font-size:9pt;}
.act-titre-sec {font-weight:bold;font-family: arial, verdana, helvetica, sans-serif;font-size:9pt;}
.act-contenu-sec {font-weight:normal;font-family: arial, verdana, helvetica, sans-serif;font-size:9pt;}
.disco-text {font-weight:normal;font-family: arial, verdana, helvetica, sans-serif;font-size:8.5pt;color:#6c523b;}
.text-normal {font-weight:normal;font-family: arial, verdana, helvetica, sans-serif;font-size:9pt;color:#6c523b;}

.cal-date {font-weight:bold;font-family: arial, verdana, helvetica, sans-serif;font-size:9pt;color:#6c5239;}
.cal-ville {font-weight:bold;font-family: arial, verdana, helvetica, sans-serif;font-size:9pt;color:#ee1a26;}
.cal-salle {font-weight:normal;font-family: arial, verdana, helvetica, sans-serif;font-size:9pt;color:#6c523b;}

/* LAYOUT 
--------------------------------------------- */
#container #wrapper {position:relative;margin:0 auto;width:951px;text-align:left;}
#control-radio {width:372px;height:77px;display:block; float:right;}
#photo-left {width:371px;height:407px; display:block; float:left;}
#contenu {width:580px;height:407px; display:block; float:right;}


	.link-images a img {background:#fdf9f0; padding:4px; border:1px solid #ebe3d6; border-bottom:none;}
	.link-images a:hover img {background:#d2d0b3; border:1px solid #ebe3d6; border-bottom:none;}

/* NAVIGATION
--------------------------------------------- */
#photo2 {
	position:relative;
	width:547px;
	display:block;
	height: 65px;
	float:right;
	background: url(../img/photo-acceuil2.jpg) no-repeat;
	}
#entree {
position:relative;
	float:left;
	height:65px;
	margin-left:239px;
	width:165px;
	}
#entree a {
	display: block;
	height: 65px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../img/btn-entree.gif) no-repeat;
	background-position: center top; /* horizontally centers the background image */
	}
#entree a:hover {
	background-position: 50% -65px;
	}
	#entree a.actif,
	#entree a.actif:hover {
		background-position: 50% -65px;
		}


#nav {
	height: 31px;
	list-style: none;
	margin-left:32px;
	}
#nav li {
	float: left;
	height: 31px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navAccueil {
		width: 76px;
		background: url(../img/nav/Accueil.gif) no-repeat;
		}
	#navAct {
		width: 108px;
		background: url(../img/nav/Act.gif) no-repeat;
		}
	#navBio {
		width: 108px;
		background: url(../img/nav/Bio.gif) no-repeat;
		}
	#navDisco {
		width: 124px;
		background: url(../img/nav/Disco.gif) no-repeat;
		}
	#navSpectacles{
		width: 114px;
		background: url(../img/nav/Spectacles.gif) no-repeat;
		}
	#navPhotos {
		width: 84px;
		background: url(../img/nav/Photos.gif) no-repeat;
		}

	#navFanclub{
		width: 90px;
		background: url(../img/nav/Fanclub.gif) no-repeat;
		}
	#navBoutique{
		width: 98px;
		background: url(../img/nav/Boutique.gif) no-repeat;
		}
	#navContact{
		width: 91px;
		background: url(../img/nav/Contact.gif) no-repeat;
		}
		
#nav li a:hover {
	background-position: 50% -31px;
	}
	#nav li a.actif,
	#nav li a.actif:hover {
		background-position: 50% -31px;
		}
