body { /* la page */
	font-family: 'Bitstream Vera Sans', Arial, Verdana, sans-serif;
	background-color: white;
	color:#666666;
	margin: 0;
	padding: 0;
}
body, table { font-size: 9pt; } /* fix IE pour que le contenu des tables soit idem que celui du reste du site */

img { /* pas de bordure et une marge pour les images */
	margin: 2px;
	border: none;
}

/**** Design ****/

#tout { /* le div qui englobe le contenu du site (centr�) */
	border-left: 1px dotted #d1d3d4 ;
	border-right: 1px dotted #d1d3d4;
	width: 770px;
	position: relative;
	left: 50%;
	margin-left: -385px;
	}

#banniere { /* la banni�re */
	height: 143px;
	background: transparent url(images/banniere.jpg) top left no-repeat;
}
a:link{
color:#666666;
font-weight :bold;
text-decoration : underline;

}
a:visited{
color:#999999;
font-weight :bold;
text-decoration : none;
}
a:hover{
color:#CCCCCC;
font-weight :bold;
text-decoration : underline;
}


#liensdubas { /* Liens reliant vers les sous-sections de l'autre section */
	color: #666666;
	font-weight :bold;
	text-decoration :none;
}

#liensdubas ul {
padding:20px;
height :25px; 

}

#liensdubas li{
list-style-type:none;
margin:0 30px 0 0; 
padding:0; 
float:left;
text-align:center;
}





#footer { text-align: center; } /* pied de page */

/******* Page d'index : flash d'intro ********/
#introflash {
	text-align: center;
	border: 1px solid #999999;
	width: 750px;
	height: 550px;
	position: relative;
	left: 50%;
	margin-left: -375px;
}

/******** Page d'accueil ***********/
#lien_accueilevents a, #lien_accueilcom a {
	margin: 0;
	display: block; /* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */
	width: 185px;
	height: 170px;
	line-height: 170px;
	text-decoration: none;
	font-size: 1px;
	
}

/* lien events */
#lien_accueilevents a, #lien_accueilevents a:link, #lien_accueilevents a:visited { background: url(images/accueil_ev.jpg) -1px 2px no-repeat; }
#lien_accueilevents a:hover { background: url(images/accueil_ev.jpg) -1px -170px no-repeat; }

/* lien comm */
#lien_accueilcom a, #lien_accueilcom a:link, #lien_accueilcom a:visited { background: url(images/accueil_com.jpg) -1px 2px no-repeat; }
#lien_accueilcom a:hover { background: url(images/accueil_com.jpg) -1px -169px no-repeat; }





/**** Deux grandes sections du site, rajouter des balises, des classes ou des "id" derri�re pour customiser tous les �l�ments du site ****/

.section_evenements { /* EC2B94 */
font-family: 'Arial', Verdana, sans-serif;
	color:#666666;
	padding: 5px;

}

.section_evenements h1{
font-size:16px;
color:#FF0099;
width : 500px;
height : 45px;
padding : 0 0 0 0;
}


.section_evenements h2, .section_evenements h3   {
	color:#FF0099;
	font-size:14px;
	width : 770px;
height : 15px;
padding : 0 0 0 0;
background-image : url(t11.jpg);
background-repeat : no-repeat;
background-position : 0 top;

	
}
#menugauche h5{
font-size:3px;
color:#FF0099;
width : 150px;
height : 38px;
padding : 0 0 0 0;
background-image : url(h5news.jpg);
background-repeat : no-repeat;
background-position : 0 top;
}

.section_communication { /* 40BCD8 */
font-family: 'Arial', Verdana, sans-serif;
	color:#666666;
	padding: 5px;
}

.section_communication h1{
	color:#0099FF;
	font-size:16px;
	width : 770px;
height : 45px;
padding : 0 0 0 0;
background-image : url(t2.jpg);
background-repeat : no-repeat;
background-position : 0 top;

}
.section_communication h2, .section_communication h3, .section_communication h4, .section_communication h5   {
color:#0099FF;
font-size:14px;
width : 770px;
height : 45px;
padding : 0 0 0 0;
background-image : url(t21.jpg);
background-repeat : no-repeat;
background-position : 0 top;



}

