/***** menu CSS *****/

.html, BODY
{
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
height: 100%;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; /* on définit la police de base dans la page */
font-size: 11px; /* on définit la taille de police de base dans la page */
text-align: center;
}


.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* on définit la police de base dans la page */
	font-size: 11px; /* on définit la taille de police de base dans la page */
}

.titreforma {
	font-family: geneva, arial, helvetica; /* on définit la police de base dans la page */
	font-size: 19px; /* on définit la taille de police de base dans la page */
    color: #990000;
	font-weight: bold;
}

.soustitreforma {
	margin-top: 10px;
	font-family: geneva, arial, helvetica; /* on définit la police de base dans la page */
	font-size: 15px; /* on définit la taille de police de base dans la page */
    color: #666666;
	font-weight: bold;
	text-align:right;
}

.txtmini {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
}

.txtgros {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
}

.txtgrosgros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; 
}

.titremarron {
	font-family: arial; /* on définit la police de base dans la page */
	font-size: 28px; /* on définit la taille de police de base dans la page */
    color: #993300;
	font-weight: bold;
}

a:link { color: #990000; }

a:visited {color: #990000; }

#page {
        border: 0px;
		padding: 0px;
		width: 832px;
        margin-left: auto;
        margin-right: auto;
		txt-align: left;
        }

/*ensemble des div pour le menu*/
div#bandemenu {
    height: 19px;
    width: 100%;
	
}
div#bandemenu ul {
	margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 19px;
    white-space: nowrap;
	background-image: url(..//images/fond/images/fond-jaune.GIF);
}
div#bandemenu li {
	list-style-type: none;
	display: inline;
}
div#bandemenu li a {
	padding: 5px 5px;
	color: #990000;
	text-decoration: none;
}
div#bandemenu li a:link {
    font-color: #990000;
}
div#bandemenu li a:hover {
	font-weight: bold;
    color: #FF0000;
    background-image: url(..//images/fond/images/fond-bouton.GIF);
	background-position: left;
	background-repeat: no-repeat;
}

#encours {
    font-weight: bold;
    color: #FF0000;
    background-image: url(..//images/fond/images/fond-bouton.GIF);
	background-position: left;
	background-repeat: no-repeat;
	padding: 5px 5px;
}

/* fin des div pour le menu*/

