/* CSS Document Musixone & Médias - v 1.01 - 2010 */

<style type="text/css">

* {	margin:0;	padding:0;	/*list-style:none;*/}
		
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:10px;
	background:  url(design/mb_bg7.png) repeat-x top left #210c00;
	overflow: -moz-scrollbars-vertical -moz-scrollbars-horizontal;
	/*overflow:scroll;*/
} /* 552100 */ 

#container{
	background:  url(rien.png) repeat-x top left #000000; /*000000 remplit bord trans entre cadre body et contenu div*/
	border:6px solid #000;
	padding:0px;
	width:979px;
	position:relative;	
	top:0px;
	/*left:50%;*/

	/*margin-left:-175px;*/
	vertical-align: 30%;
	margin:auto;

	z-index:2;
	/*margin-top:-100px;	*/
}

#entete{
	padding:0px;
	width:979px;
	position:relative;	
	vertical-align: 30%;
	margin:auto;
	font-size: 11px;
	font-weight: bold;
	}

.ombre_div {
     -moz-box-shadow: 20px 20px 50px #000;/* CSS3 FF*/
     -webkit-box-shadow: 5px 5px 5px #000; /*saf chr*/
}
<!--[if lte IE 8]> 
  <style type="text/css"> 
  .ombrage { 
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); 
    zoom: 1; 
  }  
  <![endif]-->
  
.ombre1 {
     -moz-box-shadow: 8px 8px 10px #000;/* CSS3 FF*/
     -webkit-box-shadow: 8px 8px 10px #000; /*saf chr*/
}

/*ombre_div_rond {
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
}*/

/*.border_gradient {  CSS3 
     border: 20px solid #000;
     width: 300px;
     -moz-border-bottom-colors:#101110 #252525 #414241 #636363 #888987 #acadac #cfcfcf #ebebeb;
     -moz-border-top-colors:#101110 #252525 #414241 #636363 #888987 #acadac #cfcfcf #ebebeb;
     -moz-border-left-colors:#101110 #252525 #414241 #636363 #888987 #acadac #cfcfcf #ebebeb;
     -moz-border-right-colors:#101110 #252525 #414241 #636363 #888987 #acadac #cfcfcf #ebebeb;
}
*/
#divleft {float: left;
       width:380px;
       margin-top:10px;
	   margin-left:25px;
	   }
	   
#divright {float: right; 
        width:510px;
        margin-top:10px;
	    margin-left:5px;
		background-color: black;
       }/* Attention : force col de droite à conserver la frontiere de la col prcdte (elle ne passe pas en dessous la col de gauche quand elle est contient plus de lignes)*/

#divcenter {float: left;
       width:950px;
       margin-top:10px;
	   margin-left:30px;
	   margin-bottom:10px;
	   }
#divcenter2{float: left;
       width:950px;
       margin-top:10px;
	   margin-left:30px;
	   margin-bottom:10px;
	   }
	   
