BODY {
 margin:0px;
 font-size: 12px;
 font-family: Arial;
 color: #000000;
 background:url(http://www.generationslive.fr/client/files/e/even/l-3c098e00d8fc3436649dbb5f21883fc6.jpg)  fixed no-repeat center center;
 }
 a {
 	color : #FF6600;
 	text-decoration:none;
 }
 a:hover {
 	text-decoration: underline;
 }
 img {
 	BORDER: 0
 }
 .spacer {
 	clear:both;
	width:100%;
 }
 #page {
	width: 982px;
 	margin-left: 0px;
 	margin-right: auto;
  	BORDER: 0px solid #FFCCFF;
 }
 
 #pub-haut {
 	margin-left: 0px;
 	margin-right: auto;
 }
 
 /********************************************************/
 /* Partie gauche */
 #gauche {
 	width: 250px;
 	float:left;
 	padding-left:2px;
 	padding-top:5px;
 }
 /* Partie Centrale */
 #content {
 	width: 470px;
 	float:left;
 	padding-top:5px;
 }
 /* Partie Droite */
 #droite {
 	width: 250px;
 	float: right;
 /*	background-color:#6699CC;
 	border-left:1px solid #336699;
 	border-bottom:1px solid #336699; */
 	padding-top:5px;
 	padding-right:2px;
 }
 /* Partie basse */
 #bas {
 	padding-top: 15px;
 	width: 100%;
 	height: 35px;
 	text-align:center;
 	border: 0px solid #FFCCFF;
 	background-color: #FFCCFF;
 	color: #000000;
 }
 #bas a {
 	color: #FF6600;
	text-decoration: none;
 }
 #bas a:hover {
	text-decoration: underline;
 }
 /********************************************************/
 .rubrique {
 	width: 98%;
 	padding-bottom:2px;
	margin-bottom:5px;
 }
 /* Couleur du fond et bordures des modules de gauche */
 #gauche .rubrique {
 	border: 4px solid #990000;
 	background-color: #FFCCFF;
 }
 #gauche .rubrique, #gauche .rubrique a {
 	color:#000000;
 }
 /* Couleur du fond des titres des modules de gauche */
 #gauche .rubrique .titre {
 	height: 20px;
	background-color: #FFCCFF; 
 	margin: 0px;
 	padding: 0px;
 }
 /* Couleur des titres des modules de gauche */
 #gauche .rubrique .titre h2, #gauche .rubrique .titre h2 a {
 	width:100%;
 	color:#FF00CC;
 	text-transform: capitalize ;
 	font-size:14px;
 	margin: 0px;
 	margin-left: 2px;
 }
 #gauche .rubrique hr {
	border:0px;
	border-top: 4px solid #990000;
 }
 /* Couleur du fond et bordures des modules de droite */
 #droite .rubrique {
 	border: 4px solid #990000;
 	background-color: #FFCCFF;
 }
 #droite .rubrique, .rubrique a {
 	color: #000000;
 }
 /* Couleur du fond des titres des modules de droite */
 #droite .rubrique .titre {
 	height: 20px;
 	background-color: #FFCCFF;
 	margin: 0px;
 	padding: 0px;
 }
 /* Couleur des titres des modules de droite */
 #droite .rubrique .titre h2, #droite .rubrique .titre h2 a {
 	width:100%;
 	color:#FF00CC;
 	text-transform: capitalize ;
 	font-size:14px;
 	margin: 0px;
 	margin-left: 2px;
 }
 #droite .rubrique hr {
	border:0px;
	border-top: 4px solid #990000;
 }
 /* Couleur des liens hors modules */
 .liens-rub a {
 	color : #FF6600;
 	text-decoration:none;
 	text-align:center;
 }
