/* 
Estilos de www.percusionargentina.com.ar
12-10-04
*/


	
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #222;
	background-repeat: repeat;
}
a, a:link {
	color: #e58064;
	text-decoration: none;
}
a:visited {
	color:#e58064;
}
a:hover {
	color:#e58064;
	text-decoration: none;
}

/* Haut de page 
---------------  */
div#principal {
	width: 722px;
	text-align: left;
	position: relative;
	border-bottom: 4px solid #e58064;
	background: #000;
	margin: 20px auto 0px;
	padding: 0px;
	left: auto;
	top: auto;
}

/* Logo 
---------- */
div#entete {
	background-color: #222;
	border-bottom: 1px solid #e58064;
}
div#entete #logo {
	display: block;
	margin: 0px;
	height: 245px;
	width: 720px;
	background: url(top_ok.jpg) no-repeat;
	visibility: visible;
}
#logo img {
	visibility: hidden;
}

/* Colonne de gauche 
---------------  */
#gauche {
	text-align: justify;
	width: 615px;
	float: left;
	padding-left: 50px;
	padding-right: 10px;
	margin: 10px 0px 1.5em;
}

#gauche a:hover{ 	color: #e58064;
	text-decoration: underline;
	}

#izquierda a:hover{ 	color: #e58064;
	text-decoration: underline;
	}

#derecha a:hover{ 	color: #e58064;
text-decoration: underline;
}

#izquierda {
	text-align: left;
	width: 180px;
	float: left;
	padding-left: 10px;
	padding-right: 5x;
	border: 1px solid #e58064;
	/*border-right: 1px solid #CCC;*/
	margin-left: 10px;
	/*background: #999;*/
}

html>body #izquierda {
	text-align: left;
	width: 180px;
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	border: 1px solid #e58064;
	/*border-right: 1px solid #CCC;*/
	margin-left: 10px;
	/*background: #999;*/
}

html>body #central {	
	text-align: center;
	background: url(percusion/archivos/gallina_inicial.jpg) no-repeat;
	width: 250px;
	float: center;
	margin-left: 240px; 
	margin-top: -10px; 
}

#central {	
	text-align: center;
	background: url(percusion/archivos/gallina_inicial.jpg) no-repeat;
	width: 250px;
	float: center;
	margin-left: 240px; 
	margin-top: -10px; 
}


html>body #droite {diplay:none;}
#droite {diplay:none;}

html>body #arriba {	
	text-align: center;
	width: 600px;
	float: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-left:  50px;
	margin-right:  10px;
	/*border: 1px solid #e58064;*/
}

#arriba {	
	text-align: center;
	width: 600px;
	float: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-left:  50px;
	margin-right:  10px;
	/*border: 1px solid #e58064;*/
}

html>body #gauche {
	width: 615px;
	margin-left: 50px;
	margin-right: 10px;
	padding: 0px;
}

/* Colonne de droite
---------------  
*/
html>body #derecha {
	width: 180px;
	padding-left: 10px;
	padding-rigth: 10px;
	margin-left: 510px;
	margin-top: -395px;
	border: 1px solid #e58064;
	
}
#derecha {
	width: 180px;
	padding-left: 10px;
	padding-rigth: 10px;
	margin-left: 510px;
	margin-top: -395px;
	border: 1px solid #e58064;
}
html>body #abajo {
 	text-align: center;
 	margin-left: -520px; 
	margin-top: 200px; 
}

#droite ul {
	padding: 0px;
	margin: 0px 5px 0px 0px;
}
#droite li {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 5px;
}
#droite p {
	margin-right: 5px;
	margin-bottom: 1em;
}

/* Gestion des images
-------------------- */
#Groupe {
	text-align: center;
	margin: 0px;
	clear: both;
}
#ArticleLogoMusiciens {
	float: left;
	width: 150px;
	margin-right: 15px;
	margin-top: 0px;
	border: 1px solid #CCC;
	padding: 7px;
}
.RubriqueLogoArticle {
	float: left;
	padding: 4px;
	margin-top: 0px;
	margin-right: 10px;
	border: 1px solid #CCC;
}


