/* style par Pautex JF 06/2005 */
/* style de machinbidule.net */
/* version page de base du site */
	* { padding: 0; margin: 0; }
	p, hr { margin-top: 0.5em; 
		margin-bottom: 0.5em;	
	}
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-image: url(/machin/images/f_fond.gif);
		/*background-attachment: fixed;	*/
		padding: 0px;
		margin: 0px;
	}
/* le bandeau en haut avec image de fond */
	#header {
		background-image: url(/machin/images/logo_machin.gif);
		height: 365px;
		width: 203px;
		margin: 0px;
		/*float: left;*/		/* a voir */
		position: absolute;		/* ca va mieux sur pc */
		top: 0;
		left: 0;
	}

/* petite bande dessous l'image d'entete avec le numero :: conteneur */
	#bande {
		background-image: url(/machin/images/bonhomme.gif);
		background-repeat: no-repeat;
		height: 133px;
		margin-left: 203px;
		
	}

/* fond blanc des numeros de public */
	#numero {
		/*background-color: #FFFFFF;*/
		color: #000000;
		border-style: solid;
		border-width: thin;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		padding: 5px;
	}

/* rectangle central invisible du centre */
	#centre {
		/*background-color: #FFFFFF;*/
		margin-left: 196px;
		width: 800px;
		/*position: relative;
		top: 0px;
		left: 0px;*/
	}

/* conteneur du contenu principal gauche d'entre site dans le fond invisble */
	#centregauche {
		background-color: #FFFFCC;
		width: 650px;
		margin-left: 7px;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
		padding-top: 5px;
		font-size: 14px;
		/* modif 
		position: absolute;
		top: 133px;
		left: 200px;
		z-index: 1;*/
	}
/* conteneur du menu general de droite :: dans le fond transp ci dessus */
	#centredroit {
		/*background-color: #dbc93a;*/
		/*float: right;*/
		width: 220px;
		
		/* modif pc ie */
		position: absolute;
		top: 133px;
		left: 780px;
		
	}
	#topcentredroit {
		background-image: url(/machin/images/top_menu.gif);
		width: 220px;
		height: 17px;
	}
	#bottomcentredroit {
		background-image: url(/machin/images/bottom_menu.gif);
		width: 220px;
		height: 24px;
	}
	#bottomimagemenu {
		background-image: url(/machin/images/bottom_image_menu.gif);
		width: 220px;
		height: 25px;
	}
	#pub {
		background-color: #ab8961;
		width: 168px;
		margin-left: 35px;
	}
	
/* div de fermeture img de bas*/
	#fermeture {
		background-image: url(/machin/images/bas.gif);
		height: 41px;
		width: 655px;
		margin-left: 205px;
	}
	#derniercd {
		background-color: #F3CD00;
		width: 400px;
		padding: 0 5px 2px 2px;
		font-size: 11px;
		
	}
	.dertxt {
		background-color: #292647;
		font-size: 12px;
		margin-left: -5px;
		/*margin-bottom: -5px;*/
		padding-top: 2px;
		padding-bottom: 2px;
		color: #FFFFCC;
	}
	
	#date {
		margin-top: 0px;
		text-align: center;
		font-size: 11px;
	}
/* text des menu de droiite */
	.menu {
		padding: 0px;
		font-size: 12px;
	}
	.menu:hover{
		/*background-color: #292647;*/
		color: #FFFFCC;
	}
	

	.menug {
		margin-bottom: 0px;
	}
	a {
		color: #333333;
	}
	
	.menu a {
		background-color: #dbc93a;
		color: #a7000f;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding: 2px;
	}
	.menug a {
		color: #111111;
		font-weight: bold;
		text-decoration: none;
	}
	.menu a:hover, a#actif {
		background-color: #292647;
		color: #FFFFCC !important;
	}

/* la liste en ligne */
	li.listebande {
		display: inline;
		border-right: solid;
		border-width: thin;
		padding-right: 2px;
		padding-left: 2px;
		font-size: 11px;
		font-weight: bold;
		font-family: "Courier New",Courier,Monaco;
	}
	li.bandebas {
		display: inline;

		border-right: solid;
		border-width: thin;
		padding-right: 4px;
		padding-left: 4px;
		font-size: 12px;
		font-weight: bold;
		font-family: "Courier New",Courier,Monaco;
	}
	
	li.listebande:first-child {
		border-left: solid;
		border-width: thin;
		font-size: 15px;
	}
	
	li.bandebas:first-child {
		border-left: solid;
		border-width: thin;
	}
	.bandebas a {
		text-decoration: none;
		background-color: #FFFFCC;
		color: #111111;
	}
	
	ul {
		text-align: center;
		background-color: #FFFFCC;
	}
	ul.liens {
		text-align: left;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#news ul {
		margin-bottom: 16px; 
		}

/* list de liens entete ----------- */
	dt.menug {
		text-align: left;	
	}
	dt.menug a {
		font-weight: normal;
		display: block;		
	}
	dt.menug a:hover {
		background-color: #eb8a76;
	}
	
