/* Style www.zone51.net : CSS Generale */

body {	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: white; 
	background: black url(../images/interface/deco/fond_oblique.gif) repeat; 
	/*background: black url(http://www.zone51.net/images/interface/deco/fond_nowel_sombre.png); */
	margin: 0; padding: 0; 
}

.linksTooltip
{
	border: 1px solid #000;
	background-color: #444;
	padding: 4px;
	color: #ccc;
}


/* Titres */		
h1	   			{margin-top: 0px; font-size: 12pt; color: white; background: red url(../images/interface/deco/degrade.gif); font-weight: bold; 
		    		 border-style: solid; border-color:white; border-width: 0 0 1px 0; padding-left: 5px;}
div.main h1:before 		{content: ".::\00A0";}
div.main h1:after  		{content: "\00A0::.";}

h2				{margin-top: 20px; margin-bottom: 10px; color: white; font-size: 11pt; padding-left: 3px; font-weight: bold; 
				 background: url(../images/interface/deco/degrade_h2.gif) repeat-y;}
div.contenu h2:first-child	{margin-top: 0;} /* Pas (trop) de marge pour le premier h2 de la page */
div.contenu > *.banniere + h2	{margin-top: 10px;}  /* ... meme s'il suit une banniere */
				
h3 				{margin-top: 15px; margin-bottom: 10px; color: white; font-size: 10pt ; padding-left: 3px; 
				 background: url(../images/interface/deco/degrade_h3.gif) repeat-y;}

#tooltip h3  { display:inline; background:#111111; margin-top:0; clear:none; border: 1px solid gray;}

h4				{font-size: 10pt;}

