/* CSS Document */
/***********************************************/
/* style2.css                              	*/
/* Xavier Lacouture.free.fr     					*/
/* auteur: Jerome Travers                      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html {
	padding: 0;
	margin: 0;
}

body {
	font-family:"Trebuchet MS", Georgia, Verdana, serif;
	font-size: 81%;
	line-height: 1em;
	height: 100%;
}

p {
	margin-top: 0;
	margin-bottom: 0;
}

img {
	border-width: 0;
	border-style: none;
}

a {
	color: #0878A6;
	text-decoration: none;
}

a:visited {
	color: #0878A6;
	text-decoration: none;
}

a:hover {
	color: #289bca;
	text-decoration: underline;
}

/* voir les autres liens specifiques */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}


ul, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}	

/***********************************************/
/*        les Identificateurs                  */
/***********************************************/ 

div#contgene {
	position: absolute;
	width: 850px;
	/*height: 100%;*/
	left: 50%;
	margin-left: -425px;
	background-color: #FFF; 
}

#header {
	position: relative;
	width: 850px;
	height: 100px;
}

.main{
background-image: url(images/main.jpg);
background-repeat: no-repeat;
}

.main2{
background-image: url(images/main2.jpg);
background-repeat: no-repeat;
}


.audio{
background-image: url(images/mainaudio.jpg);
background-repeat: no-repeat;
}

.disco{
background-image: url(images/maindisco.jpg);
background-repeat: no-repeat;
}

.agenda{
background-image: url(images/mainagenda.jpg);
background-repeat: no-repeat;
}

.contact{
background-image: url(images/maincontact.jpg);
background-repeat: no-repeat;
}
 
 


div#middle {
	position: relative;
	width: 850px;
	clear: both;
	border: 1px solid black;
}

div#footer {
	margin: 10 0 0 0;
	position: relative;
	height:100px;
	width:850px;
	background-color:#FFF;
	clear: both;
}

div#sidebar {
	position: relative;
	width:180px;
	float:left;
	z-index:2;
}


#sidebar ul{
	padding: 2px;
	margin-left: 1em;
	list-style-type: none;
	list-style-type: none;
}

#sidebar ul li{
	margin-left: 2px;
	line-height: 1.8em;
	background-image: url(images/flien1.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 1px;
}

div#framebox2 {
	position: relative;
	left:300px;
	height:420px;
	width:535px;
}

div#framebox {
	position: relative;
	left:300px;
}

#framebox iframe{
height:420px;
width:535px;
}

div#content {
	position: relative;
	width: 500px;
}

.outframe {
	float: left;
}

#nav	{
 margin-left:200px;
 position:relative;
 width:650px;
}

a#a_date{
display: block;
width: 50px;
height: 75px;
margin-right:0px;
background: url("images/a_date.gif") 0px 0px no-repeat;
}

a:hover#a_date{
background: url("images/a_date.jpg") -130px 0px no-repeat;
}
a#a_audio{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_audio.jpg") 0px 0px no-repeat;
}
a:hover#a_audio{
background: url("images/a_audio.jpg") -130px 0px no-repeat;
}
a#a_video	{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_video.jpg") 0px 0px no-repeat;
}
a:hover#a_video	{
background: url("images/a_video.jpg") -130px 0px no-repeat;
}
a#a_disco	{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_disco.jpg") 0px 0px no-repeat;
}
a:hover#a_disco	{
background: url("images/a_disco.jpg") -130px 0px no-repeat;
}
a#a_galerie	{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_galerie.jpg") 0px 0px no-repeat;
}
a:hover#a_galerie	{
background: url("images/a_galerie.jpg") -130px 0px no-repeat;
}

a#a_bio	{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_bio.jpg") 0px 0px no-repeat;
}
a:hover#a_bio	{
background: url("images/a_bio.jpg") -130px 0px no-repeat;
}

a#a_presse{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_presse.jpg") 0px 0px no-repeat;
}
a:hover#a_presse{
background: url("images/a_presse.jpg") -130px 0px no-repeat;
}

a#a_contact	{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_contact.jpg") 0px 0px no-repeat;
}

a:hover#a_contact	{
background: url("images/a_contact.jpg") -130px 0px no-repeat;
}

a#a_lien	{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_lien.jpg") 0px 0px no-repeat;
}

a:hover#a_lien	{
background: url("images/a_lien.jpg") -130px 0px no-repeat;
}

a#a_space	{
display: block;
width: 65px;
height: 75px;
margin-right:0px;
background: url("images/a_space.jpg") 0px 0px no-repeat;
}

a:hover#a_space	{
background: url("images/a_space.jpg") -130px 0px no-repeat;
}
	

#content p{
	color: #000;
	margin-left: 1em;
	margin-right: 2em;
	text-align: justify;
	line-height: 1.3em;
	}


#content h1{
	color: #000;
	font-family: "Trebuchet ms", Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 1em;
	margin-left: 1em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	padding-left :2px;
}

#content h2{
	color: #000;
	font-family: "Trebuchet ms", Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	margin-top: 1em;
	margin-left: 1em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	padding-left: 2px;
}

#content ul{
	color: #000;
	padding: 2px;
	margin-left: 1em;
	list-style-type: none;
	list-style-type: none;
}