/* Titres
---------------  */
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#gauche  h1 {
	color: #e58064;
	font-size: 180%;
	margin-bottom: 0;
	margin-top: 0.3em;
}
#gauche div.DescriptifRubrique h1 {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
}
#gauche h2 {
	color: #e58064;
	font-size: 160%;
	margin-top: 0.3em;
	margin-bottom: 0px;
}
#gauche div.DescriptifRubrique h2 {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
}
#gauche h2.Categories {
	margin-top: 1.3em;
	margin-bottom: 0.7em;
	font-weight: normal;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 140%;
}
#gauche h2#mail {
	margin-bottom: 0px;
}
#gauche h3 {
	font-size: 140%;
	margin: 0px;
	color: #3F1744;
}
#gauche div.ContenuRubrique h3 {
	margin-left: 7px;
	font-size: 120%;
}
#droite h3 {
	border-bottom: 1px dotted #CCC;
	color: #e58064;
	background: url(../a/puce-colonne-droite.gif) no-repeat left center;
	padding-left: 14px;
	font-size: 120%;
	line-height: 1.5em;
	margin: 15px 0px 5px;
	padding-right: 5px;
}
#izquierda h3 {
	border-bottom: 1px dotted #CCC;
	color: #e58064;
	background: url(../a/puce-colonne-droite.gif) no-repeat left center;
	padding-left: 14px;
	font-size: 120%;
	line-height: 1.5em;
	margin: 15px 0px 5px;
	padding-right: 5px;
}
#derecha h3 {
	border-bottom: 1px dotted #CCC;
	color: #e58064;
	background: url(../a/puce-colonne-droite.gif) no-repeat left center;
	padding-left: 14px;
	font-size: 120%;
	line-height: 1.5em;
	margin: 15px 0px 5px;
	padding-right: 5px;
}

.hierarchie {
	font-size: 110%;
	background: url(../a/puce-colonne-droite-petit.gif) no-repeat left top;
	padding-left: 12px;
	color: #AA1700;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#droite h4 {
	margin-left: 5px;
}
#droite h5 {
	margin-left: 10px;
}
#droite h6 {
	margin-left: 30px;
}


/* Texte
--------------- */
.SurtitreArticle {
	font-size: 90%;
	color: #6F77BE;
	margin-bottom: 0em;
}
.SoustitreArticle {
	font-size: 90%;
	color: #6F77BE;
	margin-top: 0.3em;
}
div.ContenuRubrique p.SurtitreArticle, div.ContenuRubrique p.SoustitreArticle {
	margin-left: 7px;
}

/* Texte pour le squelette sommaire.html
----------------------------------- */
.presentation {
	margin-top: 0.5em;
}


/* Pages pour le squelette rubrique.html
---------------------------------- */
.DescriptifRubrique {
	padding: 5px 0px;
}
.DescriptifRubrique div {
	margin-right: 5px;
}
.ContenuRubrique {
	margin-left: 8px;
	margin-top: 1.5em;
	margin-bottom: 2em;
}
.ContenuRubrique dl {
	margin-left: 5px;
	margin-bottom: 1em;
	text-align: left;
}
.ContenuRubrique dt {
	color: #3F1744;
	font: bold 120% "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.ContenuRubrique dd {
	margin: 0px 0px 1em 10px;
}
.ContenuRubrique form {
	margin: 0px;
}
p.IntroArticle {
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 0.5em 5px 1.7em 7px;
}

a.IntroArticle {
	text-decoration: underline;
}

a.IntroArticle:hover {
	text-weight: bold;
}


