body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 0.8em ;
	background-repeat: repeat-x;
	background-repeat: repeat-y;
	background: #d8d4d4 url(../images/background.png);
}


/* Cadre global */

div#global
{
	width: 1008px ;
	margin: 0 auto ;
	margin-top: 22px;
	margin-bottom: 22px;
	text-align: left ;
	position: relative;
	background: url(../images/global.png) repeat-y;
}


/*header */

div#header
{
	margin-left: 18px;
	background: #000000 url(../images/header.png) no-repeat;
	color: #000000;
	height: 170px;
	width: 972px;
	
}


div#logo
{
	width: 100px;
	height: 100px;
	float: right;
	background: #ebebee url(../images/bouton_live.png) no-repeat;
}

div#logo a
{
	display: block;
	height:100%;
}

div#logodom
{
	width: 100px;
	height: 100px;
	float: right;
	background: #ebebee url(../images/bouton_live_dom.png) no-repeat;
}

div#logodom a
{
	display: block;
	height:100%;
}



/* menu */

#menu
{
	width: 772px;
	height:29px;
	list-style-type: none;
	margin-top: 141px;
	margin-left: 200px;
	position: absolute;
	padding:0;
	background: url(../images/menu.png) repeat-x;
}

#menu ul
{
	padding: 0;
	margin: 0;
}

#menu li
{
	float: left;
	width: 128.6px;
	margin: 0;
	padding: 0;
	border: 0;
}			
		
#menu li a:link, #menu li a:visited
{
	display: block;
	text-align:center;
	color: #fbfbfb;
	line-height: 29px;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	border-right: 1px solid #000000;
	text-decoration: none;
}

#menu li a:hover
{ 
	background: #5472cc; 
}

#menu li a:active 
{ 
	background-color: #5472cc;
}

#menu .sousMenu li a:link,#menu .sousMenu li a:visited
{
	display: block;
	color: #FFFFFF;
	margin: 0;
	padding-left:3px;
	border: 0;
	line-height: 24px;
	text-decoration: none;
	text-align:left;
}
#menu .sousMenu li a:hover
{
	background: none;
	border-left: 3px solid #000000;
} 			
#menu .sousMenu li
{
	width: 190px;

	background: url("../images/bg_ssmenu.png") repeat-y;
} 			

#menu .sousMenu
{
	display: none;
	list-style-type: none;
	margin-top: 0px;
	padding: 0;
	border: 0;
} 
#menu li:hover > .sousMenu { display: block; } 

/* bloc central */

div#main
{
	margin-left:220px;
	color: #000000;
	width: 770px;
	height: 100%;
}

div#main h2
{
	margin-right: 200px ;
	margin-left: 20px ;
	padding-left: 25px ;
	line-height: 25px ;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 1.4em ;
	color: #cc0000 ;
	border-bottom: 1px solid #fb0707 ;
}
div#main h3,a,a:hover
{
	color: black;
}
div#main h3
{
	margin-left: 25px ;
	padding-left: 25px ;
	margin-right: 300px ;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	color: #2cb054 ;
}

div#main h4
{
	border-bottom: 1px dotted #f95656 ;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
}

div#main li
{
	margin-left: 30px;
	padding-right:25px;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#main p
{
	padding-left: 25px ;
	padding-right: 25px;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#main a
{
	text-decoration:none;
	color: #000000;
	font-weight: bold;

}

div#main a:hover
{
	color: #ec3b3f;
	text-decoration:none;
	font-weight: bold;

}

div#main .imagerdb img
{
float: right;
margin-right:200px;
margin-top: 90px;
}

div#main .artiste {
background-color:#000000;
width: 770px;
height: 100px;
}
div#main .artiste img{
margin-top:0px;
float: right;
margin-right:30px;
margin-bottom: 20px;
}

div#main .logor img{
margin-left:275px;
margin-bottom: 20px;
}

div#main .player img{
margin-left:175px;
margin-bottom: 20px;
}

div#main .localisation img{
margin-left:20px;
margin-bottom: 20px;
}

div#main .content
{
  padding-left: 30px;
  width: 700px;
  height: 100%;
}


/* Sidebar */

div#sidebar
{
	position: relative;
	background: #000000 url(../images/sidebar.png) repeat-y;
	float: left;
	width: 200px;
	height: 100%;
	margin-left: 18px;
	color: #d72c3c;
}

