html,body {
	  	font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,"Times New Roman",MacArial,Times;
		font-size:11px;
		height:100%;
		margin:0px;
		background-color:#CCCCCC;
		/*background-color:#EED273;*/
		/*background-color:#E4A974;*/
		/*background-color:#FCCFBC;*/
}

#main {
		font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,"Times New Roman",MacArial,Times;
		font-size:11px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		text-align:left;
		width:920px;
}


#header {
		position:relative;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		width:920px;
		height:175px;
		background-image:url(/public/Images/header1.gif);
		background-repeat:no-repeat;
		z-index:2;
}


#body-body{
		text-align:center;
		float:left;
		left:10px;
		position:relative;
		margin: 0 0 0 0%;
		top:0px;
		padding-left:55px;
		width:600px;
}

#body1 {
		position:relative;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		width:920px;
		background-image:url(/public/Images/body1.jpg);
		background-repeat:repeat-y;
		z-index:1;
}



#footer {
		text-align:right;
		position:relative;
		margin: 0 0 0 0%;
		padding: 0;
		width:920px;
		font-size:12px;
		clear:both;
}

#footer a{
		color:#FFFFFF;
		text-decoration:none;
}

#retab {
		clear:both;
}







/*******************
    MENU GAUCHE     
********************/
#menu-gauche{
		text-align:center;
		float:left;
		left:10px;
		position:relative;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		height:800px;
		width:200px;
		color:#CCCCCC;
		/*background-image:url(/public/Images/fondmenu1.png);*/
}

#menu-gauche a{
		color:#CCCCCC;
}

#menu-gauche-se-connecter {
		background-image:url(/public/Images/sous-menu-se-connecter1.jpg);
		background-repeat:no-repeat;
		width:200px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#CCCCCC;
}

#menu-gauche-profil-membre {
		background-image:url(/public/Images/sous-menu-profil-membre1.jpg);
		background-repeat:no-repeat;
		width:200px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#CCCCCC;
}

.menu-gauche-mon-compte {
		background-image:url(/public/Images/sous-menu-mon-compte1.jpg);
		background-repeat:no-repeat;
		width:200px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#CCCCCC;
}

#menu-gauche-sinscrire {
		background-image:url(/public/Images/sous-menu-sinscrire1.jpg);
		background-repeat:no-repeat;
		width:200px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#CCCCCC;
}

#menu-gauche-interagir {
		background-image:url(/public/Images/sous-menu-interagir1.jpg);
		background-repeat:no-repeat;
		width:200px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#CCCCCC;
}

.menu-gauche-millieu {
		background-image:url(/public/Images/sous-menu-millieu1.jpg);
		width:200px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:12px;
		color:#CCCCCC;
}

.menu-gauche-millieu-mon-compte {
		background-image:url(/public/Images/sous-menu-millieu1.jpg);
		background-repeat:repeat-y;
		width:200px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:12px;
		text-align:left;
		padding-left:30px;
		color:#CCCCCC;
}
.menu-gauche-bas {
		background-image:url(/public/Images/sous-menu-bas1.jpg);
		background-repeat:no-repeat;
		width:200px;
		height:13px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#CCCCCC;
}

#menu-gauche-recherche {
		position:relative;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}

#menu-horizontal {
		position:relative;
		margin: 0 0 0 0%;
		top:15px;
		left:40px;
		padding: 0;
}

#menu-horizontal1 {
		position:relative;
		margin: 0 0 0 0%;
		padding: 0;
		background-color:#000000;
		z-index:3;
		padding-left:5px;
}




.menu-gauche-header {
		background-image:url(/public/Images/sous-menu-partenaires.jpg);
		background-repeat:no-repeat;
		width:200px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#CCCCCC;
}
.menu-gauche-body {
		background-image:url(/public/Images/sous-menu-millieu1.jpg);
		width:200px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:12px;
		color:#CCCCCC;
}
.menu-gauche-footer {
		background-image:url(/public/Images/sous-menu-bas1.jpg);
		background-repeat:no-repeat;
		width:200px;
		height:13px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#CCCCCC;
}