#communaute li {padding-left:20px;}
li#com-mail { background:url(http://www.tousenlive.com/img/communaute/com-mail.gif) no-repeat; }
li#com-com { background:url(http://www.tousenlive.com/img/communaute/com-com.gif) no-repeat; }
li#com-ami { background:url(http://www.tousenlive.com/img/communaute/com-ami.gif) no-repeat; }
li#com-supp { background:url(http://www.tousenlive.com/img/communaute/com-supprimer.gif) no-repeat; }
li#com-bloq { background:url(http://www.tousenlive.com/img/communaute/com-bloque.gif) no-repeat; }
li#com-alerte { background:url(http://www.tousenlive.com/img/communaute/com-alerter.gif) no-repeat; }
 /********************************************************/
 /* Modules */
 .cat {
 	list-style:none;
 	padding:0px;
 	margin:15px;
 	padding-left:2px;
 }
 li {
 	padding-bottom:3px;
 }
 .img-pres {
 	float:right;
	width:49%;
 	margin:2px;
 	margin-top:0px;
 }
 .pres {
 	float:left;
 	width:48%;
 	padding:0px;
 	margin:0px;
 }
 .genre {
 
 }
 .loc {
 
 }
 .label {
 
 }
 .nationalite {
 	text-transform: capitalize ;
 }
 .pochette {
	float:left;
	margin:5px;
 }
 /********************************************************/
 /* News */
 .fond-news {
 	width:95%;
 	margin-left:auto;
 	margin-right:auto;
 	margin-bottom:5px;
 	background-color:#FFCCFF;
	border:4px solid #990000;
 }
 .news {
 	width: 100%;
 	margin-left:auto;
 	margin-right:auto;
 }
 .news h2, .news h2 a {
 	color: #FF00CC;
 	background-color: #FFCCFF;
 	text-transform: none ;
 	font-size:12px;
 	margin: 0px;
	padding: 0px;
 	margin-left: 2px;
 }
 .news .texte {
 	padding-top:0px;
 	margin:0px;
 	padding-left:3px;
	color:#000000;
 }
 .news .image {
 	margin-left:3px;
 	margin-right:3px;
 }
 
 /********************************************************/
 /* Commentaires des news */
 .news .bas-news {
 	width: 100%;
 	height:20px;
 	margin-left:auto;
 	margin-right:auto;
 	border-bottom: 1px solid #666699;
 	border-top:0px;
 }
 .news .bas-news .comment {
 	padding:2px;
 	float:left;
 }
 .news .bas-news .date-publi {
 	padding:2px;
 	float:right;
 }
 
 /********************************************************/
 /* Date de concert */
 /********************************************************/
 #tableau-concert {
 	width: 95%;
 	height:200px;
	font-size:10px;
      margin-bottom:5px;
 	margin-left:auto;
 	margin-right:auto;
	color:#000000;
 	background-color:#FFCCFF;
	border:4px solid #990000;
 }
 #tableau-concert #date-concert {
	width: 100%;
	height:180px;
	overflow: auto; 
 }
 #tableau-concert h2 {
 	background-color: #FFCCFF;
 	color: #FF00CC;
 	font-weight:bold;
 	text-transform: none ;
 	font-size:12px;
 	margin: 0px;
	padding: 0px;
 	margin-left: 2px;
 }
 #tableau-concert .date {
 	width: 90px;
 	font-weight:bold;
 	float:left;
 }
 #tableau-concert .groupe {
 	width: 200px;
 	float:left;
 	
 }
 #tableau-concert .depart {
	width: 15px;
	float:left;
 }
 	#tableau-concert .resa{
 	width: 60px;
 	float:right;
 }
 #tableau-concert .lieu {
 	width: 250px;
 	float:left;
 }
 #tableau-concert .separer {
 	margin-top:5px;
 	border-bottom:0px solid #CCCCCC;
 }
 /********************************************************/
 /* Amis */
 #amis {
 	width:95%;
      margin-bottom:5px;
 	margin-left:auto;
 	margin-right:auto;
 	background-color:#FFCCFF;
	border:4px solid #990000;
 }
 #amis h2 {
 	background-color: #FFCCFF;
 	color: #FF00CC;
 	margin: 0px;
	padding: 0px;
 	margin-left: 2px;
 }
 #amis .detail {
 	float:left;
 	width:90px;
 	height:115px;
 	text-align:center;
 	margin:8px;
 	padding:0px;
 }
 /********************************************************/
 /* Commentaires */
 #commentaire {
      margin-bottom:5px;
 	width:95%;
 	margin-left:auto;
 	margin-right:auto;
 	background-color:#FFCCFF;
	border:4px solid #990000;
 }
 #commentaire h2 {
 	background-color: #FFCCFF;
 	color: #FF00CC;
 	margin: 0px;
	padding: 0px;
 	margin-left: 2px;
 }
 #commentaire .detail {
	color:#000000;
 }
 /********************************************************/
 /* Formulaires */
 form {
 	margin:0px;
 }
 /********************************************************/
 /* Lecteur */
 .lecteur {
 	width:100%;
	margin-bottom:5px;
 	text-align:center;
 }
 .lecteur p {
 	margin: 0px;
	padding:0px;
 }