/*	Vertical Accordions	*/
		.accordion_toggle {
			display: block;
			width: 978px;
			height:26px; /*fixé à taille voulue */
			padding:0px; /* supprimé pour eviter decalage largehover */
			/*background: url(design/menubar.jpg) no-repeat top right #3E0000;*/
			background: url(design/menubarselect.jpg) repeat-x top right #00CCFF; width:978px; height:26px;
			border:1px solid #111;
		    color: #FFFFFF;			
			font-weight:bold;
			/*line-height: 30px;*/
			text-decoration: none;
			/*text-align: center;
			vertical-align: center;*/
			outline: none;
			font-size: 12px;
			margin: 0 0 0 0;}
		/*  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; */
		
		.accordion_toggle_active {background: url(design/menubarselect.jpg) repeat-x top right #00CCFF; width:978px; height:26px;
			/*color: #ffffff;	border-bottom: 1px solid #f68263;*/		}
		
		/*.accordion_toggle:hover {background:url(design/menubarhover.jpg) no-repeat top right #AA1100; width:978px; height:26px;}*/
		
		.accordion_text{
		    color: #FFFFFF;			
			font-weight:bold;
			outline: none;
			font-size: 12px;
			margin:0px;
			padding:0px;
		 }
		 
	.largehover{
		width:979px;
		height:21px; /* ou 26 - 5 si padding */
		margin:0px; 
		padding-top:5px; /*5 centre le texte*/
		text-align: center;
		vertical-align: center;
	}  /* accordion hover elargi */
		
		/*.accordion_content {width:950px; background: url(design/splash_blue_bg11.jpg) no-repeat top right #000000;
		color: #444444;	overflow: hidden;}	*/
		.accordion_content {width:979px; background: url(design/mxmfond.jpg) no-repeat center top #000000;
		color: #444444;	overflow: hidden;}	
		/* splash_blue_bg12.jpg */
		/*.accordion_content {width:979px; background-color:#13177A;
		color: #444444;	overflow: hidden;}	*/
		
		.accordion_content_white {width:979px; background: url(design/splash_bg11.jpg) no-repeat top right #000000;
		color:#444444;	overflow: hidden;}
		
		.accordion_content_logos {width:979px; background: url(design/fond-logos.jpg) no-repeat top right #000000;
		color:#444444;	overflow: hidden;}
		
       .accordion_content_black {width:979px; background: url(design/splash_black_bg11.jpg) no-repeat top right #000000;
		color:#444444;	overflow: hidden;}
		
	   .accordion_content_orange {width:979px; background: url(design/splash_orange_bg11.jpg) no-repeat top right #000000;
		color:#444444;	overflow: hidden;}
		
/* ************* */
table.centre {vertical-align: center;padding: 5px;margin:0;}

.centre {align: center;padding: 5px;margin:auto;}

a img {background-color: transparent;text-decoration:none;border:0px;} 
a {padding:0px;border:0px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; text-decoration: none; background-color: transparent }
a:visited{}
a:hover  {padding:0px;color:#00FFFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; text-decoration: none; background-color: transparent }
a:active{}

h2 {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#CC2020;}  

.orange {color:#FF9900;} 
.rouge {color:#CC2020;}
.bold_rouge {color:#FF9900;font-weight: bold;}
.bold_rouge {color:#CC2020;font-weight: bold;} 

.image  {margin:5px;text-align: center;}
.entete    {text-align: center; font-size:18px; font:Arial, Helvetica, sans-serif; color:#FFFFFF}
.enteteg   {text-align: center; font-size:18px; font:Arial, Helvetica, sans-serif; color:#DDDDDD}
.enteteo   {text-align: center; font-size:18px; font:Arial, Helvetica, sans-serif; color:#FF9900}

.entete2   {text-align: center; font-size:16px; font-weight: bold; font:Arial, Helvetica, sans-serif; color:#FFFFFF}
.entete2g  {text-align: center; font-size:16px; font-weight: bold; font:Arial, Helvetica, sans-serif; color:#DDDDDD}
.entete2o  {text-align: center; font-size:16px; font-weight: bold; font:Arial, Helvetica, sans-serif; color:#FF9900}

.enteteGB {text-align: center; font-size:16px; font:Arial, Helvetica, sans-serif; color:#CCCCCC}
.texte {text-align: center; font-size:12px; font:Arial, Helvetica, sans-serif; color:#FFFFFF}
.texteGB {text-align: center; font-size:12px; font:Arial, Helvetica, sans-serif; color:#CCCCCC}
.texte_rubrique{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
.texteg_rubrique{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #DDDDDD}
.texten_rubrique{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.titre      {text-align: center; font:Arial, Helvetica, sans-serif; color:#CCCCCC}
.titre_left {text-align: left;   font:Arial, Helvetica, sans-serif; color:#CCCCCC}
.titreGB    {text-align: center; font:Arial, Helvetica, sans-serif; color:#999999}
.titren     {text-align: center; font:Arial, Helvetica, sans-serif; color:#000000}
.titrenGB   {text-align: center; font:Arial, Helvetica, sans-serif; color:#333333}
.home{background-image:url(fond.jpg);}

.stylecb {color: #FF6600}
.styleim {color: #FF3300}
.styleck {color: #FFCC00}

.style1  {color: #FFFFFF}
.style20 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; }
.style22 {font-size: 8px}
.style23 {font-size: 13px;color: #FFFF66;}
.style24 {color: #FFFFFF;	font-size: 13px;font-weight: bold;}