/* exemple de ce que j'illustrais juste au dessus
pour tous les h1 pr�sents dans les pages �v�nements, on met .section_evenements h1
pour tous les liens dans les pages communication, on met .section_communication a
et ainsi de suite ... */

.cleaner { clear: both; } /* petit div permettant d'aligner le footer vers le bas */


/*** page d'accueil ***/
#visites { /* compteur de visites */
	text-align: center;
}

.important { /* cat�gorie de texte important */
	font-weight: bold;
	color: #0099CC;
}

/***** Elements de formulaire *****/
.texte { /* stylage des input type text */
	padding:2px;
	background:transparent url('images/fond_input.png') 0 0 no-repeat;
	border-color:#CEDE96 #D6E4A7 #D6E4A7 #CEDE96;
	border-width:1px;
	border-style:solid;
	padding:4px 2px 4px 5px;
	color:#666;
	margin-left:5px;
	margin-bottom: 2px;
}

/**** Page �v�nements *****/
#menugauche { /* menu de gauche de la page �v�nements */
	padding: 5px;
	float: left;
	width: 150px;
}

#menugauche .lienmenugauche { /* liens "non dynamiques du menu de gauche */
	padding: 5px;
	font-size: 16px;
	text-transform: uppercase;
}

.petitsboutons { /* la liste des petits boutons du menu de gauche */
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.petitsboutons li {
	height: 38px;
	margin: 0 0 5px 0;
	padding: 0;
}
.petitsboutons li a {
	margin: 0;
	display: block; /* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */
	width: 148px;
	height: 34px;
	line-height: 34px;
	color: #000;
	text-decoration: none;
	font-size: 1px;
}

.petitsboutons span, .tablo_principal_pageevents span, #evenements_contact span, .tablo_principal_pagecom span, .tablo_secondaire_pagecom span, .invisible { /* on va VRAIMENT cacher le texte XD */
	visibility: hidden;
	text-indent: -5000px;
	font-size: 1px;
}

/* liste des boutons de gauche de la page �v�nements */
#btRadio a, #btRadio a:link, #btRadio a:visited { background: url(images/design/btradio.jpg) 0 -3px no-repeat; }
#btRadio a:hover { background: url(images/design/btradio.jpg) 0 -39px no-repeat; }
#btIbiza a, #btIbiza a:link, #btIbiza a:visited { background: url(images/design/btibiza.jpg) 0 -3px no-repeat; }
#btIbiza a:hover { background: url(images/design/btibiza.jpg) 0 -39px no-repeat; }
#btMySpace a, #btMySpace a:link, #btMySpace a:visited { background: url(images/design/btmyspace.jpg) 0 -3px no-repeat; }
#btMySpace a:hover { background: url(images/design/btmyspace.jpg) 0 -39px no-repeat; }
#evenements_contact a, #evenements_contact a:link, #evenements_contact a:visited {background: url(images/design/btcontact.jpg) 0 -3px no-repeat; }
#evenements_contact a:hover { background: url(images/design/btcontact.jpg) 0 -39px no-repeat; }


#news { /* le ticker de news, ne pas toucher ce qui est marqu� en "important" */
	position: relative; /* important */  
	overflow: hidden; /* important */  
	width: 140px; /* important */  
	height: 140px; /* important */
	border:1px #999999 dotted;
	background: url(bgnews.jpg) no-repeat; }

