body {

	background: #fff;
	
}

#mask { 

	background-color: black;
	background-position: center; 
	background-repeat: no-repeat; 
	background-image: url("/images/gp/logo-gp-header.png");
	
}

#logo
{
	
	background: url("/images/gp/logo-gp-header.png");
	width: 371px;
	height: 97px;
	
}

/** RIGHT COLUMN
----------------------------------*/

#rdv-list h1 {

	background: url("/images/gp/header-rdv-list.png");

}

/** BULLETINS (dépêches)
----------------------------------*/

#bulletins {
	
	background: url("/images/gp/skin_depeche.png");
	
}

/** RADIO GP 
---------------------------------*/

div#radiogp {

	background: url("/images/gp/bg-radiogp.png") no-repeat;

}

/** NEWS **/

#news-col {

	background: url("/images/gp/news-col-bg-2.png") repeat-y;
	

}

#news-col-top {

	background: url("/images/gp/news-col-top.png") no-repeat;
	
}

#news-col-content {

	background: url("/images/gp/news-col-bg-1.png") no-repeat;

}

#news-col div.news-header {

	height: 33px;

}

#news-col div.news-header.em {

	background: url("/images/gp/news-em-header.png") no-repeat;
	
}

#news-col div.news-header.gp {

	background: url("/images/gp/news-gp-header.png") no-repeat;

}

#news-col div.news-piece div.content, #news-col div.news-piece div.content a {

	color: #fff;

}

#news-col-bottom {

	background: url("/images/gp/news-col-bottom.png") no-repeat;
	
	height: 15px;
	width: 300px;
	
	margin-left: 10px;
	
}


/** HEADERS **/

#content > h1 { 

	height: 72px;
	background-position: -7px 0;
	background-repeat: no-repeat;
	width: auto;
}

#content > h1.index {
	
	background-image: url("/images/gp/header_les_artistes.png");
	
}

#content > h1.parisList {
	
	background-image: url("/images/gp/header_paris.png");
	
}

#content > h1.tourList {
	
	background-image: url("/images/gp/header_tour.png");
	
}

#content > h1.presentation-gp {
	
	background-image: url("/images/gp/header_presentation.png");
	
}

#content > h1.prestations {
	
	background-image: url("/images/gp/header_prestations.png");
	
}

#content > h1.acces-gp {
	
	background-image: url("/images/gp/header_acces.png");
	
}

#content > h1.contact {
	
	background-image: url("/images/gp/header_contact.png");
	height: 56px;
	
}


#content > h1.pro-access {
	
	background-image: url("/images/gp/header_pro-access.png");
	
}

/** Main Menu */

#mainmenu {
	
	margin: 0 0px 10px 45px;
	width: 955px;	
	
}


#mainmenu ul li a {


}

#mainmenu ul li {
	
	display: inline;
	float: left;
	
	margin: 0px 30px 0px 0px;
	
	width: 184px;
	height: 48px;

	
}

#mainmenu ul li ul {

	float:none;
	display: none;
	width: auto;
	height: auto;
	margin: -5px 0 0 -26px;
	position:absolute;
	z-index:1;

}

#mainmenu ul li ul li {

	width: 120px;
	margin: 0 0 0 0;
	

}

#mainmenu ul li.artistes {

	width: 198px;


}

#mainmenu ul li a#mainmenu-artistes-link {
	
	background: url("/images/gp/mainmenu/les_artistes.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-artistes-link:hover {
	
	background: url("/images/gp/mainmenu/les_artistes_over.png") no-repeat;

}

#mainmenu ul li a#mainmenu-concerts-link {
	
	background: url("/images/gp/mainmenu/les_concerts.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-concerts-link:hover {
	
	background: url("/images/gp/mainmenu/les_concerts_over.png") no-repeat;

}

#mainmenu ul li a#mainmenu-concerts-paris-link {
	
	background: url("/images/gp/mainmenu/concerts_paris.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-concerts-paris-link:hover {
	
	background: url("/images/gp/mainmenu/concerts_paris_over.png") no-repeat;

}

#mainmenu ul li a#mainmenu-concerts-tour-link {
	
	background: url("/images/gp/mainmenu/concerts_tour.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-concerts-tour-link:hover {
	
	background: url("/images/gp/mainmenu/concerts_tour_over.png") no-repeat;

}

#mainmenu ul li.qui-sommes-nous {

	width: 126px;


}