#content ul li{
	color: #000;
	margin-left: 2px;
	line-height: 1.8em;
	background-image: url(images/flien1.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 1px;
}

#content label{
	margin-left: 15px;
	margin-right: 1em;
	text-align: justify;
	line-height: 1.3em;
	color: #D7C99B;
}

#content form{
	margin-left: 15px;
	line-height: 1.3em;
}

#colonnedroite{
	position: relative;
	float: right;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	background-color: #D4C99B;
	margin-right: 10px;
	width: 220px;
	margin-top:10px;
	margin-bottom: 10px;
	padding:5px;
	padding-bottom:50px;
}


#colonnedroite p{
	font-family: "Trebuchet ms", Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}

#colonnedroite h1{
	display: block;
	font-family: "Trebuchet ms", Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	background-color: #F7F3F2;
	padding-left :2px;
	}

#colonnedroite ul{
	display: block;
	padding: 2px;
	margin: 0px;
	list-style-type: none;
	list-style-type: none;
}

#colonnedroite ul li{
	margin-left: 2px;
	line-height: 1.8em;
	background-image: url(images/flien1.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 1px;
}



#boxvalid{
	position: relative;
	/* correction d'un bug IE PC */
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0;
	text-align: center;
}

#formcontainer{
	float: left;
	margin-top: -275px;
	position: relative;
	background-color: #F4F4F4;
	width: 500px;
	height: 100%;
}

#formcontainer p{
	margin-left: 15px;
	margin-right: 2em;
	text-align: justify;
	line-height: 1.3em;
}


#formcontainer form{
	border-top:2px solid #CCC;
	border-bottom:3px solid #CCC;
}
	
#formcontainer .clearfixe{
	border-top:1px solid #CCC;
	padding: 10px 0px;
	vertical-align:top;
	}	
	
#formcontainer form label{
	width: 80px;
	float: left;
	font-size: 1em;
	color:  #003366;
	margin:  0 7px;
}	
	


/***********************************************/
/* les classes                                 */
/***********************************************/ 

.tracklist{
	padding: 2px;
	margin: 1em;
	list-style-type: none;
	list-style-type: none;
	border: 1px #D0BBAT solid;
	background-color: #E4E0DA;
}


.courant {
	font: Verdana, sans-serif;
	font-size: 1em;
}

.rubrique {
	font-size: 1.33em;
	line-height: 1.33em;
	background-color: #0878a6;
	color: #FFFFFF;
}

.titre {
	font-family: lucida, "lucida grande", Verdana, Arial, sans-serif;
	font-size: 1.3em;
	margin-top: 0.5em;
	line-height: 0em;
	font-weight: bold;
}

.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	line-height: 0.83em;
	color: #666666;
}

a.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a.texte:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a.texte:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a.texte:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0878a6;
	text-decoration: none;
}


.flien {
	background-image: url(images/flien1.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 5px;
	padding-left: 7px;
	padding-bottom: 0px;
}


input.valider {
	background-color: #0878A6;
	width: 80px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

input.normal {
	background-color: #350001;
	width: 80px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
/***************************************/
/*   style sur les images hover        */
/***************************************/

a:hover img {
	/* definition de la classe "image" de la balise <a> au survol */
	filter: alpha(opacity=50);
	border: 0px;
}

/***************************************/
/*  attention ici c est les tableaux   */
/***************************************/


.liste {
	position: relative;
	width: 80%;
}

.liste img {
	vertical-align: middle;
	clear: both;
	margin: 2px 0 2px 0;
	border: #D7C99B solid 1px;

}

.liste table {
	padding: 0px;
	/*border-collapse: collapse;*/
	width: 100%;
	/*background-color: #421101;*/
}


.liste table td {
	padding: 3px;
	vertical-align: top;
	border-bottom: #D7C99B 1px solid;
}

/***********************************************/
/*         debut class pous les cellules       */
/***********************************************/


.trackContent{
	font-size : 11px;
	color: #000;
	font-family : arial,helvetica,verdana,sans-serif;
	text-align: left;
	/*background-color: #5b1301;*/
}

.newsContent{
	font-size : 11px;
	color: #000;
	font-family : arial,helvetica,verdana,sans-serif;
	text-align: justify;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

tr.clair{
	
}


.nom{
	font-weight: bold; 
	color: #000;
	text-align: left;
}

.date{
	color: #000;
	text-align: center;
}

.info{
	color: #FFF;
	font-size: 9px;
	background-color: #555544;
	text-align: center;
}

.vignette{
	background-color: #555544;
	float: left;
	border: #FFF solid 3px;
}

.euros{
	font-weight: bold; 
	color: #000;
	text-align: right;
}

a.sectTest{
	font-size : 9px;
	color: #2C0200;
	font-family : verdana,sans-serif;
	text-align: right;
	font-weight : bold;
	text-decoration : none;
	height: 13px;
}
a.sectTest:active {
	color:  #2C0200;
}
a.sectTest:visited {
	color: #2C0200;
	text-decoration: none;
}
a.sectTest:hover {
	color: #2C0200;
	background-color : #F4F4F4;
}

/***********************************************/
/*         fin class pous les cellules         *
/***********************************************/