body {
	/*background: repeat url(../../images/bluegrass/body_bg.png);*/
	
	color: #920000;
	background-color: #ffe600;
}

/* @group bouton */
a.bouton:link{
	width: 150px;
	height: 30px;
	text-decoration: none;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	margin-right: 2px;
	margin-left: 2px;
	background-color: #c81414;
	border-color: lightgray;
	border-width: 2px;
	border-style: outset;
}

a.bouton:visited{
	width: 150px;
	height: 30px;
	text-decoration: none;
	color: white;
	text-align: center;
	font-weight: bold;
	background-color: #c81414;
	padding: 5px;
	border-style: outset;
	border-width: 2px;
	border-color: lightgray;
	margin-right: 2px;
	margin-left: 2px;
}

a.bouton:hover{
	width: 150px;
	height: 30px;
	text-decoration: none;
	color: yellow;
	text-align: center;
	font-weight: bold;
	background-color: maroon;
	background-image: url(aqua.jpg);
	padding: 5px;
	border-style: outset;
	border-width: 2px;
	border-color: lightgray;
	margin-right: 2px;
	margin-left: 2px;
}

.bouton{text-align: center; padding: 15px;}
/* @end */


/* @group bouton2 */
a.bouton2:link{
	text-decoration: none;
	color: purple;
	text-align: center;
}

a.bouton2:visited{
	text-decoration: none;
	color: purple;
	text-align: center;
}

a.bouton2:hover{
	text-decoration: none;
	color: yellow;
	text-align: center;
}

.bouton2{text-align: center; padding: 5px;}
/* @end */

/* @group bouton3 */
a.bouton3:link{
	width: 100px;
	height: 20px;
	text-decoration: none;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	border-width: 2px;
	border-style: outset;
	margin-right: 2px;
	margin-left: 2px;
	border-color: lightgray;
	background-color: #f00;
}

a.bouton3:visited{
	width: 150px;
	height: 30px;
	text-decoration: none;
	color: white;
	text-align: center;
	font-weight: bold;
	background-color: #f00;
	padding: 5px;
	border-style: outset;
	border-width: 2px;
	border-color: lightgray;
	margin-right: 2px;
	margin-left: 2px;
}

a.bouton3:hover{
	width: 150px;
	height: 30px;
	text-decoration: none;
	color: yellow;
	text-align: center;
	font-weight: bold;
	background-color: maroon;
	background-image: url(aqua.jpg);
	padding: 5px;
	border-style: outset;
	border-width: 2px;
	border-color: lightgray;
	margin-right: 2px;
	margin-left: 2px;
}

.bouton3{text-align: center; padding: 15px;}
/* @end */

/* @group liens_musicos */

/* ----------- FOND DE FENETRE ---------*/
.fondfenetre {
	background-color: transparent;
}
.fondtxtalpha {
	background-color: maroon;
	color: white;
}
.formlienbouton {
	color: white; 
	background-color: maroon;
	border-style: outset;
}


/* ----- GESTION DES LIENS ALPHABETIQUE ----*/
ul.txtalpha, .txtalpha a {font-size:16px ;
	background-image: none;
}

.txtalpha a:link{
	color: white;
}
.txtalpha a:hover { 			/* style des liens lors du survol */
background-color: #c81414;		/* change la couleur du fond du lien */
color: white;
}
.txtalpha a:visited {
	color: white;
}

/* ----GESTION DU LIEN DE RETOUR ----*/
.txtretour a{font-size:10px ; 
font-style: italic ;
font-weight: bold ;
background-color: MistyRose ;
text-decoration: none ;

}

.txtretour a:hover {background-color: yellow ;
}

/* ---- GESTION DES LIENS DES GROUPES ----*/
ul.liste, .liste li, .liste a {padding:0px ; margin: 0px} /*met à 0 les marges internes et externes de la liste et des liens */

.liste {width :45em ; 						/* 49 largeur de la liste : 15em = environs 12 lettres majuscules - voir em */
list-style-type:none} 						/* suppression des boutons CSS devant les items de la liste */

.liste li a {
border-left:3.0em solid ; /* crée un gros carré violet  à gauche des liens non survolés */
background-color: maroon;					/* couleur de fond des liens non survolés */
font-size: 12px ; 							/* taille de l'ecriture */
font-weight: bold ;
display: block; 							/* force le lien à prendre 100% de la largeur de la liste */
padding-left: 1.5em ; 						/* insère un espace entre le texte du lien et le gros carré gris */
color: MistyRose ; 						/* couleur de la police des liens non survolés */
text-decoration: none ; 					/* on suprime le soulignement des liens */
height: 1.5em ; 							/* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */
border-right:3.0em solid ;
border-color: #c81414;
}
.liste li a:hover { 						/* style des liens lors du survol */
background-color: #c81414; 				/* change la couleur du fond du lien */
display: block ; 							/* force le lien à prendre 100% de la largeur de la liste */
padding-left: 1.5em ; 						/* insère un espace entre le texte du lien et le gros carré */
color: yellow ; 							/* couleur du texte */
font-style: italic ;
font-weight: bold ;
text-decoration: none ; 					/* on suprime le soulignement des liens */
border-left-color: fuchsia ; 				/* crée un gros carré orange à gauche des liens survolés */
border-right-color: fuchsia ;
	border-color: maroon;
}

