/*le body, texte, fond de page par défaut, alignement, etc, etc...*/
body { 
	color: white; 
	background-color: black;
	background-image: url(../images/fondpages.png); 
	text-align: center; 
	margin: 0 0 10px 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; background-attachment: fixed; }

/*l'éternel conteneur qui suit de près le body body...*/
#conteneur { 
	width: 730px; 
	padding: 10px 10px 20px 10px; 	
	border:solid #FFFFCC; 
	border-width: 0 1px 1px 1px; 
	text-align: center; 
	color: #FFF; 
	background-color: #000; 
	clear:both; margin: 0 auto; }

/*le menu de toutes les pages et son meun html de remplacement (pour la forme et le référencement
#menunoir { width:750px; height: 90px: padding: 0; margin: 0 auto; }
#menunoir ul { padding: 2px; margin: 0 auto; }
#menunoir li { width: 370px; padding: 0; margin: 0 auto; list-style-type: none; }
#menunoir li a { color: #ffffe0; text-decoration: none; }
*/

/*utile et énervant, du genre qui fait gravement hésiter à faire ayatollah des css... */
.firefoxbug { clear: both; padding: 0; margin: 0 auto; }

/*quelques pages spéciales*/
div.mentionsleg {	width: 520px;	padding: 15px;	background-color: #555555;	margin: 10px auto; border: 1px dashed #ffffe0; }

/*la page cours*/
p.blablacours { width: 640px; padding: 10px 0;	margin: 0 auto;	text-align: left;	font-weight: bold; }
p.blablacoursmaigre { width: 640px; padding: 10px 0;	margin: 0 auto;	text-align: left; }
div.coursinterimgpage { padding: 12px 0; margin: 0; }
table.cours {	width:550px; border : 1px solid #555555; background-color : #333333; border-collapse: collapse; margin: 10px auto; }
table.cours th { border:  1px solid #555555; background-color: #900; background-image: url(../images/fondth1.png); background-position: center; padding: 4px; text-align: center; color: white; font-weight: bold; font-size: 13px; }
table.cours td.coursetc { border : 1px solid #555555; background-color : #444444; padding: 4px; text-align:left; }
table.cours td.tarif { border : 1px solid #555555; background-color : #444444; padding: 4px; text-align: center; }
table.lesprofs { width: 540px; border-collapse: separate; margin: 10px auto; }
table.lesprofs td.photoprof { width: 170px; padding: 5px; text-align: center; vertical-align: bottom; }
table.lesprofs td.blablaprof { width: 170px; padding: 5px; text-align: center; background-color: #444; vertical-align: top;}

/*les textes au fur et à mesure que j'y pense, sûrement des doublons mais il reste des trucs de l'"ancien temps"*/
/*du coup, mieux vaut laisser partout taille et couleur pour les pages qui n'hériteraient pas pour cause de DTD pas à jour*/
.txt { font-size: 12px; font-weight: bold; text-decoration: none; }
.txt_gros { font-size: 16px; font-weight: bold; }
.txt_noir { font-size: 12px; font-weight: bold; color: #000000; }
.txt_gros_noir { font-size: 16px; font-weight: bold; color: #000000; }
.textejaune { font-size: 12px; font-weight: bold; color: #FFFFCC; }
.lienjaune { font-size: 12px; color: #FFFF99; font-weight: bold; }
.textemaigre { font-size: 12px; font-weight: normal; }
.txtgros { font-size: 16px; font-weight: bold; }
.txtGrosNoir { font-size: 16px; font-weight: bold; color: #000000; }
.txtNoir { font-size: 12px; font-weight: bold; color: #000000; }
.textMaigreNoir { font-size: 12px; font-weight: normal;	color: #000000;	text-decoration: none; }
.txtRouge { font-size: 12px; font-weight: bold;	color: #CC0000;	text-decoration: none; }
.petittexteblanc { font-size: 10px; font-weight: normal; }

/* les paragraphes récurrents*/
p.blablaneuf { width: 640px; padding: 15px 0 20px 0;	margin: 0 auto;	text-align: left;	font-weight: bold; }
/* pour les pages matos qui ont de l'embonpoint*/
p.blablaneuflarge { width: 670px; padding: 15px 0 20px 0;	margin: 0 auto;	text-align: left;	font-weight: bold; }
p.blablaneufetroit { width: 600px; padding: 15px 0 20px 0;	margin: 0 auto;	text-align: left;	font-weight: bold; }
p.blablaneufcentre { width: 640px; padding: 15px 0 20px 0;	margin: 0 auto;	text-align: center;	font-weight: bold; }
p.blablaneufmaigre { width: 640px; padding: 15px 0 20px 0;	margin: 0 auto;	text-align: left; }
p.navigjaune { width: 640px; padding: 10px 0;	margin: 0 auto;	text-align: center;	color: yellow; font-weight: bold; }
p.blablaruboccas { width: 600px; padding: 15px 0 20px 0;	margin: 0 auto;	text-align: left;	font-weight: bold; }

/*le bord d'images pour les vignettes dans les pages d'occas ou autre*/
.imgmatoslien {	border: 1px solid #FFFFE0; }

/*la marge pour les images de titre quand j'y pense*/
.imgtitre { margin: 8px auto; clear: both; }

/*les tables de matos neuf guitares amplis accessoires effets en tous genres...*/
/*d'abord quelques cellules qui serviront un peu dans toutes les pages, matos ou pas d'ailleurs*/

td.barrehoriz { text-align: left; padding: 4px 0; }
td.interrougeleft {	padding: 4px;	background-color: #990000; text-align: left; font-size: 16px;	font-weight: bold; }
/*la cellule de bas de tableau avec les coordonnées du mag */
/*n'arrivera qu'une fois par page, du coup id pour passer outre les attributs de td QQue soit le tableau*/
td#footermag { text-align: center; background-color: #990000;	font-weight: bold; padding: 7px; }
div#footermag { width: 626px; margin: 8px auto; clear: both; text-align: center; background-color: #990000;	font-weight: bold; padding: 7px; }


/*les tables de présentation du matos dans les rubriques de neuf*/
table.matosgeneral { width: 640px; margin: 0 auto; border-collapse: collapse; }
table.matosgeneralsep { width: 640px; margin: 5px auto; border-collapse: collapse; }
/*dans les cas, rares, où 640 pixels de large ne suffiraient pas*/
table.matosgenerallarge { width: 670px; margin: 0 auto; border-collapse: collapse; }
/*le cas inverse, pour le petit matos faàon accessoire par exemple*/
table.matosetroit { width: 580px; margin: 0 auto; border-collapse: collapse; }
table.matosetroitsep { width: 580px; margin: 5px auto; border-collapse: collapse; }
/* ouuuuh pas bien, la table imbriquée à tous faire pour les lignes d'images avec plus ou moins d'images que prévues au départ dans le tableau*/
table.multivign {	width: 100%; border-collapse: collapse; }

/* les cellules de vignettes toutes pages de présentation confondues*/
td.lienimg { width: 110px; padding: 4px 10px 4px 0; text-align: center; vertical-align: top; }
td.lientxt { padding: 4px 0; text-align: left; vertical-align: top; }
td.alonecenter { padding: 4px; text-align: center; }
td.vign { padding: 3px;	text-align: center;	background-color: black; vertical-align: bottom; }
td.descipt { padding: 4px;	text-align: left; background-color: #444444; color: white; vertical-align: top; }
td.descriptjaune { padding: 4px;	text-align: left; background-image: url(../images/fondcelljaunedeg650.png); background-color: #ffffcc; color: #222222; }
td.desciptcenter { padding: 4px;	text-align: center; background-color: #444444; color: white; }
td.redcenter { padding: 4px;	text-align: center; background-color: #990000; color: white; }
td.interimg { padding: 4px; text-align: center; background-color: #333333; }
td.intercentregros { padding: 4px; text-align: center; background-color: #444; font-size: 15px; font-weight:bold; }
td.intercentregrosjaune { padding: 4px; text-align: center; background-image: url(../images/fondcelljaunedeg650.png); background-color: #ffffcc; color: #333; font-size: 15px; font-weight:bold; }
td.aumag { padding: 3px;	font-size: 16px; font-weight: bold;	text-align: left;	background-color: #333333; }
td.logosneuf { padding: 7px 3px;	text-align: center;	background-color: #000000; vertical-align: bottom; }

/*l'accueil général du matos d'occas*/
table.matosoccasaccueil { width: 680px; margin: 12px auto; }
table.matosoccasaccueil td { padding: 3px; }

/*les tables des pages d'accueil des rubriques d'occas*/
table.matosoccasrub { width: 600px;	margin: 0 auto;	border-collapse :collapse; }
table.matosoccasrub td.texte { width: 200px; padding: 3px; background-color: #444444; font-weight: bold; text-align: center; }
table.matosoccasrub td.guit {	width: 200px;	padding: 3px;	background-color: black; text-align: center; }
table.matosoccasrub td.ampli { width: 200px; padding: 3px; background-color: black;	text-align: center;	vertical-align: bottom; }
table.matosoccasrub td.effet { width: 200px; padding: 3px; background-color: black;	text-align: center;	vertical-align: bottom; }
table.matosoccasrub td.interamp {	padding: 4px;	background-color: #990000; text-align: center; font-size: 16px;	font-weight: bold; }

/*la table du menu des rubriques incorporé dans les pages d'occas*/
table.menumatosinc { margin: 0 auto; padding: 0; border-collapse: collapse; }
table.menumatosinc td {	margin: 0; padding: 0; }

/*ça peut toujours servir mais le moins possible oeuf corse...*/
td.giftrans {	min-height: 3px; height: 3px; padding: 3px; }

/*les tables des pages de présentation text ou, mieux les div et paragraphes quand j'ai le courage de tout reprendre...*/
p.itemgrosinter { width: 626px; margin: 6px auto; text-align: left; background-color: #990000;	font-size: 15px; font-weight: bold; padding: 7px; }
p.itemtitre { width: 626px; margin: 0 auto; text-align: left; background-color: #444444;	font-weight: bold; padding: 7px; }
p.itemsnoms { width: 626px; margin: 0 auto; text-align: left; background-color: #000000;	font-weight: normal; padding: 7px; }
div.interimg { width: 640px; padding: 7px 0; text-align: center; background-color: #333333; margin: 0 auto; clear: both; }

table.contenutxt { width: 640px; margin: 0 auto; border-collapse: collapse; }
table.contenutxt td {	text-align: left;	padding: 5px; }
table.contenutxt td.txtgros {	background-color: #444444; font-size: 14px; font-weight: bold; }

/*une table à 4 vignettes de large, ça peut arriver...*/
table.fourvign { width: 660px;	margin: 5px auto;	border-collapse :collapse; }
td.toutcentrer { text-align: center; vertical-align: center; padding: 4px; } 

/*le matos volé*/
table.instvole {width: 580px; margin: 7px auto; border: 1px solid #ffffe0; }
table.instvole td { padding: 10px; background-color: #444444; text-align:left; }
table.voleindex { width: 500px; margin: 0 auto; }
table.voleindex td { background-color: #444444; padding: 4px; text-align: right; }

/*le gros du chantier, les pages de matos d'occas, achtung, dynamic to come*/

table.matosoccas { border-collapse: collapse;	margin: 12px auto; border: 1px solid gray; }
.guittech { width: 324px; clear: both;	margin: 0 auto;	padding: 15px 8px 10px 8px;	font-weight: bold; text-align: center; }
.guittechlarge { width: 500px; clear: both;	margin: 0 auto;	padding: 6px;	font-weight: bold; text-align: center; }
table.matosoccas td.grosseimg {	padding: 8px 20px; vertical-align: top;	text-align: center;	border-right: 1px solid gray; }
table.matosoccas td.techbas {	padding: 5px; vertical-align: top;	text-align: center;	border-top: 1px solid gray; }
table.matosoccas td.vignettes {	width: 340px;	padding: 8px 0;	vertical-align: top; text-align: center; }
table.matosoccas td.tdeffet {	padding: 8px 20px; vertical-align: top;	text-align: center;	border: 1px solid gray; font-weight: bold; }
div.vignoccasvertgauche {	width: 170px;	height: 180px; padding: 0 0 8px 0; text-align: center; float: left; }
div.vignoccasvertdroite {	width: 170px;	height: 180px; padding: 0 0 8px 0; text-align: center; float: right; }
div.vignoccasalone { width: 340px; padding-bottom: 8px;	text-align: center;	clear: both; margin: auto; }
/*amplis et effets, mise en page plus simple*/
div#ampeffetprinc {	width: 552px; padding: 8px 20px; margin: 12px auto; text-align: center; border: 1px solid gray; font-weight: bold; }
div#ampeffetprinclarge {	width: 602px; padding: 8px 20px; margin: 12px auto; text-align: center; border: 1px solid gray; font-weight: bold; }
div.ampeffet { clear: both; margin: 10px auto; }


/*quelques styles pour l'admin*/
#conteneuradmin { width: 728px; padding: 170px 10px 20px 10px; border: 1px solid #FFFFCC; text-align: center; color: white; background-color: black; background-image: url(../GuitVillAdmin/img/adminbandeau.jpg); background-position: center top; background-repeat: no-repeat; clear:both; margin: 0 auto; }
p.titreadmin { width: 550px;  margin: 20px auto; border: 1px solid #FFFFE0; background-color: #900; background-image: url("../images/fondth1.png"); background-position: center; padding: 4px; text-align: center; color: white; font-weight: bold; font-size: 15px;  }
p.adminsousrub { width: 550px; padding: 4px;	margin: 10px auto; text-align: center; font-size: 12px; font-weight: bold; background-image: url(../images/fondcelljaunedeg650.png); background-color: #ffffcc; color: #222222; border: 1px solid #900; }
p.adminitem { width: 550px; margin: 10px auto; text-align: left; font-size: 12px; padding: 4px; border: 1px solid #FFFFE0; background-color: #444; }
p.adminitem a { color: #FFFFE0; }
p.warning { width: 550px; margin: 8px auto; text-align: center; background-color: #990000; color: #ffffe0; font-size: 12px; font-weight: bold; padding: 5px; }


td.titreform { padding: 5px; text-align: center; background-color: #900; background-image: url("../images/fondth1.png"); font-size: 13px; font-weight: bold; }

/*pour l'admin des news*/
table.listenews { width: 550px; margin: 18px auto; border: 1px solid #FFFFE0; }
table.listenews td { padding: 3px; background-color: #444444; }
table.listenews td.newstitre { text-align: left; }
form.adminform { width: 550px; margin: 15px auto; background-color: #444; border: 1px solid #ffffe0; }
form.adminform table { margin: 4px auto; }
td.formitemleft { padding: 4px 5px; text-align: right; font-weight: bold; vertical-align: top; }
td.forminputright { padding: 4px; text-align: left;  vertical-align: top; }

/*les formulaires avec cases à cocher*/
form.acocher { margin: 15px auto; }
form.acocher table { width: 550px; margin: 4px auto; border: 1px solid #ffffe0; }
form td.envoyer { padding: 3px; text-align: center; background-image: url("../images/fondth1.png"); }
form th { padding: 5px; text-align: center; background-color: #666; border: 1px solid #ffffe0; }
form td.warning { padding: 5px; text-align: center; background-color: #900; font-weight: bold; color: #ffffe0; border: 1px solid #ffffe0; }
td.formitemleftalign { padding-top: 3px; padding: 3px 5px; text-align: left; background-color: #444; vertical-align: center; }
td.formcocher { width: 25px; padding: 3px 5px; text-align: center; background-color: #444; font-weight: bold; vertical-align: center; }

p.titrenews { width: 550px; margin: 4px auto 0 auto; padding: 5px; text-align: left; color: white; background-color: #990000; background-image: url(news_img/fondtitre.png); font-weight: bold; border-top: 1px solid #FFFFE0; border-left: 1px solid #FFFFE0; border-right: 1px solid #FFFFE0; }
p.thenews { width: 550px; margin: 0 auto 4px auto; padding: 5px; text-align: left; color: white; font-size: 12px; font-weight: normal; background-color: #333333; border: 1px solid #FFFFE0; }

/*admin de la librairie*/

p.listeres { width: 530px; margin: 2px auto; padding: 10px; background-color: #333; border: 1px solid #ffffe0; text-align: left; }
p.listrub { width: 550px; padding: 4px;	margin: 1px auto; text-align: left; font-size: 12px; background-color: #ccc; color: #000; }
p.listsousrub { width: 550px; padding: 4px;	margin: 1px auto; text-align: left; font-size: 12px; background-color: #333; color: #fff; }


/* la librairie musicale, toute nouvelle toute belle, enfin, on croit toujours ça au début */
/*le menu, sacrifions à l'intégrisme css, une petite liste*/
div#menulib { width:200px; float: left; text-align: left; padding: 0; margin: 0; }
div#menulib ul { list-style-type: none; margin: 6px 20px; border: 1px solid gray; padding: 1px; }
div#menulib ul li { padding: 3px; margin: 1px; }
div#menulib ul li a { font-weight: normal; color: #FFFFE0; }
li.listerub1 { background-color: #900; color: #ffffe0; }
li.listerub2 { background-color: #333; color: #ffffe0; }
li.listerub3 { background-color: #444; color: #ffffe0; }
/* ça m'étonnerait que ça aille jusque là mais bon, dans le doute...*/
li.listerub4 { background-color: #FFC; color: #000; }
li.listerub5 { background-color: #ededed; color: #000; }
/*au-delà, ce serait du délire !*/

/*titre des rubriques*/
p.librub { width: 458px;  margin: 5px auto 15px auto; border: 1px solid #FFFFE0; background-color: #900; background-image: url("../images/fondth1.png"); background-position: center; padding: 4px 10px; text-align: center; color: #ffffe0; font-weight: bold; font-size: 15px;  }

/* contenu pas comme les autres, menu sur la gauche oblige*/
.libcontenudroit { width: 480px; float: left; margin: 6px 10px; padding: 0; /*border: 1px solid gray;*/ }
.libadminrub { width: 480px; clear: both; margin: 6px 10px; padding: 0; /*border: 1px solid gray;*/ }
p.blablalib { text-align: left; margin: 0 0 15px 0; }

/*affichage des titres un par un*/
div.libitem { text-align: left; width: 458px; padding: 10px; margin: 8px auto; border: 1px solid gray; }
table.tablelibvign { border-collapse: separate; width: 100%; margin: 4px auto; }
table.tablelibvign td { width: 47%; vertical-align: bottom; padding : 4px 0; background-color: #333; border: 1px solid gray; text-align: center; }

img.libvignette { float: left; border: 1px solid #ffffe0; margin-right: 10px; margin-bottom: 10px; }
img.libvignetteseule { clear: both; border: 1px solid #ffffe0; margin: 5px auto; }
p.libpstandard { padding: 3px 10px; margin-top: 2px; margin-bottom: 2px; margin-right:6px; }
p.libitemdescription { background-color: #444; clear: both; padding: 3px 6px; margin: 0; }
p.libitemtitre { font-weight: bold; padding: 2px 10px; margin: 2px 6px;}
p.libcommentaire { background-color: #900; color: #ffffe0; font-style: italic; clear: both; margin: 2px 6px; padding: 2px 10px; }
p.libitemprix { font-weight: bold; padding: 3px 10px; margin-top: 2px; margin-bottom: 2px; margin-right:6px; }
p.libitempetitenav { clear: both; text-align: center; margin: 4px auto; padding: 2px; }
p.libitempetitenav a { color: #FFFFE0; }

p.libnav { clear: both; text-align: left; margin: 3px auto; padding: 3px 4px; border: 1px solid gray; }
p.libnav a { color: #FFFFE0; }


/*p... de css isn't it ?*/


/*Ajout Phil's Menus CSS*/
#menuprincipal {
	margin: 5px auto 0;
	width:750px;
	border:solid #FFFFE0;
	border-width:1px 1px 0 1px;
	background-color:#000;	
}
#menuprincipal ul {
	margin:0;
	padding:2px 0;
	font: bold 11px Verdana, Arial, sans-serif;
}
#menuprincipal ul li {
	display:inline;
	list-style:none;
	padding:0;	
}
#menuprincipal ul a:link, ul a:visited {
	text-decoration: none;
	color:#CCC;
}
#menuprincipal ul a:hover {
	color:#FFF;
}
#menuoccasion {
	margin-top:10px;
	width:100%
	overflow: hidden;
}
#menuoccasion ul {
	margin: 0px;
	padding: 0px;
	float:left;
	position: relative;
	left:50%;
	list-style: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#menuoccasion ul li {
	float:left;
	position: relative;
	right:50%;
	display:inline;
	
}
#menuoccasion ul li a:link, #menuoccasion ul li a:visited {
	padding: 2px 10px;
  	text-decoration:none; 
  	border: 1px solid; 
  	border-color: #666 #333 #333 #666;
  	background: #630 url(/_images/bgmenumatos.jpg);  	
  	color: #FFF;
}
#menuoccasion ul li a:hover {
	background: #666  url(/_images/bgmenumatoson.jpg); 
	color: #CCC;
  	border-color: #000 #999 #666 #000;
}

/*Ajout Phil's  CSS*/

.vendu {
padding: 0 5px;
	font: bold 30px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
}