/*   Copyright (c) 2007 COSMOPOLITE RECORDS   */

/*html {overflow-x: hidden;}*/

BODY {
	background-color:#0B1220;
	color: #ffffff;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width:99.99%;
	/*background-image: url(images/background.png);*/
	background-repeat: repeat-y;
}
a {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
}


FORM {
	display: inline;
}
img {
	border-style: none;
}
#header_wrapper {
	position:relative;
	width:100%;
	min-width:976px;
	height:144px;
	margin:0px;
	padding:0px;
}
#header_wrapper #cosmopolite_logo {
	position:absolute;
	left:0px;
	top:0px;
	width:478px;
	height:120px;
	z-index:1;
	visibility:visible;
}
#header_wrapper #cosmopolite_dates {
	position:absolute;
	right:420px;
	top:0px;
	width:148px;
	height:60px;
	z-index: 2;
	visibility:visible;
}
.centertexte {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	top:7px;
	font-weight: bold;
	text-align:center;
	width:148px;
	height:60px;
	z-index: 12;
	visibility:visible;
}
.centertexte a {
	color:#ff0000;
	text-decoration:none;
}
.centertexte a:hover {
	color:#00FFFF;
	text-decoration:none;/*	font-weight:normal;*/
}
.cosmored a {
	color:#ff0000;
	text-decoration:none;
}
.cosmored a:hover {
	color:#00FFFF;
	text-decoration:none;
}
.cosmogrey {
	color:#5F5F5F;
}
.texte_bouton_navigation {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	top:5px;
	text-align:center;
	width:102px;
	height:24px;
	z-index: 12;
	visibility:visible;
}
.texte_bouton_navigation a {
	color:#5F5F5F;
	font-weight: bold;
}
.texte_bouton_navigation a:hover {
	color:#dd0000;
	text-decoration:none;
}
.paniercontient {
	font-weight:bold;
	color:#FFE300;
	font-size:12px;
	padding-top:5px;
	padding-bottom:3px;
}
.paniertexte {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	top:7px;
	right:8px;
	text-align:right;
	width:134px;
	height:60px;
	z-index: 15;
	visibility:visible;
}
.cell {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	border-style:solid;
	border-width:0px;
	/*	border-color:#F2F9FF; */
/*	background-color:#000000;*/
/*	opacity: 0.65;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;*/
	width:auto;
	padding-right:5px;
	/*	margin:0px;*/
/*	white-space:nowrap;*/
	margin-right:0px;
	height:14px;
	z-index: 15;
	visibility:visible;
}
.cell a {
	color:#CCCCCC;
}
.cell a:hover {
	color:#FC2B00;
	text-decoration:none;
}
#cosmopolite_prompteur {
	position:absolute;
/*	background-color:#000000;*/
	right:0px;
	top:0px;
	width:420px;
	height:60px;/*	z-index: 3;
	visibility:visible;*/
}
#header_wrapper #cosmopolite_panier {
	position:absolute;
	right:0px;
	top:60px;
	width:134px;
	height:60px;
	z-index: 4;
	visibility:visible;
}
#header_wrapper #cosmopolite_urls {
	position:absolute;
	left:0px;
	top:120px;
	width:318px;
	height:24px;
	z-index: 5;
	visibility:visible;
}
#header_wrapper #cosmopolite_bouton1 {
	position:absolute;
	right:408px;
	top:120px;
	width:102px;
	height:24px;
	z-index: 6;
	visibility:visible;
}
#header_wrapper #cosmopolite_bouton2 {
	position:absolute;
	right:306px;
	top:120px;
	width:102px;
	height:24px;
	z-index: 7;
	visibility:visible;
}
#header_wrapper #cosmopolite_bouton3 {
	position:absolute;
	right:204px;
	top:120px;
	width:102px;
	height:24px;
	z-index: 8;
	visibility:visible;
}
#header_wrapper #cosmopolite_bouton4 {
	position:absolute;
	right:102px;
	top:120px;
	width:102px;
	height:24px;
	z-index: 9;
	visibility:visible;
}
#header_wrapper #cosmopolite_bouton5 {
	position:absolute;
	right:0px;
	top:120px;
	width:102px;
	height:24px;
	z-index:10;
	visibility:visible;
}
#header_wrapper #cosmopolite_menu {
	position:absolute;
	right:140px;
	top:60px;
	width:348px;
	height:60px;
	z-index:11;
	visibility:visible;
	margin:0px;
	padding:0px;
}
.float_left {
	float:left;
	width:180px;
}
.float_right {
	float:right;
	width:100%;
}
.footer {
	clear:left;
	min-width:976px;
	width:auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
    color: #aaaaaa;
	padding-right:10px;
	padding-left:14px;
}
.footer a {
	text-decoration:none;
}