/* ---- GESTION DES LETTRES D'ORDRE ALPHABETIQUE DANS LA LISTE ----*/
B.ordalpha {
color: #ff6d00;
}

/* ---- GESTION DES COULEURS MYSPACE ----*/
B.my {
font-style: italic;
color: #ff6d00;
}

/* ---- GESTION DES COULEURS NEW ----*/
B.new {
font-weight: bold;
color: red ;
}


/* @end */

a:link, a:visited {
	color: purple;
	text-decoration: none;
}

a:hover, a:active {
	color: #920000;
	background-color: #ffe600;
	text-decoration: none;
}

#top_grad {
	/*background: repeat-x url(../../images/bluegrass/body_top_grad.png);*/
	height: 337px;
	background-color: #ffe600;
	color: #920000;
}

#container { 
	border-right: 1px solid #23272d;
	border-bottom: 1px solid #23272d;
	border-left: 1px solid #23272d;
}

/*************************************/
/* pageHeader=titre et bienvenue du haut */
/*************************************/

#pageHeader {
	background: url(../../images/bluegrass/header_bg.png) repeat-x;
}

#pageHeader h1 {
	text-shadow: purple 1px 1px 1px;
	color: white;
}

#pageHeader h2 {
	color: white;
	text-shadow: purple 1px 1px 1px;
}

/*************************************/
/* sidebarContainer=image de fond du haut */
/*************************************/

#sidebarContainer #sidebar {
}

#sidebarContainer #sidebar p {
}

#sidebarContainer .sideHeader {
	background: url(../../images/bluegrass/side_head_bg.png) repeat-x left top;
	color: white;
	/*background-color: #c81414;*/
}

/*************************************/
/* footer=ligne de lien de copyright */
/*************************************/

#footer {
}

#footer a:link, #footer a:visited {
	color: white;/* suivi de lien du bas */
}

#footer a:hover, #footer a:active {
	color: #920000;
	text-decoration: none;
}

/****************************************************/
/* breadcrumcontainer= separation des liens du bas  */
/****************************************************/

#breadcrumbcontainer {
	color: white;
}

/* @group NAVCONTAINER */

/****************************************************/
/* navcontainer= barre des liens verticaux*/
/****************************************************/

#navcontainer {
	border-top-color: #ffffff;
	background-color: #fefdbe;
	color: #920000;
}

#navcontainer #current {
	color: #920000; /*	couleur du 1er et 2eme niveau */
	background: #ffa500;
	font-style: italic;
}

#navcontainer #current:hover {
	background: #ffa478; /* fond du lien roller */
	color: #1900ff;
	font-weight: bold;
}

#navcontainer .currentAncestor {
	color: #920000; /* texte du premier niveau lors d'autres niveau */
	background: #fefdbe;
	font-weight: bold;
	font-style: italic;
}

#navcontainer a{
	display: block;
	background: #fcff00; /* fond des autres rubriques*/
	color: #920000; /* texte des autres rubriques */
	text-decoration: none;
	border-bottom: 1px solid #ececec;
}

#navcontainer a:hover {
	background: #ffa478; /* fond du roller */
	color: #1900ff;
	font-weight: bold;
}

/* Parent - Level 0 */

#navcontainer li {
	background-color: #fefdbe;
	color: #920000;
}

#navcontainer ul
{
	list-style: none;
	background-color: #fefdbe;
	color: #920000;
}

#navcontainer ul #current{
	background: #ffa500;
	color: #920000;
	font-style: italic;
	font-weight: bold;
}

#navcontainer ul #current:hover{
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

#navcontainer ul .currentAncestor {
	background: #fefdbe;
	color: #920000;
	font-weight: bold;
	font-style: italic;
}

#navcontainer ul .currentAncestor:hover {
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

/* Level 1 */

#navcontainer ul ul a {
	background: #fefdbe; /* fond des listes du niveau */
	color: #920000; /* texte des listes du niveau */

}

#navcontainer ul ul #current{
	background: #ffa500;
	color: #920000;
	font-style: italic;
	font-weight: bold;
}

#navcontainer ul ul #current:hover{
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

#navcontainer ul ul .currentAncestor {
	background: #fefdbe;
	color: #920000;
	font-weight: bold;
	font-style: italic;
}

#navcontainer ul ul .currentAncestor:hover {
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

/* Level 2 */