/* Texte */
p				{text-align: justify; padding-left: 5px; padding-right: 5px; text-indent: 10px; line-height: 1.4; margin-bottom: 20px; margin-top: 10px;}
p.petit    			{font-size: 8pt; line-height: 1.5; margin-bottom: 10px;}
p.noalinea			{text-indent: 0;}
p.legende			{padding: 0; margin: 0; font-size: 8pt; text-indent: 10px; margin-bottom: 10px;}
p.attention 			{border : 1px solid white; background: red url(../images/interface/deco/messagebox_warning.png) no-repeat; text-indent: 13px;}
p.info 				{background: url(../images/interface/deco/messagebox_info.png) no-repeat; text-indent: 15px;}
p.annonce 			{border: 1px solid #666666; background: #111111; text-indent:0;}
/* p.annonce a.groupe		{font-size: 10pt;} */
p.liens				{line-height: 1.2;} /* Liens multilignes */

/* Navigation */
.eviteNavigation		{width: 525px;}
.sansNavigation		{width:580px;} /* A cause d'IE */

.annule				{text-decoration: line-through;}
.annule a			{text-decoration: line-through;}
.credits			{font-size: 8pt; color : #999999;}
code				{font-size: 8pt; color : white; background-color: #333333; border: 1px solid #444444; display:block; padding-left: 5px; padding-right: 5px;}
code.scroll			{overflow: scroll;}
blockquote	{ margin-left: 5px; border-left: 5px solid #333333; background: #111111 url(../images/interface/deco/img_blockquote.gif) no-repeat bottom right; margin-right:30px;}
blockquote p	{ text-indent: 0;}
blockquote p.auteur {font-style:italic; text-align:right; padding-right: 35px;}

/* Zones avec images et paragraphes */
div.pimage img			{float: left; padding: 0; margin: 0.5em 1em 0.5em 0.5em;}
div.pimagedroite img		{float: right; padding: 0; margin: 0.5em 0.5em 0.5em 1em;}

/* Zones */
div.conteneur		 	{width: 750px; margin-left: auto; margin-right: auto; text-align: left; padding: 5px;}
div.titre			{width: 748px; height: 70px; overflow: hidden; border: 1px solid white; background: black no-repeat;}		
div.titre img			{display: block; margin-left: auto; margin-right: auto;}
div.slogan			{letter-spacing: 8px; word-spacing: 5px; text-align:right; width: 100%; font-size: 9pt; }
div.slogan span.last		{letter-spacing: 0;}
div.main 			{width: 604px; border: 1px solid white; float: left; margin-bottom: 10px; padding-bottom: 10px; 
				 background: black url(../images/interface/deco/coin_bas_main.gif) no-repeat bottom right;}
div.droite			{float: right;}
div.box, div.imgbox		{border: 1px solid gray; width: 130px; padding: 1px; margin-bottom: 10px; background: black;}
div.imgbox img			{display: block; margin-left: auto; margin-right: auto;}				
div.footer			{width: 604px; border: 1px solid gray; float: left; font-size: 9px; margin-bottom: 10px; background-color: black;}
div.footerinfos			{font-size: 12px;}
/* div.footer img		{display: block; margin-left: auto; margin-right: auto;}  */
div.footer img			{margin-left: auto; margin-right: auto;} 
div.footer p			{line-height: 1.2; text-indent : 1em; margin: 0.3em; padding: 0;}
div.pub				{background: url(../images/interface/deco/pub.gif) repeat;}
/* div.photoshoraires		{overflow: hidden;} */
div.pub img			{display: block; margin-left: auto; margin-right: auto;} 
div.contenu			{padding : 0 5px 0 5px; position: relative;}
div.naviconcerts		{position: absolute; top: 0; right: 10px; margin: 0; padding: 0;}
div.naviconcerts a:hover	{position: relative; top: 1px; right: -1px;}
div.naviconcerts a:active	{position: relative; top: 2px; right: -2px;}
div.haut			{text-align:right;}
div.imagesGroupe		{margin-top: 10px; padding-left: 5px; padding-right: 5px;}
.accessibilite			{display: none;}
.invisible				{display: none;}

/* Partie droite */
div.box ul			{list-style-type: none; margin: 0; padding:0;}

div.box a			{padding-bottom: 1px; width: 123px; height: 15px; display: block; text-align: left; padding-left: 5px; 
				 color: white; text-decoration: none; border: 1px black solid;}
div.box a.rubriqueactive 	{background-color: #333333; border: 1px solid #666666;}
div.box a:visited		{color: white;}
div.box a:hover, 
div.box a:active 		{color: white; border-color:white; background: url(../images/interface/deco/degrade.gif) red;}
div.box h1, 
div.imgbox h1 			{font-size: 10pt; border-style : none; margin-bottom: 1px; padding: 1px; font-weight: normal;}
#menu h1, 
div.footer h1			{display: none;}
div.box span			{padding-left: 5px;}
div.centre 			{display: block; margin: auto; width: 100%;}
/* Sous-menu */
ul.sousmenu a			{color: #ffcc00; font-size: 8pt;padding-bottom: 1px; width: 123px; padding-left: 0px; padding-right: 5px; 
				 height: 15px; display: block; text-align: right; text-decoration: none; border: 1px black solid;}
ul.sousmenu a:visited 		{color: #ffcc00; background: black;}
ul.sousmenu a:hover, 
ul.sousmenu a:active 		{color: white; background: url(../images/interface/deco/degrade_sous-menu.gif) black repeat-x;}

/* Acronymes, abbreviations et aide */
abbr, acronym, dfn, .help {border-bottom: 1px dotted; cursor: help; font-style:normal;}

/* Images */
img				{border-width: 0;}
img.bord 			{border: 1px gray solid;}
img.centre 			{display: block; margin: auto;}
img.footer 			{float: right; margin-top: 4px; padding-right: 3px;} /* Logo Firefox */
img.pleinecran			{border: 1px solid gray; margin: 10px 10px 0 10px;}
.partenaires {background-color: white; border: 2px solid #555555; margin-left:25px; margin-right:25px; padding-top: 5px; padding-bottom: 5px;}
.partenaires img		{margin-left: 8px; margin-right:8px; margin-bottom: 8px;}

/* Listes */
div.main li			{margin-top: 0.6em; line-height: 1.4;}
div.main ul			{list-style-image: url(../images/interface/puces/etoile_jaune.png); text-align: justify; padding-right: 5px; margin-top: 5px;}
div.main ul ul li		{margin-top: 0.4em;}
div.main ul ul			{list-style-image: url(../images/interface/puces/etoile_blanche.png);}
div.main ul ul ul li		{margin-top: 0;}
div.main ul ul ul		{list-style-image: url(../images/interface/puces/etoile_rouge.png);}

div.main ol			{list-style-type: decimal; list-style-image: none;}
div.main ul.serre li		{margin-top: 0.1em;}
div.main ul.espace li		{margin-top: 1.2em;}
div.main ul.liens li		{line-height: 1.2;} /* Listes avec une hauteur de ligne de 1 (pour les liens multi-lignes) */
div.main ul.concerts li	{margin-top: 1.2em;}
div.main ul.inline li		{display: inline;}

div.main dl			{margin-top: 0.6em; line-height: 1.4; text-align: justify; padding-right: 5px; margin-top: 5px;}
div.main dt			{font-weight: bold; margin-top: 1.2em; margin-bottom: 0.4em; padding-left: 25px; line-height: 1.4; background: url(../images/interface/puces/etoile_jaune.png) 10px 2px no-repeat;}
div.main dd			{margin-bottom : 5px; }

/* Liens */
a:link				{color: red;}
a:visited			{color: #FF0000;} 

a:visited:hover			{color: #ff9900;}
a:link:hover			{color: white;}

a:visited:active		{background: #ff9900; color: white;}
a:link:active			{background: red; color: white;}

a[hreflang]:after 		{content: "\00A0[" attr(hreflang) "]"; color: #990000;}
a[hreflang]:visited:active:after {color: #996600;}
a[hreflang]:visited:hover:after {color: #996600;}
a[hreflang]:active:after 	{color: #999999;}
a[hreflang]:hover:after 	{color: #999999;}
a.strong			{font-weight: bold;}

a.nonsouligne:link 		{text-decoration: none;}
a.nonsouligne:visited 		{text-decoration: none;}
a.nonsouligne:hover		{text-decoration: underline;}

p.attention a:link, 
p.attention a:visited 		{color: white;}
p.attention a:hover		{color: black;}
p.attention a:active		{background: white; color: red;}

div.haut a:link			{color: white;}
div.haut a:visited		{color: white;}
div.haut a:hover		{color: red;}
div.haut a:active		{background: red; color: white;}

/* Colonnes */
.ligne				{clear: both;}
div.col 			{float:left; padding-top:10px; padding-bottom:10px; padding-right:20px; padding-left:20px; text-align:center; }

/* Concerts */
.groupe				{font-size: 11pt; font-weight: bold; color: red; text-decoration: none; margin-bottom: 0.5em; }
/* table.groupe tr th a			{text-decoration: underline;} */
.block				{display:block;}
span.groupe			{padding-left: 5px;}
a.groupe			{text-decoration: none;}
/*a.groupe:hover, a.groupe:active	{color: white;}*/
h4.groupe			{display:inline;}

/* Lignes */
hr.pointilles			{margin-top: 15px; margin-bottom: 15px; color: white; border-style: none; border-bottom-style: dashed; height: 1px; text-align:center; width: 50%;}

/* Tableaux */
caption				{caption-side: bottom; font-size: 8pt;}
table.tableau	th		{border-bottom: 1px solid white;}
table.tableau	td		{padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px dotted gray;}
/*
table.tableau      		{padding: 0px; border: white 1px solid;}
table.tableau td		{text-align: left; padding: 2px;}
*/
td				{font-size: 10pt; text-align:left;vertical-align: top;}
tr.impaire		 {background-color: #111111;}
table.wide			{width: 100%;}
table.wide td			{padding: 10px;}
table.widebords			{width: 100%; border: white 1px solid;}
table.widebords td		{text-align:left;}

/* Historique */
table.historique		{width: 100%;}
table.historique th.datehistorique		{width: 20%;}
table.historique th.nomgroupe		{width: 50%;}
table.historique td 		{vertical-align:top; text-align:left;}
table.historique a		{text-decoration: none;}
table.historique a:hover	{text-decoration: underline;}

/* Formulaires */
fieldset			{padding: 1em; padding-top: 10px; border: 1px solid #333333;}
legend				{margin-bottom: 4px; color: white;}
input.formBouton		{border:1px solid white; background-color:black; color:white;}
input.formBouton:hover,
input.formBouton:active		{background-color:red; color:white;}
div.box form label		{width:auto; float:none;}

/* Misc */
.flottegauche 			{float: left;}
.flottedroite 			{float: right;}