div#sidebar h1
{
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 17px;
	padding-left: 30px ;
	border-bottom: 1px solid #cf1825 ;
	color: #cf1825 ;
}
div#sidebar p
{
font-size: 14px;
padding-left: 10px ;
color: #28d96d ;
}

div#sidebar li
{
	text-align: justify ;
	color: #fbfbfb;
	margin-left:15px;
	font-size:12px;
	line-height: 1.1em ;
}

div#sidebar a
{
	color: #fbfbfb;
}

div#sidebar a:hover
{
	color: #fbfbfb;
} 


/* pied de page */

div#footer 
{
	position: absolute;
	float: right;
	width: 972px;
	height: 60px;
	bottom: 0px;
	right: 18px;
	text-indent: 2em ;
	text-align: center ;
	font-size: 10px ;
	background: #5572cc;
}

div#footer img
{
	float: right;
	margin-right: 10px;
	margin-top: -10px;
}
div#footer a img {
	text-decoration:none;
	border: none;
}

div#footer a:hover  img{
	text-decoration:none;
	border: none;
}

div#footer a
{
	color: #000000;
}

div#footer a:hover
{
	color: #ec3b3f;
} 

/* alignement des colonnes  ou retour à la ligne*/

.align
{
	clear:both;
	padding-bottom:60px;
}

.sautdeligne
{
	clear:both;
	padding-bottom:10px;
}

/* bas de page */

div#bottom
{
	font-size: 10px;
	text-indent: 2em ;
	height: 16px; 
	margin-top: -15px; 
	padding-bottom: 5px;
	color: #808080;
	clear:both;
}

div#bottom a
{
 color: #808080;
}

div#bottom a:hover
{
	color: #838dc0;
}

/* design calendrier*/
#Calendrier caption /* Titre du tableau */
{
	background: #000000 url(../images/hautcalendrier.png) repeat-x;
   margin: auto; /* Centre le titre du tableau, ça rend mieux */
   height: 30px;
	width: 200px;
   font: 0.8em "Trebuchet MS", helvetica, sans-serif ;: "Trebuchet MS", Arial, "Times New Roman", serif;
   font-size: 15px; /* taille de la police */
   color: #FFFFFF; /* Couleur du texte */
   margin-top: 10px; /* Marge avec le tableau */
}

#Calendrier caption a{
color: white;
text-decoration:none;
}

#Calendrier caption a:hover{
color: black;
text-decoration:none;
}

#Calendrier table /* Le tableau en lui-même */
{
background-color:#FFFFFF;
width: 198px;
border: 1px inset black;
margin: auto; /* Centrons notre tableau */
}

#Calendrier th /* Les cellules d'en-tête */
{
   background-color: #FFFFFF; /* Couleur de fond */
   color: green; /* Couleur du texte */
   font-size: 1em; /* Taille des jours */
   font-family: "Trebuchet MS", Arial, "Times New Roman", serif;
   text-align: center; 
}

#Calendrier .lienCalendrier /* Les cellules normales */
{
   border: none;
   font-family: "Trebuchet MS", Arial, "Times New Roman", serif;
   text-align: center; /* Tous les numéros des cellules seront centrés*/
   padding: 1px; /* Marge intérieure aux cellules */
   empty-cells: show; /* Révèle les cellules vides */
}
#Calendrier .lienCalendrier a{
color: black;
text-decoration:none;
}

#Calendrier .lienCalendrier  a:hover{
color: red;
text-decoration:none;
}

#Calendrier .lienCalendrierJour {
	/* La cellule du jour actuel dans le calendrier */
	background-color: #28d96d;
	text-align: center;
}

#Calendrier .lienCalendrierJour a{
color: white;
text-decoration:none
}

#Calendrier .lienCalendrierJour a:hover{
color: black;
text-decoration:none
}

/*logo headphone*/
#headphone img
{
float: right;
margin-right:40px;
margin-top: 40px;
}

/* bloc image */

#blocktb
{
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	padding-bottom: 30px;
}

#thumbnail
{
	width: 110px;
	height: 85px;
	background: #e4e4e4;
	border: 1px solid #000000;
	text-align: center;
	margin-left: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	float:left;
}	



#thumbnail a,img
{
	text-decoration:none;
	margin-top: 5px;
	border: none;
}