#mainmenu ul li a#mainmenu-qui-sommes-nous-link {
	
	background: url("/images/gp/mainmenu/qui_sommes_nous.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-qui-sommes-nous-link:hover {
	
	background: url("/images/gp/mainmenu/qui_sommes_nous_over.png") no-repeat;

}

#mainmenu ul li.qui-sommes-nous ul {

	margin: -5px 0 0 -120px;


}

#mainmenu ul li ul li.presentation {

	width: 144px;
	margin-right: 10px;

}

#mainmenu ul li a#mainmenu-presentation-link {
	
	background: url("/images/gp/mainmenu/presentation.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-presentation-link:hover {
	
	background: url("/images/gp/mainmenu/presentation_over.png") no-repeat;

}

#mainmenu ul li ul li.prestations {

	width: 129px;
	margin-right: 10px;

}

#mainmenu ul li a#mainmenu-prestations-link {
	
	background: url("/images/gp/mainmenu/prestations.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-prestations-link:hover {
	
	background: url("/images/gp/mainmenu/prestations_over.png") no-repeat;

}

#mainmenu ul li ul li.acces {

	width: 82px;

}

#mainmenu ul li a#mainmenu-acces-link {
	
	background: url("/images/gp/mainmenu/acces.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-acces-link:hover {
	
	background: url("/images/gp/mainmenu/acces_over.png") no-repeat;

}

#mainmenu ul li.contact {

	width: 130px;
	margin-right: 10px;
	margin-top: 2px;


}

#mainmenu ul li a#mainmenu-contact-link {
	
	background: url("/images/gp/mainmenu/contact.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-contact-link:hover {
	
	background: url("/images/gp/mainmenu/contact_over.png") no-repeat;

}

#mainmenu ul li.em {

	margin-top: -7px;


}

#mainmenu ul li a#mainmenu-em-link {
	
	background: url("/images/gp/mainmenu/em.png") no-repeat top left;

}

#mainmenu ul li a#mainmenu-em-link:hover {
	
	background: url("/images/gp/mainmenu/em_over.png") no-repeat;

}


/** ACCES PRO MENU
-------------------------------*/

#pro-access-links {

	position: absolute;
	left: 470px;
	top: 107px;
	z-index: -1;

}


#mainmenu #pro-access-links a {
	
	display: block;
	font-size: 1px;
	color: #000000;
	float: left;
	
	
}

#mainmenu #pro-access-links a#mainmenu-acces-pro-link {
	
	width:140px;
	height:45px;
	background: url("/images/gp/mainmenu/acces-pro.png") no-repeat top left;
	
	margin-left: 107px;
	

}

#mainmenu #pro-access-links a#mainmenu-acces-pro-link:hover {
	
	background: url("/images/gp/mainmenu/acces-pro_over.png") no-repeat;

}

#mainmenu #pro-access-links a#mainmenu-user-infos-link {
	
	width:133px;
	height:37px;
	background: url("/images/gp/mainmenu/mes-infos.png") no-repeat top left;
	
	margin-top: 10px;
	margin-right: 10px;
	

}

#mainmenu #pro-access-links a#mainmenu-user-infos-link:hover {
	
	background: url("/images/gp/mainmenu/mes-infos_over.png") no-repeat;

}

#mainmenu #pro-access-links a#mainmenu-logout-link {
	
	width:176px;
	height:35px;
	background: url("/images/gp/mainmenu/deconnection.png") no-repeat top left;
	
	margin-top: 10px;

}

#mainmenu #pro-access-links a#mainmenu-logout-link:hover {
	
	background: url("/images/gp/mainmenu/deconnection_over.png") no-repeat;

}


/** CONTENT **/

#content > div.content.large {

	padding: 0px;

}

/** LISTS **/

#content > div.content.large table {

	border-collapse: collapse;

}

/** ARTISTS LIST **/

table#artistsList {

	

}

table#artistsList tr.separator {

	height: 10px;

}

table#artistsList td.image {

	width: 76px;
	height: auto;

}

table#artistsList td.details  {

	vertical-align: top;
	padding-left: 14px;
	
}
table#artistsList td.details .name {

	font-size: 14px;
	color: #ff2600;
	text-transform: uppercase;
	
}

table#artistsList td.details .genre {

	text-transform: lowercase;
	
}

table#artistsList td.details .on-tour {

	color: #ff2600;
	font-weight: bold;
	
}


/** EVENTS LIST **/

table.events {

	

}

table tr.header.ripped {

	background: url("/images/gp/bg-list-header.png");
	height: 39px;
	
	color: #fe0000;
	font-size: 22px;
	text-transform: uppercase;

}

