/******************** BALISES GENERIQUES ********************/
body {
	margin:0 1% 0 1%;
	color:#000000;
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-size:12px;
}
a {
	cursor:url(../devilhand.ani),pointer;
	color:#0000FF;
	text-decoration:none;
}
a img {
	border:none;
}


/******************** LOGO ********************/
div#logo {
	width:100%;
	background:url(../images/logo.png) no-repeat 50% top;
	height:50px;
}


/******************** ESPACE VIDE ********************/
div#vide {
	width:100%;
	height:25px;
}


/******************** MENU DEROULANT ********************/
*{padding:0;margin:0;}

#menu {
	padding-left:11%;
	width:89%;
	height:23px; /* pas obligatoire , ça dépend de la hauteur du #menu dl dt */
	border:none;
	background-color:#CCCCCC;
}
#menu dl dt ul li {
	list-style-type:none; /* enlève les puces */
}
#menu dl dt { /* chaque menu */
	cursor:url(../devilhand.ani),pointer;
	float:left; /* mets les menus les uns à gauche des autres */
	padding:0 17px 0 17px;
	/*height:25px; hauteur des menus */
	line-height:23px;
	font-size:13px;
	font-weight:bold;
}
#menu dl dt a { /* lorsque le menu est un lien */
	/*display:block;  le lien prend toute la case et non le mot */
	/*height:25px; hauteur des menus */
	line-height:23px;
	text-decoration:none;
	color:#000000;
}
#menu dl dt ul { /* le sous-menu */
	display:none; /* efface les sous-menus */
}
#menu dl dt:hover { /* passage de la souris sur un menu */
	position:relative; /* permet au sous-menu de rester sous son menu respectif */
	color:#FF0000;
}
#menu dl dt:hover a { /* passage de la souris lorsque le menu est un lien */
	color:#FF0000;
}
#menu dl dt:hover ul { /* caractéristiques du sous-menu au passage de la souris sur un menu */
	position:absolute; /* permet de régler le top et le left des ul */
	display:block; /* permet d'afficher les ul */
	width:148px; /* largeur du sous-menu */
	top:23px; /* permet d'espacer en hauteur le menu et le sous-menu */
	left:10px; /* permet de gérer la position du sous-menu  */
}
#menu dl dt:hover ul li { /* les sous-menus à l'individuel */
	display:block;
	background-color:#CCCCCC;
	text-align:left;
	line-height:21px;
}
#menu dl dt:hover ul li a { /* ce sont les liens des sous-menus */
	display:block; /* le lien prend toute la case et non le mot */
	padding-left:3px;
	color:#000000;
	font-size:12px;
	font-weight:normal;
}
#menu dl dt:hover ul li a:hover { /* passage de la souris sur les liens des sous-menus */
	background-color:#003399;
	color:#FFFFFF;
}


/******************** MENU FIGÉ CONCERT + LIENS + PA + ADMIN ********************/

div#menuconclienspa {
	width:154px;
	margin:0;
	position:fixed;
	text-align:center;
}
div#menuconclienspa ul li {
	list-style-type:none; /* enlève les puces */
	background:#CCCCCC;
}
div#menuconclienspa ul li a {
	display:block;
	color:#000000;
}
div#menuconclienspa ul li a:hover {
	background:#003399;
	color:#FFFFFF;
}


/******************** CONTENU ********************/