/**********************
          MENU
**********************/

#classement {
		  display: none; 
		  margin: 0;
		  position : absolute; 
		  top : 50px;
		  left : 100px; 
		  width : 100px;
		  border:none;
		  font-size:13px;
} 

#rechercher {
		  display: none; 
		  margin: 0;
		  position : absolute; 
		  top : 50px;
		  left : 190px; 
		  width : 150px;
		  border:0px;
		  font-size:13px;
} 

#infos {
		  display: none; 
		  margin: 0;
		  position : absolute; 
		  top : 50px;
		  left : 280px; 
		  width : 150px;
		  border:0px;
		  border-width:0px;
		  font-size:13px;
} 

#classement1 {
		  display: none; 
		  margin: 0;
		  position : absolute; 
		  width : 230px;
		  top:20px;
		  left : 240px; 
		  border:none;
		  font-size:13px;
		  z-index:3;
} 

#rechercher1 {
		  display: none; 
		  margin: 0;
		  position : absolute; 
		  left : 470px;
		  top:20px;
		  width : 230px;
		  border:0px;
		  font-size:13px;
		  z-index:3;
} 

#infos1 {
		  display: none; 
		  margin: 0;
		  position : absolute; 
		  left : 700px;
		  top:20px;
		  width : 230px;
		  border:0px;
		  border-width:0px;
		  font-size:13px;
		  z-index:3;
} 

#menu-horizontal li {
		 background-repeat:no-repeat;
		 padding-left:15px;
		 list-style-type:none;
		 background-color: #F7F7F7;
		 height: 20px;
} 

#menu-horizontal1 li {
		 background-repeat:no-repeat;
		 padding-left:15px;
		 list-style-type:none;
		 background-color:#666666;
		 width:125px;
		 height: 20px;
		 z-index:3;
		 color:#FFFFFF;
} 




/******************
     ACCUEIL F
******************/

#accueil-nb-connecter{
		background-image:url(/public/Images/accueil-nb-connecter.jpg);
		background-repeat:no-repeat;
		text-align:center;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		color:#FFFFFF;
}

.accueil-haut{
		background-image:url(/public/Images/accueil-haut1.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}

#accueil-haut table{
		color:#000000;
}

#accueil-haut a{
		color:#FFFFFF;
}

#accueil-haut-fiche-photos{
		background-image:url(/public/Images/accueil-haut-fiche-photos.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}

#accueil-haut-fiche-description{
		background-image:url(/public/Images/accueil-haut-fiche-description.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}

#accueil-haut-fiche-voter{
		background-image:url(/public/Images/accueil-haut-fiche-voter.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}

#accueil-haut-fiche-musique{
		background-image:url(/public/Images/accueil-haut-fiche-commentaire.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}

#accueil-haut-fiche-commentaire{
		background-image:url(/public/Images/accueil-haut-fiche-commentaire.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}

#accueil-haut-mes-infos{
		background-image:url(/public/Images/accueil-haut-fiche-commentaire.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}

#accueil-haut-contact{
		background-image:url(/public/Images/accueil-haut-fiche-commentaire.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}


.accueil-millieu{
		background-image:url(/public/Images/accueil-millieu1.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}

.accueil-millieu table{
		color:#000000;
}

.accueil-millieu a{
		color:#FFFFFF;
}


.accueil-millieu table a{
		color:#000000;
}

#accueil-millieu-fiche-photos{
		background-image:url(/public/Images/accueil-millieu-fiche-photos.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}

#accueil-millieu-fiche-description{
		background-image:url(/public/Images/accueil-millieu-fiche-description.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}

#accueil-millieu-fiche-voter{
		background-image:url(/public/Images/accueil-millieu-fiche-voter.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}

#accueil-millieu-fiche-musique{
		background-image:url(/public/Images/accueil-millieu-fiche-commentaire.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}

#accueil-millieu-fiche-commentaire{
		background-image:url(/public/Images/accueil-millieu-fiche-commentaire.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}

#accueil-millieu-mes-infos{
		background-image:url(/public/Images/accueil-millieu-fiche-commentaire.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}

#accueil-millieu-contact{
		background-image:url(/public/Images/accueil-millieu-fiche-commentaire.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}


.accueil-bas{
		background-image:url(/public/Images/accueil-bas1.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}

#accueil-bas table{
		color:#000000;		
}

#accueil-bas a{
		color:#FFFFFF;		
}