table tr.header.ripped td {

	padding-left: 20px;

}

table tr.header.ripped td .genre {

	color: #fff;
	font-size: 12px;
	text-transform: lowercase;

}

table.events tr.separator.small {

	height: 0px;

}

table.events tr.separator.medium {

	height: 15px;

}

table.events td.date {

	width: 125px;
	padding: 0 15px;

}

table.events td.date .venue {
	
	font-weight:  bold;
	font-size: 0.9em;

}

table.events td.date .city {

	font-size: 0.9em;
	color: #fe0000;

}

table.events td.infos {

	

}

table.events td div.with {

	color: #fe0000;

}

/** PRO ACCESS PAGES
------------------------ */

#content div.content div.pro-access {

	padding: 0 25px 0 20px;
	
}


/** LOGIN FORM
------------------------ */

div.yiiForm.login {

}

div.yiiForm.login form {

	float: left;
	margin-bottom: 20px;
	

}

div.yiiForm.pro-access h2 {
	
	background: url("/images/bg-header-pro-access.png") no-repeat;
	width: 445px;	
	height: 46px;
	
	padding-top: 11px !important;	
	padding-left: 10px !important;
	
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;

	letter-spacing: -1px;
	
}


div.yiiForm.login div.simple {

	float: left;
	margin-right: 10px;
	
}

div.yiiForm.login div.simple label {

	display: block;
	
}

div.yiiForm.login div.simple.checkbox label {

	display: inline;
	
}

div.yiiForm.login  form div.submit  {
	
	height: 42px;
	
}

div.yiiForm.login  form div.submit input {
	
	display: block;
	width: 51px;
	height: 42px;
	background: url("/images/bt-ok.png") no-repeat 0 13px;
	border: none;
	
}

div.yiiForm.login  form div.checkbox {
	
	clear: both;
	float: none;

}

div.yiiForm.login form div.submit input:hover {
	
	background-image: url("/images/bt-ok-over.png");
	
}

div.yiiForm.login div.infos {
	
	margin-top: 20px;
	clear: both;

}

div.yiiForm.login div.infos .action {
	
	font-size: 11px;
	letter-spacing: -0.5px;
}

div.yiiForm.login div.infos .action, div.yiiForm.login div.infos .action a {
	
	color: #fe0000;

}

div.yiiForm.login div.infos .action .separator,
div.pro-access div#role-choice .separator {

	color: #000;

}
div.pro-access div#role-choice {

	font-size: 16px;
	text-transform: uppercase;

}
div.pro-access div#role-choice a {

	color: #fe0000;
	cursor: pointer;

}

div.yiiForm.user-form {

	text-align: left;

}

div.yiiForm.user-form div.simple {

	background: url("/images/bg-subscribe-form-input.png") no-repeat;
	width: 445px;
	height: 47px;
	
	padding-top: 12px;
	padding-left: 12px;
	
	margin-bottom: -20px;

}

div.yiiForm.user-form div.simple label {

	float: left;
	width: 148px;
	line-height: 13px;
	padding-top: 4px;

}

#main-subscribe-form {

	margin-bottom: 15px;

}

div.yiiForm.user-form div.simple label.required {

	font-weight: bold;

}



div.yiiForm.user-form div.simple.password-repeat label {

	padding-top: 0px;

}

div.yiiForm.user-form div.simple input, div.yiiForm.pro-access div.simple select {

	float: right;
	width: 230px;
	margin-right: 25px;

}

div.yiiForm.user-form div.choices div {
	
	float: left;
	width: 144px;
	letter-spacing: -0.5px;
	font-size: 12px;
	
}

div.yiiForm.user-form form div.submit {

	margin-top: 20px;
	float: left;
	
}

div.yiiForm.user-form form div.submit input {
	
	width: 51px;
	height: 28px;
	background: url("/images/bt-ok.png") no-repeat 0 1px;
	border: none;
	
}

div.yiiForm.user-form form div.submit input:hover {
	
	background: url("/images/bt-ok-over.png");
	
}

div.yiiForm.recover-password form div.simple {

	float: left;
		
}

div.yiiForm.recover-password form div.simple label {

	width: 120px;

}

div.yiiForm.recover-password form div.simple input {

	float: left;
	margin-right: 11px;

}

div.yiiForm.recover-password form div.submit {


	margin-top: -5px;
	float: left;
		
}

div.yiiForm.user-form form div.confirmation {
	
	margin-bottom: 20px;
	
}

div.yiiForm.user-form form input.error {
	
	border: solid 1px #fe0000;
	
}