div#edito {
	float:left;
	width:55%;
	padding:0 1% 1% 1%;
	margin-left:4%;
	border:1px solid #FF0000;
	background:url(../images/bg-blanc90opacite.png);
}
div#chiffres {
	float:left;
	width:31%;
	margin-left:1%;
	padding:0 1% 1% 1%;
	border:1px solid #FF0000;
	background:url(../images/bg-blanc90opacite.png);
}
div#info {
	width:98%;
	border:1px solid #FF0000;
	padding:1%;
	background:url(../images/bg-blanc90opacite.png);
}
div#contenudroitconclienspa {
	width:83%;
	margin-left:167px;
	line-height:16px;
}
table#concertdate {
	width:100%;
	border-collapse:collapse;
	margin-bottom:1px;
}
table#concertdate td {
	color:#FFFFFF;
	padding:2px;
	line-height:20px;
}
table#concertdate td a {
	color:#FFFF00;
}
table#concertgroupe {
width:100%;
border-collapse:collapse;
}
table#concertgroupe td {
	padding:4px;
	line-height:17px;
}
table#invisible { /* dernière ligne affich concerts , module de recherche des photos , module de recherche des groupes (liens + concerts), présentation des bannières. Les select inclus subissent un traitement (cf + bas)*/
	width:100%;
	border-collapse:collapse;
}
table#photos {
	width:100%;
	border-collapse:collapse;
}
table#photos td {
	border:1px dashed #666666;
	padding:5px;
}


/******************** FORMULAIRE : TABLEAU & BOUTON ********************/
table#formulaire {
	width:810px;
	border-collapse:collapse;
	/*border:1px solid #FF0000;*/
}
table#formconcconteneur {
	width:980px;
	border-collapse:collapse;
}
table#formulaire td, table#formconcconteneur td {
	/*border:1px solid #0FF000; /* permet de colorer en vert chaque cellule*/
}
table#formconcinterne {
	border-collapse:collapse;
	border:1px solid #FF0000; /* permet de colorer en rouge uniquement le tour de chaque tableau interne */
	background:url(../images/bg-blanc90opacite.png);
}
table#formconcinterne td {
	/*border:1px solid #0000FF; /* permet de colorer chaque cellule en bleu*/
	height:26px;
}
#formulaire input, #formulaire textarea, #formulaire select, #invisible select, #formconcinterne input, #formconcinterne textarea, #formconcinterne select {
	border:1px solid #000000;
	background-color:#F3F3F3;
}
#formconcinterne .buttonajoutmodulegroupe {
	cursor:url(../devilhand.ani),pointer;
	border:1px solid #000000;
	background-color:#003399;
	padding:2px;
	font:bold 10px Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
}
.buttonformconc, #formulaire .buttonform, #invisible .buttonform {
	cursor:url(../devilhand.ani),pointer;
	border:1px solid #000000;
	background-color:#003399;
	color:#FFFFFF;
	padding:4px;
	font:bold 12px Verdana, Arial, Geneva, sans-serif;
}


/******************** PIED DE PAGE ********************/
div#pied {
	float:left;
	width:100%;
	margin-top:30px;
	line-height:14px;
	font-size:9px;
	text-align:center;
	color:#666666;
}


/******************** INFOS-BULLES ********************/
a.bullecompteurpa, a.bulleinfomailperso, a.bullecompteurconclienspa, a.bulleinfosconcert, a.bulleinfoscene {
	position:relative;
	z-index:70;
}
a.bullecompteurpa:hover, a.bulleinfomailperso:hover, a.bullecompteurconclienspa:hover, a.bulleinfosconcert:hover, a.bulleinfoscene:hover {
	z-index:80;
}
a.bullecompteurpa span, a.bulleinfomailperso span, a.bullecompteurconclienspa span, a.bulleinfosconcert span, a.bulleinfoscene span {
	display:none;
}
a.bullecompteurpa:hover span, a.bulleinfomailperso:hover span, a.bullecompteurconclienspa:hover span, a.bulleinfosconcert:hover span, a.bulleinfoscene:hover span {
	display:block;
	position:absolute;
	padding:0 4px 0 4px;
	background-color:#FFFF99;
	color:#000000;
	text-align:left;
	font-size:11px;
}
a.bulleinfomailperso:hover span {
	top:-60px; left:90px; width:400px;
	padding:4px;
}
a.bullecompteurconclienspa:hover span {
	top:0px; left:154px; width:auto;
	white-space:nowrap;
	line-height:14px;
}
a.bulleinfosconcert:hover span {
	top:0px; left:-360px; width:350px;
	padding:4px;
	line-height:16px;
}
a.bulleinfoscene:hover span {
	top:30px; left:-160px; width:810px;
	padding:4px;
	line-height:11px;
}