/* Texte pour le squelette article.html
--------------------------------- */
.ArticleChapoArticle {
	font-weight: bold;
	margin-top: 2em;
}
.ArticleTexteArticle {
	margin-top: 2em;
}
.ArticleNotesArticle {
}
#Notes {
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
	width: 20%;
	margin-top: 2em;
	margin-bottom: 0px;
	color: #666;
}
div#PS {
}
p#PS {
	margin-top: 2em;
	margin-bottom: 0px;
	font-weight: bold;
}
dl.documents {
	width: 60%;
	margin-left: 20px;
	margin-bottom: 2.2em;
	margin-top: 2.2em;
}
dl.documents dt {
	padding: 0px;
	margin: 0px;
}
dl.documents dt img {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
}
dl.documents dd {
	font-size: 80%;
	margin-left: 70px;
	font-weight: bold;
}
dl.documents dd p {
	margin: 0px;
	font-weight: normal;
}
dl.documents dd.documentsFin {
	clear: left;
	border-bottom: 1px dotted #CCC;
	margin: 0.7em 0px 1.3em;
	display: block;
	height: 0px;
}

/* Styles SPIP 
----------------- */
#gauche h3.spip {
	color: #3F1744;
	margin-top: 1em;
	margin-bottom: 0.2em;
}
blockquote.spip {
	margin: 1em 0px 1em 5px;
	background: url(../a/guillemets.gif) no-repeat left top;
	padding: 15px 10px 15px 30px;
}
p.spip_note {
	font-size: 88%;
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 5px;
}
table.spip {
	font-size: 88%;
}

table.spip tr.row_first {
	background: #B0B5DE;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 4px;
	text-align: left;
}
.spip_encadrer {
	padding: 5px;
	border: 1px solid #ccc; 
}
.forml {
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	width: 100%;
}
.spip_bouton {
	color: #e58064;
	border: 1px solid #e58064;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	margin: 7px 0px 7px 7px;
}
.spip_bouton:hover {
	color: #FFF;
	background: #e58064;
}

/* Recherche
------------- */
#FormRecherche {
	position: absolute;
	right: 0px;
	top: 220px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 200px;
}
#FormRecherche input {
	vertical-align: middle;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #e58064;
}

#FormBoletin {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 200px;
}
#FormBoletin input {
	vertical-align: middle;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

#recherche {
	vertical-align: middle;
	border: 1px solid #e58064;
	background: #222;
	color: #e58064;
	
}
#boletin {
	vertical-align: middle;
	border: 1px solid #BAB1BF;
	background: #000;
}
	

#boletin:hover, #boletin:focus {
	border: 1px solid #CCC;
	background: #CCC;
}
.BoutonRecherche {
	border: 1px solid #e58064;
	background: #222222;
	color: #e58064;
}

.BoutonBoletin {
	border: 1px solid #BAB1BF;
	background: #CCC;
	color: #66F;
}
.BoutonBoletin {
	background: #CCC;
}
/* Pied de page
--------------- */
#ArriereBoutique {
	text-align: right;
	width: 722px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 3px;
	color: #FFF;
}
#ArriereBoutique p {
	font: 9px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px 5px 0px 0px;
}

#ArriereBoutique a, a:hover {
	color: #FFF;

}
#ArriereBoutique a:hover {
	text-decoration: underline;

}

/* Divers
---------------  */
.rien {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 2px;
	display: block;
	font-size: 1px;
}
.invisible, .ImageInvisible {
	display: none;
}
.date {
	color: #e58064;
	font-size: 90%;
}
.chevrons {
	color: #AA1700;
	font-weight: bold;
}
.LienTous {
	margin-bottom: 2em;
	margin-top: 0px;
	margin-left: 4px;
	font-weight: bold;
}

/* mis estilos
*/

.forum {
	float: left;
	width: 370px;
	margin: 12px 0 0 0;
	padding: 5px;

}

dl.gallerie {
margin: 20px 0px 0px 0px;
width: 350px;
}
.gallerie dt img{
border: 6px solid #cccccc;
}
.gallerie dd {
margin: 0px;
text-align:left;
}