#accueil-bas-fiche-photos{
		background-image:url(/public/Images/accueil-bas-fiche-photos.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}

#accueil-bas-fiche-description{
		background-image:url(/public/Images/accueil-bas-fiche-description.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}

#accueil-bas-fiche-voter{
		background-image:url(/public/Images/accueil-bas-fiche-voter.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}

#accueil-bas-fiche-musique{
		background-image:url(/public/Images/accueil-bas-fiche-commentaire.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}

#accueil-bas-fiche-commentaire{
		background-image:url(/public/Images/accueil-bas-fiche-commentaire.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}

#accueil-bas-mes-infos{
		background-image:url(/public/Images/accueil-bas-fiche-commentaire.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}

#accueil-bas-contact{
		background-image:url(/public/Images/accueil-bas-fiche-commentaire.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}




/******************
     ACCUEIL H
******************/

#accueil-haut-h{
		background-image:url(/public/Images/accueil-haut-h.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
}

#accueil-millieu-h{
		background-image:url(/public/Images/accueil-millieu-h.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}

#accueil-bas-h{
		background-image:url(/public/Images/accueil-bas-h.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}


/***********************
      MESSAGES         
***********************/
#message-header{
		background-image:url(/public/Images/accueil-haut-fiche-photos.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		color:#FFFFFF;
}
#message-body{
		background-image:url(/public/Images/accueil-millieu-fiche-photos.jpg);
		width:600px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		color:#FFFFFF;
}
#message-footer{
		background-image:url(/public/Images/accueil-bas-fiche-photos.jpg);
		background-repeat:no-repeat;
		width:600px;
		height:20px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
}


/**************************************/
/*          MENU HORIZONTAL           */
/**************************************/
#menu-h {
		position:absolute;
		margin: 0 0 0 0%;
		padding: 0;
		background-color:#000000;
		z-index:3;
		top:-10px;
}
#menu-h ul {
		margin:0;
		padding:0;
		list-style-type:none;
		text-align:center;
		z-index:3;
		top:-10px;
}
#menu-h li {
		float:left;
		margin:auto;
		padding:0;
		color:#0F0F0F;
		background-color:#333333;
		width:227px;
		top:-10px;
}
#menu-h li a {
		display:block;
		width:227px;
		color:white;
		text-decoration:none;
		top:-10px;
}
#menu-h li a:hover {
		color:#FFD700;
		top:-10px;
}
#menu-h ul li ul {
		display:none;
		top:-10px;
}
#menu-h ul li:hover ul {
		display:block;
		top:-10px;
}
#menu-h ul li ul li {
		text-align:left;
		background-image:url(/public/Images/fleche1.jpg);
		padding-left:15px;
		font-weight:bolder;
		top:-20px;
		width:219px;
}
#menu-h li:hover ul li {
		float:none;
		top:-10px;
} 
<!--[if !IE]> <-->
#menu-h li ul {
		position:relative;
		top:-10px;
 }
<!--><![endif]-->

<!--[if IE 8]>
#menu-h li ul {
		position:relative;
		top:-10px;
 }
<!--><![endif]--> 


/************************
       LIENS             
************************/
A:link {text-decoration: underline; color: black;}
A:visited {text-decoration: underline; color: black;}
A:active {text-decoration: underline; color: black;}
A:hover {text-decoration: underline overline; color: black;}

/************************
          H1             
************************/
H1 {
		font-size:14px;
}



/****************************
       BUTTON               
****************************/
.inputSimple
{
	background-color:#CCC;
	color:#000;
	text-decoration:none;
	border:#000 1px solid;
}
.inputVoteEnOr
{
	background-color:#FC0;
	color:#000;
	text-decoration:none;
	border:#000 1px solid;
}


.worldwrap {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */
}