#news_contenu { /* NE PAS TOUCHER */
	position: absolute;
	margin-top: 2px;
	left: 0;
}
.news_item { /* une news dans le ticker */
	padding: 5px;
	height: 130px; /* important */
	background-color: transparent;
	text-align: left;
}
.news_item h4 { /* le titre d'une news dans le ticker */
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin: 0;
}
.news_item p { /* le d�but d'une news dans le ticker */
	margin: 0;
	font-size: 90%;
	color:#000000;
}
.news_item a { /* le lien "en savoir plus" d'une news dans le ticker */
	color:#FF0099;
	text-decoration: underline;
}
.news_item a:hover {color:#666666;} /* le lien "en savoir plus" au survol de la souris */



.tablo_principal_pageevents a { /* liens gros boutons */
	margin: 0;
	display: block; /* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */
	width: 170px;
	height: 80px;
	line-height: 80px;
	color: #000;
	text-decoration: none;
	font-size: 1px;
}

/* tous les gros boutons de la page �v�nements */
#btEvenements a, #btEvenements a:link, #btEvenements a:visited { background: url(images/design/btev.jpg) 0 -85px no-repeat; }
#btEvenements a:hover { background: url(images/design/btev.jpg) -1px -3px no-repeat; }
#btAgenda a, #btAgenda a:link, #btAgenda a:visited { background: url(images/design/btagenda.jpg) 0 -85px no-repeat; }
#btAgenda a:hover { background: url(images/design/btagenda.jpg) 0px -2px no-repeat; }
#btHistorique a, #btHistorique a:link, #btHistorique a:visited { background: url(images/design/bthistorique.jpg) 0 -85px no-repeat; }
#btHistorique a:hover { background: url(images/design/bthistorique.jpg) 0px -1px no-repeat; }
#btAgency a, #btAgency a:link, #btAgency a:visited { background: url(images/design/btagency.jpg) 0 -85px no-repeat; }
#btAgency a:hover { background: url(images/design/btagency.jpg) 0px -2px no-repeat; }
#btPhotos a, #btPhotos a:link, #btPhotos a:visited { background: url(images/design/btphotos.jpg) 0 -85px no-repeat; }
#btPhotos a:hover { background: url(images/design/btphotos.jpg) 0px -3px no-repeat; }
#btVideos a, #btVideos a:link, #btVideos a:visited { background: url(images/design/btvideo.jpg) 0 -85px no-repeat; }
#btVideos a:hover { background: url(images/design/btvideo.jpg) 0px -2px no-repeat; }



/***** Page communication ****/
.cadre {
	border: 1px solid white;
	padding: 5px;
}
.maj { text-transform: uppercase; }

.tablo_principal_pagecom a { /* liens gros boutons page comm */
	margin: 0;
	display: block; /* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */
	width: 208px;
	height: 198px;
	line-height: 99px;
	color: #000;
	text-decoration: none;
	font-size: 1px;
}

/* les gros boutons de la page communication */
#btShop a, #btShop a:link, #btShop a:visited { background: url(images/design/btshop.jpg) 3px -205px no-repeat; }
#btShop a:hover { background: url(images/design/btshop.jpg) 3px -5px no-repeat; }
#btStreet a, #btStreet a:link, #btStreet a:visited { background: url(images/design/btstreet.jpg) 3px -205px no-repeat; }
#btStreet a:hover { background: url(images/design/btstreet.jpg) 3px -5px no-repeat; }
#btPresta a, #btPresta a:link, #btPresta a:visited { background: url(images/design/btecran.jpg) 3px -205px no-repeat; }
#btPresta a:hover { background: url(images/design/btecran.jpg) 3px -5px no-repeat; }


/* les liens des petits boutons */
.tablo_secondaire_pagecom a { /* liens petits boutons page comm */
	margin: 0;
	display: block; /* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */
	width: 150px;
	height: 34px;
	line-height: 34px;
	color: #000;
	text-decoration: none;
	font-size: 1px;
}

/* les petits boutons de la page communication */
#btSponsors a, #btSponsors a:link, #btSponsors a:visited { background: url(images/design/btsponsors.jpg) 3px -39px no-repeat; 
}
#btSponsors a:hover { background: url(images/design/btsponsors.jpg) 3px -5px no-repeat; 
}
#btContactCom a, #btContactCom a:link, #btContactCom a:visited { background: url(images/design/btcontact_comm.jpg) 3px -39px no-repeat; }
#btContactCom a:hover { background: url(images/design/btcontact_comm.jpg) 3px -5px no-repeat; 
}



/***** Page agenda ******/
.tabloagenda { /* Tableau contenant tous les events */
	width : 750px;
	margin : 5px;
	font-weight: bold;

}
.tabloagenda tr{
margin-bottom:10px}

th.agenda_nom, th.agenda_date, th.agenda_flyer, th.agenda_lineup, th.agenda_localisation{ /* nom d'un event */
top : 10px;
font-size: 12px;
color : #666;
line-height:20px;
border-top : 1px #cc0066 dashed;
border-collapse:collapse;
padding: 5px;

}