/* page annonce */
	body.annonce {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #111111;	
	}
	.formulaire {
		margin-right: 25%;
		text-align: right;
	}

	body.validation {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #111111;	
	}
	body.agenda {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		/*color: #000000;	*/
	}
	/*body.agenda a { color: #FFFFFF; }*/
	
	body.article {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;	
	}
	/*body.article a { color: #FFFFFF; }*/
	
	
	body.cd {
		font-family: Arial, Helvetica, sans-serif;
 		font-size: 12px;
		color: #000000;	
	}
	/*body.cd a { color: #FFFFFF; }*/
	
	body.news {
		font-family: Arial, Helvetica, sans-serif;
		/*font-size: 12px;*/
		color: #000000;	
	}
	/*body.news a { color: #FFFFFF; }*/
	
	body.tournees {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;	
	}
	/*body.tournees a { color: #FFFFFF; }*/
	
	body.groupes {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;	
	}
	/*body.groupes a { color: #FFFFFF; }*/

/* les divers body liens */	
	body.liens {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;	
	}
	body.liens a { color: red; }
	
	body.liens dt { 
		color: #992233; 
		font-size: 14px;
		margin: 0.5em 0 0.3em 0;
	}
	body.liens dl { 
		margin-left: 30px; 
	}
	body.liens dt em { 
		background: #FFFFFF;
		border-style: solid;
		border-width: thin;
		padding-top: 3px;
		padding-right: 3px;
		padding-left: 3px;
		padding-bottom: 0px;
		}

/* les invisibles */
	#label, #webzine, #techno, #hip, #festival, #salle, #musique, #incontournable, #lorrain{
		display: none;	
	}


/* general */
	td {
		font-size: 12px;
	}
	.soustitre {
		font-size: 18px;
		font-weight: bold;
	}
	.margeTitre {
		margin-bottom: 10px;	
	}
	
/* agenda */
	#agenda {
		padding-right: 90px;
		padding-left: 20px;
	}
	.encadreT1 a {
		color: #FFFFCC !important;
	}
/* cd */
	#cd {
		/*background-image: url(/machin/images/cd_background.jpg);*/
		padding-right: 90px;
		padding-left: 20px;
	}
	.photo { 
		float: left;
		margin-right: 15px;
	}
	.cdentete {
		color: black;
		font-family: "Courier New",Courier,Monaco;
		font-size: 12px;
		margin-bottom: 10px;
	}
/* les gros titre de debut de page en haut */
	.gros {
		font-size: 24px;
		color: #111111;
		font-weight: bold;
		margin-right: 10px;
		font-family: "Courier New",Courier,Monaco;
	}
	
/* news */
	#news, #article, #tournees, #groupes, #liens {
		padding-right: 90px;
		padding-left: 20px;
	}	



/* div du menu de droite des pages */
	#droitemenu {
		width: 172px;
		float: right;	
	}	
	#droitemenu a { color: #000000; }
	

	
/* les titre des documents */
	.encadre {
		background-color: #FFFFCC;
		padding: 3px;
		font-size: 20px;
		border-style: solid;
		border-width: 2px;
		display: inline;
		margin-bottom: 20px;
	}
	.encadreT1 {
		background-color: #eb8a76;
		color: #FFFFCC;
		font-size: 20px;
		font-weight: bold;
		padding-right: 5px;
		padding-left: 2px;
	}	
	.encadreT2 {
		background-color: #FFFFFF;
		color: #111111;
		font-family: "Courier New",Courier,Monaco;
		font-weight: bold;
		font-style: italic;
		font-size: 18px;
		padding-right: 5px;
		padding-left: 5px;
		
	}
	.encadreT3 {
		background-color: #eb8a76;
		color: #FFFFCC;
		font-family: "Courier New",Courier,Monaco;
		font-weight: bold;
		font-size: 18px;
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 1px;
		margin-bottom: 3px;
		border-color: #111111;
		border-width: 2px;
		border-style: solid;
		display: inline;
	}	
	.encadreT3 a { 
		color: #FFFFCC !important;
		padding-bottom: 3px;
		}
	
/* ajuste images */
	.encadre img 		{ margin-bottom: -5px; }
	body.news img 		{ margin-bottom: -3px; }
	body.article img 	{ margin-bottom: -3px; }


/* agenda image */
	#imageGauche, .imageGauche{
		margin-left: -150px;
		float: left;	
	}
	.concert {
		font-size: 18px;
		font-family: "Courier New",Courier,Monaco;
		font-weight: bold;
		color: #111111;
		margin-bottom: -3px;
	}
	#nouvelle {
		background-color: #d4753c;
		color: #FFFFCC;
		font-size: 10px;
		width: 140px;
		padding-top: 0;
		padding-left: 3px;
		padding-right: 3px;
		float: right;
		/* margin-right: 30px;	 30 pour IE 70 pour autre */
	}
/* ---------  pc IE contre autre ----- */
	#nouvelle { margin-right: 70px; }			/* tt les bon nav */
	* html #nouvelle { margin-right: 30px; }	/* cette merde IE */
	
	
/* sparateur de item noir */
	hr.blackseparateur {
		height: 1px;
		margin-bottom: -3px;
		width: 50%;
	}
/* deplace les input text de recherche block avec image */
#recherche {
		width: 200px;
		position: absolute;
		top: 83px;
		left: 580px;
	}

/* pour les editeurs divers, image etc... */
	#editcentre {
		background-color: #FFFFCC;
		width: 850px;
		margin-left: 30px;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
		padding-top: 5px;
		font-size: 12px;
	}

/* FIN de style */