.small_white {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
    color: #aaaaaa;
}


.conception { /* couleur "conception BALNEAIRE" */
	color: #96CCCC
}

/* -------------------------- DEBUT DEUX COLONNES  -------------------------- */

div#doublecolonne {
/*	position:relative;*/
/*	background-color:#0033CC;*/
/*	height:auto;*/
/*	top:0px;
	left:0px;*/
	width:100%;
	min-width:976px;
}

div#flashshow {
	background-color:#1D2331;
	width:484px;
	height:290px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:2px;
	padding-left:2px;
    margin:0px;
/*	border:solid 2px;
	border:#FFFFFF;*/
}

/*  DEBUT DU MENUSHOW LISTE  */

.menushowconteneur {
/*	clear:both;*/
    /*background-color:#ffffff;
	height:0px;
	width:100%;*/
}

/*block avec barre de scroll*/

div#menushow {
	background-image:url(http://www.cosmopoliterecords.com/cosmopoliterecords/images/menushow_bg.png);
	background-repeat:repeat;
	overflow:auto;
	margin:0px;
/*	direction:rtl;*/
    width:99%;
	height:286px;
/*	padding-left:4px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;*/
	padding:0px;
	border-left:6px #1D2331 solid;
	border-right:2px #1D2331 solid;
	border-top:6px #1D2331 solid;
	border-bottom:6px #1D2331 solid;
}

div#menushow a {
   	color:#0086A8;
}

div#menushow a:hover {
   	color:#ff0000;
}

/*  TITRE AVEC LIEN VERS ANCRE BAS DE PAGE  */

.menushowcopyrightstitle {
/*	direction:ltr;*/
	float:right;
	clear:right;
 	font-size:10px;
  	font-family:Arial, Helvetica, sans-serif;
/*   	color:#00586E;*/
    margin-right:12px;
	margin-left:12px;
}

/*.menushowcopyrightstitle a {
	color:#CC3300;
}
.menushowcopyrightstitle a:hover {
	color:#ff0000;
}*/

/* CHACUNE DES CELLULES DE LA FENETRE SHOWMENU */

.menushowcell {
/*	white-space:normal;*/
	direction:ltr;
 	float:left;
	width:126px;
	height:auto;
    padding:3px;
	margin:2px;
	text-align:center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* BORDURE DES IMAGES DES CELLULES DE LA FENETRE SHOWMENU */
.showcell_cadre {
	border-style:solid;
	border-top-width:4px;
 	border-right-width:4px;
  	border-bottom-width:4px;
  	border-left-width:4px;
	border-color:#00394C;
}

.videotitre {
	font-size: 10px;
	color:#FFFF00;
}
.videotitre a {
	color:#FFFF00;
}
.videotitre a:hover {
	color:#FF0000;
}

/*    DEBUT DU CADRE INFORMATIONS SUR LES COPYRIGHTS, puis CSS POUR TITRE EN GRAS   */


.MENU_LEFT_TEXT {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
    color:#ffffff;
	margin-left: 5px;
}

/*.MENU_LEFT_TEXT a {
    color:#ffffff;
}*/

.MENU_LEFT_TEXT  a:hover {
/*	font-weight: bold;*/
	background-color:#006680;
	padding-left: 6px;
    color:#FFFFFF;
}

.menushowcopyrights {
	direction:ltr;
	float:left;
	clear:both;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
/*	color:#ffffff;*/
	width:92%;
}

/*.menushowcopyrights a {
	color:#00CCFF;
}

.menushowcopyrights a:hover {
	color:#ff0000;
}*/

.menushowcopyrightstitle_big {
	float:left;
	font-weight: bold;
 	color:#0086A8; 
	font-size:14px; 
    margin-left:10px;
	text-align:left;
   	color:#0086A8;
/*	width:128px;*/
}

.ten_simple {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CC3300;
}
.ten_simple a {
	color:#CC3300;
}
.ten_simple a:hover {
 	color:#ff0000; 
}
/*    DEBUT DU CADRE NOUVEAUTES     */

div#nouveautes {
	clear:both;
/*	background-color:#000000;*/
	width:100%;
	padding: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:14px;
	height:auto;
	
}