#navcontainer ul ul ul a {
	background: #fefdbe; /* fond des listes du niveau */
	color: #920000; /* texte des listes du niveau */

}

#navcontainer ul ul ul #current{
	background: #ffa500; /* fond du dernier niveau actif */
	color: #920000;
	font-style: italic;
	font-weight: bold;
}

#navcontainer ul ul ul #current:hover{
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

#navcontainer ul ul ul .currentAncestor {
	background: #fefdbe;
	color: #920000;
	font-weight: bold;
	font-style: italic;
}

#navcontainer ul ul ul .currentAncestor:hover {
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

/* Level 3 */

#navcontainer ul ul ul ul a {
	background: #fefdbe; /* fond des listes du niveau */
	color: #920000; /* texte des listes du niveau */

}

#navcontainer ul ul ul ul #current{
	background: #ffa500; /* fond du dernier niveau actif */
	color: #920000;
	font-style: italic;
	font-weight: bold;
}

#navcontainer ul ul ul ul #current:hover{
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

#navcontainer ul ul ul ul .currentAncestor {
	background: #fefdbe;
	color: #920000;
	font-weight: bold;
	font-style: italic;
}

#navcontainer ul ul ul ul .currentAncestor:hover {
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

/* Level 4 */

#navcontainer ul ul ul ul ul a {
	background: #fefdbe; /* fond des listes du niveau */
	color: #920000; /* texte des listes du niveau */

}

#navcontainer ul ul ul ul ul #current{
	background: #ffa500; /* fond du dernier niveau actif */
	color: #920000;
	font-style: italic;
	font-weight: bold;
}

#navcontainer ul ul ul ul ul #current:hover{
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

#navcontainer ul ul ul ul ul .currentAncestor {
	background: #fefdbe;
	color: #920000;
	font-weight: bold;
	font-style: italic;
}

#navcontainer ul ul ul ul ul .currentAncestor:hover {
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

/* Level 5 */

#navcontainer ul ul ul ul ul ul a {
	background: #fefdbe; /* fond des listes du niveau */
	color: #920000; /* texte des listes du niveau */

}

#navcontainer ul ul ul ul ul ul #current{ /* fond du dernier niveau actif */
	color: #920000;
	font-style: italic;
	font-weight: bold;
	background-color: #ffa500;
}

#navcontainer ul ul ul ul ul ul #current:hover{
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

#navcontainer ul ul ul ul ul ul .currentAncestor {
	color: #920000;
	font-weight: bold;
	background-color: #fefdbe;
	font-style: italic;
}

#navcontainer ul ul ul ul ul ul .currentAncestor:hover {
	background: #ffa478;
	color: #1900ff;
	font-weight: bold;
}

/* @end */

h1 {
	font-size: 1.6em;
	margin: 0 0 3px;
}

h2 {
	font-size: 1.4em;
	margin: 0 0 3px;
}

h3 {
	font-size: 1.2em;
	margin: 0 0 3px;
}

h4 {
	font-size: 1em;
	margin: 0 0 3px;
}

/* @group BLOG */

.blog-archive-month {
	text-shadow: 2px 2px 2px #082142;
}

.blog-entry-title {
	color: maroon;
}

.blog-entry-date {
	color: purple;

}

.blog-entry-category {
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

.blog-entry-category, .blog-entry-permalink {
	color: purple;
}

/* @end */

/* @group FILESHARING */

.filesharing-description {
	margin-bottom: 10px;
}

.filesharing-item {
	border: 3px solid #e6e6e6;
	padding: 5px;
	margin-bottom: 10px;
}

.filesharing-item-title a:link {
	padding: 3px;
	margin-bottom: 5px;
	border-bottom-style: none;
}

.filesharing-item-description {
	font-size: 0.9em;
	padding-left: 3px;
	color: #808080;
}

/* @end */

.album-title {
	text-align: center;
}

/* @group PHOTO */

.photo-navigation {
	/*background: url(../../images/bluegrass/header_bg.png) repeat-x;*/
	color: maroon;
}

.photo-title {
	font-weight: bold;
	color: maroon;
	font-size: 1.8em ;
	text-shadow: #000000 0 0 0px;
	text-transform: uppercase;
}

.photo-caption {
	color: white;
	text-shadow: 2px 2px 2px #082142;
}

/* @end */

/* @group MOVIE */

.movie-page-title {
	color: maroon;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 5px;
}

.movie-page-description {
	margin-bottom: 10px;
}

.movie-thumbnail-frame {
	border: 1px solid #e6e6e6;
	padding: 1px;
	width: 132px;
	float: left;
	text-align: center;
	margin-right: 10px;
}

.movie-thumbnail-frame:hover {
	border: 1px solid #808080;
}


.movie-thumbnail-caption {
	font-size: 0.9em;
	color: #808080;

}

.movie-background {
}

.movie-title {
	text-shadow: white 2px 2px 2px;
}

/* @end */