.agenda_nom{
border-top : 1px #cc0066 dashed;
border-bottom : 1px #cc0066 dashed;
border-left :1px #cc0066 dashed;
border-spacing :10px;
border-collapse:collapse;
left : 10px;
text-align:center;
padding: 5px;


}
.agenda_date{
border-top : 1px #cc0066 dashed;
border-bottom : 1px #cc0066 dashed;
left : 10px;
text-align:center;
padding: 5px;



}
.agenda_flyer{
border-top:1px #cc0066 dashed;
border-bottom : 1px #cc0066 dashed;
left : 10px;
text-align:center;
padding: 5px;




}
.agenda_lineup{
border-top:1px #cc0066 dashed;
border-bottom : 1px #cc0066 dashed;
left : 10px;
text-align:center;
padding: 5px;




}
.agenda_localisation{
border-top:1px #cc0066 dashed;
border-bottom : 1px #cc0066 dashed;
border-right: 1px #cc0066 dashed;
left : 10px;
text-align:center;
padding: 5px;



}



/***** Page radios *****/
#pageradios {  /* div contenant l'ensemble des banni�res de radios */
text-align: center; 

}

/***** Page une radio ****/
#lecteurradio { /* contenant du lecteur radio */
	text-align: center;
}

/***** Page agency *****/
.tablodj { /* Tableau contenant tous les DJs */
	width : 750px;
	margin : 5px;
	border-left:1px #999999 dashed;
	border-right:1px #999999 dashed;
	font-weight: bold;
	text-align: center;

}

.tablodj td{
border-bottom:1px #999999 dashed;
border-top:1px #999999 dashed;
margin-bottom:10px ;
}







/***** Page DJ (un DJ) *****/
.fichedj { /* div contenant l'ensemble de la page */

}

/***** Page galerie : galerie ******/
#myGallery { /* ne pas toucher : div contenant la galerie d'images */
	width: 400px !important;
	height: 300px !important;
	margin-left: 185px;

}

/***** Page galerie : tableau de listing des diff�rentes galeries ****/
.categories_galerie {
	width : 750px;
	margin : 5px;
	border-top: 1px #999999 dashed;
	border-bottom:1px #999999 dashed;
	border-right :1px #999999 dashed;
	border-left :1px #999999 dashed;
	border-collapse:collapse;
	font-weight: bold;
	text-align:center;
	
}
.categories_galerie td {
	border-bottom:1px #999999 dashed;


}
.galerievideos { /* Page de galerie vid�os : tableau de listing des vid�os d'une cat�gorie */
	width:750px;
	margin:10px;
	text-align: center;
	border-top: 1px #999999 dashed;
	border-bottom:1px #999999 dashed;
	border-right :1px #999999 dashed;
	border-left :1px #999999 dashed;
	border-collapse:collapse;

}
.galerievideos td {
	border-bottom:1px #999999 dashed;
	}
	
#video1 {
margin-left: 185px;
width: 770px;
padding:5px;
background-image:url(galerie/01.jpg);
background-repeat:no-repeat;

}

/******* Messages et notifications **********/
.notification {
	font-weight:bold;
	margin:1.6em 0;
	padding:0 0 0 35px;
	min-height: 30px;
	line-height:130%;
}

.erreur {
	color: red;
	background:transparent url('images/attention.gif') 0 0 no-repeat;
}

.ok {
	color: #009933;
	background:transparent url('images/ok.gif') 0 0 no-repeat;
}

/********** popups ******/
.fermeturepopup { /* lien de fermeture de popup */
	position: absolute;
	top: -20px;
	right: 0px;
	display: block;
	padding: 3px;
	border: 1px solid black;
	background-color: #dddddd;
	font-size: 16px;
}
.fermeturepopup a:link, .fermeturepopup a:visited, .fermeturepopup a:hover, .fermeturepopup:hover:visited {
	color: red;
	text-decoration: none;
}

div.popuppub { /* popup de pub */
	position: relative;
	background-color: #eeeeee;
	border: 1px #333333 solid;
	padding: 0;
}
.popuppub img { margin: 0; z-index: 10001; }