/*    FIN DU CADRE NOUVEAUTES     */

#column_left {
/*	background-color:#000000;*/
	width:100%;
	padding: 0px;
	margin:0px;
}

/* DEBUT LISTING NOUVEAUTES */

.EVENT_ARTISTE {
	color:#ffffff;
	font-weight: bold;
	font-size: 1em;
	background-color:#006680;
	margin: 0px;
	padding: 2px;
}
.EVENT_TITRE {
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
	padding: 3px;
	margin-top:5px;
	margin-bottom:5px;
}
.EVENT_SOUS_TITRE {
	color:#0086A8;
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px;
}
.EVENT_NOTES {
	color: #ffffff;
	font-size: 0.8em;
	padding: 2px;
}
.EVENT_NOTES a:hover {
	color:#00FFFF;
}
.EVENT_NOTES a {
	color:#FC2B00;
}
.bloc_event {
	/*background-color: #EEEEEE;*/
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
	width:16em;
	float:left;
	height: 18em;
	border: 2px solid #CDCDCD;
	overflow:auto;
}
.bloc_event_n3 {
	background-color: #191919;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
	width:auto;
	clear:both;
	height: auto;
	border: 2px solid #CDCDCD;
	overflow:auto;
}
.cd_cover {
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float:left;
	border: 2px solid #CDCDCD;
}
.scroller {
    text-align:center;
	margin: 0px;
	padding: 0px;
	width: auto;
/*	border: 2px inset #999999;*/
	overflow:auto;
/*	background-image: url(http://www.jimmybock.com/images/fond_cadre.jpg);*/
}
.EN_DETAILS {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#ffffff;
	padding:2px;
	margin:0px;
}

.EN_DETAILS a {
    color:#ffffff;
	padding:2px;
	margin:0px;
}

.EN_DETAILS a:hover {
	background-color:#006680;
    color:#ffffff;
	padding:2px;
	margin:0px;
}
.AJOUTER_PANIER {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#ffffff;
	padding:2px;
	margin:5px;
}

.AJOUTER_PANIER a {
    color:#ffffff;
	padding:2px;
	margin:5px;
}

.AJOUTER_PANIER a:hover {
	background-color:#006680;
    color:#ffffff;
	padding:2px;
	margin:5px;
}


.supprimer_PANIER {
	padding:20px 2px 2px 2px;
	font-size:10px;
    color:#777777;
}

.supprimer_PANIER a {
    color:#777777;
}

.supprimer_PANIER a:hover {
    color:#ff0000;
}

/* DEBUT MENU SEARCH */
.search_main {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 182px;
	/*background-image: url(http://www.cosmopoliterecords.com/cosmopoliterecords/images/search_bkg.png);*/
	vertical-align:top;
	background-position:top;
	background-color:#1D2331;
	background-repeat:no-repeat;
}
.search_blanc {color: #FFFFFF}
.search_bleu {color: #00CCFF;}
.search_text_field {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 17px;
	margin: 0px 4px 0px 9px;
	padding: 0px;
	border:none;
	float: left;
	border-bottom: 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 126px;
	color:#FFFFFF;
/*	background-color:#006680;*/
/*	background-color:#F7F7F3;*/
		background-color:#666970;
}
.search_image_ok {
	height: 17px;
	margin:  0px 9px 0px 0px;
	padding: 0px;
	width: 34px;
	float: right;
}

.search_label {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 3px 9px;
	clear:left;
}

/* FIN MENU SEARCH */

.ALERT {
    color:#666970;
	/*	color:#620303;*/
	font-weight: bold;
	font-size: 28px;
	margin: 0px;
	padding: 2px;/*	background-color:#1C2431;*/
}

.ui-effects-transfer {
 border: 3px solid #C20000;
}

.imprimer_bl  {
	font-weight:bold;
	color:#0086A8;
	font-size:14px;
	float:left;
	margin:0px 10px 0px 0px;
	padding:10px;
	width:auto;
	border:0px #00CCFF solid;
}

.imprimer_bl a {
	color:#0086A8;
}

.imprimer_bl a:hover {
	color:#FF0000;
}

.paiement_paypal {
	color:#3CBAE3;
	font-size:18px;
	clear:left;
	margin:0px 0px 5px 0px;
	padding:10px;
	width:auto;
	border:0px #ccff00 solid;
}
.paiement_paypal a {
	color:#FF0000;
}

.paiement_paypal a:hover {
	color:#FF0000;
}