/*div de contact*/
ul#contact
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#contact li
{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#contact li a
{
	font-weight: bold;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 94px ;
	line-height: 16px ;
	
	text-indent: 15px ; /* On décale le texte de 35px du bord gauche */

	text-decoration: none ;
	background: url(..//images/fond/images/img-contact.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#contact li a:hover
{
	color: #FF0000 ;
	background: url(..//images/fond/images/img-contact.jpg) no-repeat -94px 0 ; /* Et ici on décale l'image du background de 94px vers lla droite pour laisser apparaître la 2eme partie de l'image */
}

/*div de cs*/
ul#cs
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#cs li
{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#cs li a
{
	font-weight: bold;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 94px ;
	line-height: 85px ;
	
/*	text-indent: 35px ; /* On décale le texte de 35px du bord gauche */

	text-decoration: none ;
	background: url(..//images/fond/images/cs.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#cs li a:hover
{
	color: #FF0000 ;
	background: url(..//images/fond/images/cs.jpg) no-repeat -94px 0 ; /* Et ici on décale l'image du background de 94px vers lla droite pour laisser apparaître la 2eme partie de l'image */
}

/*div de jt*/
ul#jt
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#jt li
{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#jt li a
{
	font-weight: bold;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 94px ;
	line-height: 81px ;
	
/*	text-indent: 35px ; /* On décale le texte de 35px du bord gauche */

	text-decoration: none ;
	background: url(..//images/fond/images/jt.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#jt li a:hover
{
	color: #FF0000 ;
	background: url(..//images/fond/images/jt.jpg) no-repeat -94px 0 ; /* Et ici on décale l'image du background de 94px vers lla droite pour laisser apparaître la 2eme partie de l'image */
}

/*div de duo*/
ul#duo
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#duo li
{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#duo li a
{
	font-weight: bold;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 94px ;
	line-height: 90px ;
	
/*	text-indent: 35px ; /* On décale le texte de 35px du bord gauche */

	text-decoration: none ;
	background: url(..//images/fond/images/duo.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#duo li a:hover
{
	color: #FF0000 ;
	background: url(..//images/fond/images/duo.jpg) no-repeat -94px 0 ; /* Et ici on décale l'image du background de 94px vers lla droite pour laisser apparaître la 2eme partie de l'image */
}

/*div pour ACTU*/
 #actu { /*englobe les div d'actu*/
 border: 0px;
 width: 503px;
 margin-top: 10px;
margin-left: 10px;
margin-bottom: 0;
margin-right: 0;
padding: 0;
 }

#actu p{
margin: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
 #actuheader { /*date de l'actu*/
 border: 0px;
 width: 503px;
 height: 27px;
 margin: 0;
 padding: 0;
background: url(..//images/fond/images/carnet-header.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

 }
 
  #actucontenu { /*div d'actu avec le texte*/
 border: 0px;
 width: 503px;
 height: auto;
 margin: 0;
 padding: 0;
background: url(..//images/fond/images/carnet-fond2.jpg);
background-repeat:repeat-y;

 }
 
 #actufooter { /*bas du div d'actu*/
 border: 0px;
 width: 515px;
 height: 14px;
 margin: 0px;
 font-size: 11px;
background: url(..//images/fond/images/carnet-footer2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

 }

/*div pour compositions*/
 #compo { /*englobe les div downloads et interpretes*/
 border: 0px;
 width: 450px;
 margin-top: 25px;
 font-size: 9px;
 }
 
 #download { /*encadre avec télécharger*/
 border-style:solid ;
 border-color: white;
 border-width: 3px 0px 0px 0px ;
 width: 300px;
  padding: 3px 19px;
 background-color:#FFFF66;
background-image: url("../images/note.GIF");
background-repeat: no-repeat;
 font-size: 11px;
 }
 
 #downloadmorceaux { /*sous div avec scroll pour les titres à download*/
 border: 0px;
 }
  
 #download img {
 border: 0px;
 margin: 5px;
 float: left;
 }

 #interpretes { /*encadre avec interpretes*/
 border: 0px;
 margin-right: 10px;
 padding: 3px 0px;
 font-size: 9px;
 float: left;
 }

#ligne1 {/*1ere ligne*/
height: 14px;
width: 832px;
border: 0px;
 background-color:#000000;
}

#lignelang {/*ligne avec drapeaux*/
height: 18px;
width: 832px;
border: 0px;
background-color:#000000;
}

#lignetrait {/*ligne sous drapeaux et sur menu*/
height: 14px;
width: 832px;
background-color:#FF0000;
}

#menu {/*ligne de menu*/
height: 19px;
width: 831px;
padding: 0px;
background-image: url(..//images/fond/images/fond-jaune.GIF);
border-right: solid #FFF 1px;
}

#conteneur { /*contient tous les autres du dessous*/
 margin: 0px;
 padding: 0px;
 width: 832px;
 height: auto;
 border: 0px;
 background-color:#FFFFFF;
background-image: url(..//images/fond/images/background.jpg);
background-repeat: repeat-y;
 }

#colgauche { /*colonne de gauche dans conteneur*/
 left: 0px;
 float: left;
 border: 0px;
 width: 201px;

 }

#colmilieu { /*div inclus dans ligne2 qui contient les infos*/
 float: left;
 border: 0px;
 margin: 0px;
 padding: Opx;
 width: 537px;
 text-align: justify;
background-color:#FFFFFF;
 }

#coldroite { /*inclus dans ligne2 de droite*/
  float: left;
 border: 0px;
 width: 94px;

 }

 
 #footer {
 margin: 0px;
 border: 0px;
 padding: 0px;
 width: 832px;
 height: 16px;
 text-align: left;
 }

 
#forma { /*div contenant les éléments de chaque formation*/
 margin-top: 30px;
 margin-bottom:15px;
 }

 #formadisco { /*encadre pour la discog*/
 margin-bottom: 0px;
 border: 0px;
clear: both;
 width: 450px;
 background-color:#CCCCCC;
 background-image: url(..//images/forma-cd.GIF);
 background-repeat: no-repeat;
 font-size: 9px;
 text-align: left;
 padding-left: 26px;
 padding-bottom: 10px;
 }
 
 #formaweb { /*encadre avec site web*/
 border: 0px;
 width: 450px;
 background-color:#FFFFFF;
 font-size: 9px;
 text-align: left;
 }
 
 #formalineup { /*encadre avec musiciens des groupes*/
 border: 0px;
 margin-left: 5px;
 margin-top: 8px;
 margin-bottom: 8px;
 padding: 3px;
 background-color:#FFFF66;
 float: right;
 font-size: 9px;
 text-align: right;
 }
 
 #formalineup2 { /*encadre avec musiciens des groupes nouvelle version*/
 border: 0px;
 margin-left: 5px;
/* margin-top: 8px;*/
 /*margin-bottom: 8px;*/
 padding: 3px;
 /*background-color:#FFFF66;*/
 float: right;
 font-size: 9px;
 text-align: right;
 }
 
 #boitebio { /*encadre de la page bio*/
 border: 0px;
 margin-left: 5px;
 margin-bottom: 4px;
 padding: 3px;
 background-color:#FFFF66;
 float: right;
 font-size: 9px;
 text-align: left;
 width: 195px;
 }
 
 #gauchevid {
	width: 160px;
	float: left;
	txt-align: right;
}

#droitevid {
	width: 339px;
	float: left;
	margin-left:15px;
	margin-right:5px;
	 text-align: justify;
}
 
.h1 {
color: #990000;
font-size: 12px;
font-weight: bold;
}

.floatright {
display: inline;
float: right;
}

.spacer {
  clear: both;
}

.formap { /*pour coller le div disco à la fin du texte formation*/
  margin-bottom: 6px;
}

.imggauche { /*image à gauche*/
float: left;
align: left;
margin-left: 2px;
margin-right: 5px;
border: 0;
}

/* onglet galerie photo*/
 #onglet {
    width:100%;
    background:#FFFF33;
    font-size:93%;
    line-height:normal;
    }

  #onglet ul {
    margin:0;
    padding:0;
    list-style:none;
    }
  
  #onglet li {
    float:left;
    background:url("../images/galerie/left.jpg")
      no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
  #onglet a, #onglet strong, #onglet span {
    /* Pour IE Mac uniquement \*//*/   
    float:left;
    /**/
	display:block;
    background:url("../images/galerie/right.jpg")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }
  #onglet #current {
    background-image:url("../images/galerie/left_on.jpg");
    }
  #onglet #current a {
    background-image:url("../images/galerie/right_on.jpg");
    padding-bottom:5px;
    }
.imgvignette { vignettes page photos
display: block;
align: left;
margin: 0px;
border: 0px;
}


.imggal { /*grande image galerie*/
align: center;
margin-top: 20px;
border: 0;
}


.rosace li {
list-style-type: none;
background-image: url(../images/rosace-puce.GIF);
background-repeat: no-repeat;
background-position: 0% 20%;
padding-left: 18px;
}