@charset "utf-8";
/* CSS Document */

* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
*html a, *html input
{
position: relative;
z-index: 1;
}

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #fff; background:#000;}


/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0; color:#FFF;}
h1{ font-size:180%; }
h2{ font-size:170%; }
h3{ font-size:160%; }
h4{ font-size:150%; }
h5{ font-size:140%; }
h6{ font-size:130%; }

hr{ border:none; border-bottom:1px #333333 dashed; padding-top:5px; margin-bottom:5px; clear:both }

/* =Link-----------------------------------------------------------------------------*/

a{ color:#FF0000; }
a:hover{ color:#FF0000; }
a:active{ color:#FF0000; }
a:visited{ color:#FF0000; }
.tips{ }
a.linkEdit{ padding-left:30px; background:url(pen.gif) 0 -18px no-repeat; height:18px; line-height:18px; display:block;}
a.linkEdit:hover{ padding-left:30px; background:url(pen.gif) 0 0 no-repeat; height:18px; line-height:18px; display:block; }
.btnSave{ background:#DA061B; color:#fff; font-weight:bold; font-size:14px; border:1px #DA061B solid; }

/* =Frame-----------------------------------------------------------------------------*/

#wrap{ width:883px; margin:0 auto; }

#header{ height:88px; background:#000 url(../../img/bgHeader.jpg) top left no-repeat;  }
#header #linkHomeHeader{ height:55px; display:block; }
#header #helpNav{ height:20px; padding-right:15px; padding-top:3px; }
#header #helpNav a{ display:block; height:18px; text-transform:uppercase; float:right; color:#fff; text-decoration:none; text-align:right; font-size:10px; padding-left: 15px; line-height:18px; padding-right:5px; padding-bottom:1px; }
#header #helpNav a:hover{ background: url(../../img/overHelpNav.gif) bottom right no-repeat; }
#header #helpNav a.active{ background: url(../../img/overHelpNav.gif) bottom right no-repeat; }

#mainNav{ height:240px; background:#000 url(../../img/bgMenu.jpg) top left no-repeat; }
#mainNav #linkHome{ height:240px; width:300px; float:left; }
#mainNav #boxMainNav{ width:273px; height:201px; padding:22px 12px 12px 0px; float:right; overflow:hidden; }
#mainNav #boxMainNav a{ display:block; float:right; clear:both; color:#fff; text-decoration:none; font-size:15px; font-weight:bold; text-transform:uppercase; padding:1px 20px 1px 10px; white-space:nowrap; }
#mainNav #boxMainNav a:hover{ background-color:#da061b; }

#topMiddle{ height:15px; background:#000 url(../../img/topMiddle.jpg) top left no-repeat; }

#middle{ background:#000 url(../../img/bgMiddle.jpg) top left no-repeat; }
#wrap div.home{ background:#000 url(../../img/bgMiddleHome.jpg) top left no-repeat; padding-top:20px; }
#middle #col01{ width:320px; float:left; margin-right:6px; background-color:#000; padding:10px; }
#middle #col01 div.boxNews{ margin:10px 0px; border-bottom:1px #333333 dashed; padding-bottom:10px; }
#middle #col01 div.boxNews h6{ color:#da061b; padding-bottom:4px; }
#middle #col01 div.boxNews h6 em{ color:#fff; }
#middle #col01 div.boxNews p{ font-size:12px; }
#middle #col01 div.boxNews a.linkDetail{ text-decoration:none; font-size:12px; display:block; text-align:right; padding-top:3px;}
#middle #col01 a.linkMore, #middle #col02 a.linkMore{ font-size:13px; display:block; text-align:right; font-weight:bold; color:#fff; text-decoration:none; }
#middle #col01 h1, #middle #col02 h1{ font-size:25px; text-transform:uppercase; }
#middle #col02{ width:290px; float:left; margin-right:6px; background-color:#000; padding:10px; }
#middle #col02 div.boxEve{ margin:10px 0px; border-bottom:1px #333333 dashed; padding-bottom:10px; clear:both; }
#middle #col02 div.boxEve h6{ color:#da061b; }
#middle #col02 div.boxEve a.linkPic{ height:59px; width:59px; display:block; float:left; }
#middle #col02 div.boxEve a.linkDetail{ font-size:12px; text-decoration:none; padding-top:4px; display:block; text-align:right; }
#middle #col02 div.boxEve div.boxEveInfo{ width:220px; display:block; float:right; }
#middle #col03{ width:220px; float:right; }
#middle #col03 h3{ text-transform:uppercase; font-weight:bold; font-size:16px; }
#middle #col03 label{ display:block; font-size:12px; font-weight:bold; padding-top:10px; text-transform:uppercase; }
#middle #col03 input{ width:185px; height:20px; }
#middle #col03 input.btnSend{ width:85px; height:24px; background:#000 url(../../img/btnSend.gif) top left no-repeat;border:none; margin-top:10px; cursor:pointer; }
#middle #col03 #homeBoxMember{ background-color:#000; padding:10px; margin-bottom:5px; }
#middle #col03 #homeBoxMailling{ background-color:#000; padding:10px; }

#middle #col04{ width:185px; float:left; padding-left:15px; padding-top:10px; }
#middle #col04 em{ font-style:normal; font-size:13px; text-transform:uppercase; display:block; clear:both;  }
#middle #col04 strong{ font-size:20px; text-transform:uppercase; padding-bottom:20px; display:block; }
#middle #col04 a{ display:block; padding-left:20px; border-bottom:1px #222222 solid; color:#c6c6c6; background:url(../../img/puceStar.gif) 0px 3px no-repeat; font-size:13px; font-weight:bold; text-decoration:none; }
#middle #col04 a:hover{ color:#da061b; }
#middle #col04 a.active{ color:#da061b; }
#middle #col04 label{ display:block; font-size:12px; font-weight:bold; padding-top:10px; text-transform:uppercase; }
#middle #col04 input{ width:175px; height:15px; }
#middle #col04 input.btnFind{ width:68px; height:24px; background:#000 url(../../img/btnFind.gif) top left no-repeat;border:none; margin-top:10px; float:right; margin-bottom:10px; cursor:pointer; }
#middle #col04 #linkOrderAlpha{ width:55px; background:#000 url(../../img/btnOrderAlpha.gif) top left no-repeat; padding:0px; }
#middle #col04 #linkOrderType{ width:166px; background:#000 url(../../img/btnOrderType.gif) top left no-repeat; padding:0px; margin-bottom:20px; }

#middle #col04 #mainPhotoArtiste{ margin-top:40px; }
#middle #col04 h3{ color:#cbcbcb; font-size:14px; border-bottom:1px #cbcbcb solid; margin:10px 0px; }
#middle #col04 #boxArtistePhoto a{ background:none; padding:0px; display:block; width:36px; height:27px; margin:4px; float:left; overflow:hidden; }

#middle #col05{ width:640px; float:right; padding:10px; padding-left:20px; border-left:1px #494949 dashed; font-size:12px; text-align:justify; }
#middle #col05 h1{ font-size:30px; color:#fff; background-color: #da061b; display:inline; text-transform:uppercase; padding:0 3px;}
#middle #col05 div.boxNews{ margin:10px 0px; border-bottom:1px #333333 dashed; padding-bottom:10px; }
#middle #col05 div.boxNews h6{ color:#da061b; }
#middle #col05 div.boxNews h6 em{ color:#fff; }
#middle #col05 div.boxNews p{ font-size:12px; }
#middle #col05 div.boxNews a.linkDetail{ text-decoration:none; font-size:12px; display:block; text-align:right; padding-top:3px;}
#middle #col05 a.linkMore{ font-size:13px; display:block; text-align:right; font-weight:bold; color:#fff; text-decoration:none; }
#middle #col05 #listPage{ text-align:right; padding-right:10px; }
#middle #col05 #listPage a{ padding:3px; background-color:#414141; color:#fff; text-decoration:none; text-align:center; margin-left:2px; font-weight:bold; font-size:12px; }
#middle #col05 #listPage a:hover{  background-color:#da061b;}
#middle #col05 p{ margin:10px 0px; }

#middle #col05 #boxAlbum{ padding:10px; }
#middle #col05 #boxAlbum a{ padding:4px; border:1px #ccc solid; margin:10px; float:left; }

#middle #col05 #listResultArtist{ font-size:13px; margin-top:20px; }
#middle #col05 #listResultArtist tr.title td{ border-bottom:2px #666666 solid; color:#737373; font-weight:bold; font-size:14px; }
#middle #col05 #listResultArtist tr td{ border-bottom:1px #666666 dashed; color:#fff; padding:4px; }
#middle #col05 #listResultArtist tr td a{ color:#fff; text-decoration:none; padding-left:10px; border-left:10px #333333 solid; }
#middle #col05 #listResultArtist tr td a:hover{ padding-left:10px; border-left:10px #da061b solid; }

#middle #col05 #boxInfoArtiste{ padding-top:20px; font-size:13px; }
#middle #col05 #boxInfoArtiste #linkSiteWeb{ float:right; color:#fff; }
#middle #col05 #boxInfoArtiste #linkSiteWeb:hover{ float:right; color:#f00; }
#middle #col05 #boxInfoArtiste strong{ padding-right:10px; }
#middle #col05 #boxInfoArtiste hr{ padding-top:1px; margin-bottom:1px; }
#middle #col05 h3{ color:#cbcbcb; font-size:14px; border-bottom:1px #cbcbcb solid; margin:10px 0px; }
#middle #col05 #boxMediaArtiste div.player{ height:21px; width:173px; background:url(../../img/sampleMedia.gif) top left no-repeat; }

#middle #col05 div.boxEve{ margin:10px 0px; border-bottom:1px #333333 dashed; padding-bottom:10px; clear:both; }
#middle #col05 div.boxEve h6{ color:#da061b; }
#middle #col05 div.boxEve h6.date{ color:#fff; font-size:12px; padding-bottom:10px; }
#middle #col05 div.boxEve a.linkPic{ height:120px; width:120px; display:block; float:left; }
#middle #col05 div.boxEve a.linkDetail{ font-size:12px; text-decoration:none; padding-top:4px; display:block; }
#middle #col05 div.boxEve div.boxEveInfo{ width:500px; display:block; float:right; }

#middle #col06{ width:863px; padding:10px; font-size:12px; }
#middle #col06 h1{ font-size:30px; color:#fff; background-color: #da061b; display:inline; text-transform:uppercase; padding:0 3px;}
#middle #col05 #listPart{ padding-top:20px; }
#middle #col05 #listPart div.boxPart{ margin:10px 0px; border-bottom:1px #333333 dashed; padding-bottom:10px; clear:both; }
#middle #col05 #listPart div.boxPart h6{ color:#da061b; }
#middle #col05 #listPart div.boxPart a.linkPic{ height:120px; width:120px; display:block; float:left; }
#middle #col05 #listPart div.boxPart a.linkWeb{ font-size:12px; text-decoration:none; padding-top:4px; display:block; }
#middle #col05 #listPart div.boxPart div.boxPartInfo{ height:150px; width:280px; display:block; float:left; margin-left:20px; }
#middle #col05 #listPart div.boxPart div.boxPartAddr{ width:200px; height:130px; float:right; font-size:13px; font-weight:bold; padding-top:20px;  }
#middle #col06 #listPage{ text-align:right; padding-right:10px; }
#middle #col06 #listPage a{ padding:3px; background-color:#414141; color:#fff; text-decoration:none; text-align:center; margin-left:2px; font-weight:bold; font-size:12px; }
#middle #col06 #listPage a:hover{  background-color:#da061b;}
#middle #col06 #listPage a.active{  background-color:#da061b;}
#middle #col06 h3{ color:#cbcbcb; font-size:14px; border-bottom:1px #cbcbcb solid; margin:10px 0px; }
#middle #col06 h4{ color:#da061b; font-size:14px; margin:10px 0px; }
#middle #col05 h4{ color:#da061b; font-size:14px; margin:0px; }

#footer{ height:63px; background:#000 url(../../img/bgFooter.jpg) top left no-repeat; padding-top:12px; }
#footer #linkList{ text-align:center; }
#footer #linkList a{ color:#fff; text-decoration:none; padding-left:1px; text-transform:uppercase; font-size:9px; }
#footer #linkList a:hover{ text-decoration:underline; }
#footer #copyright{ text-align:center; color:#fff; font-size:9px; padding-top:3px; text-transform:uppercase; }

/*CALENDRIER*/
/* CALENDRIER MINI */
.minical_dayEmpty{
	font-family:sans-serif;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	background-color:#FFFFFF;
	border-left:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:1px;
	width:10px;
	height:10px;
	height:20px;
}
.minical_dayFull{
	font-family:sans-serif;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	background-color:#F8F8F8;
	border-left:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:1px;
	width:10px;
	height:10px;
	height:20px;
}
.minical_dayFull_com{
	font-family:sans-serif;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	background-color:#FFFFCC;
	border-left:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:1px;
	width:10px;
	height:10px;
	cursor:pointer;
	height:20px;
}
.minical_cmdOver{
	border-top:2px #990000 solid;
}
.minical_dayThis{
	font-family:sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	background-color:#F8F8F8;
	border-left:2px #666666 solid;
	border-right:1px #666666 solid;
	border-top:1px #666666 solid;
	border-bottom:2px #666666 solid;
	padding:1px;
	width:10px;
	height:10px;
	height:20px;
}
.minical_border{
	border-right:1px #CCCCCC solid;
}
.tbl_title_col{
	font-family:sans-serif;
	color:#990000;
	font-size:12px;
	font-weight:bold;
	background-color:#F8F8F8;
	border-bottom:1px #990000 solid;
}
.tbl_title_col_red{
	font-family:sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	background-color:#DA061B;
	border-bottom:1px #DA061B solid;
}

#boxCalEve{ text-align:center; }

#middle #col04 a.arrowCal{ display:inline-block; background:none; padding:0; margin:0 10px; font-weight:bold; color:#fff; width:20px; height:14px; line-height:13px; border:none; }
#middle #col04 a.arrowCal:hover{ font-weight:bold; color:#fff; }

#middle #col04 #formLeft{ padding-top:20px; }
#middle #col04 #formLeft input{ width:275px; }
#middle #col04 #formLeft textarea{ width:275px; }
#middle #col04 #formLeft input.btnSend{ width:85px; height:24px; background:#000 url(../../img/btnSend.gif) top left no-repeat;border:none; margin-top:10px; cursor:pointer; }

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

	.hidden {
		opacity: 0;
		position: absolute;
	}
	.visible {
		opacity: 1;
	}
	
	
	input.calendar,
	select.calendar {
		width: 99px;
	}
	
	button.calendar {
		background: url(calendar-icon.gif);
		border: 0;
		cursor: pointer;
		height: 20px;
		margin-right: 6px;
		width: 20px;
		top:-4px;
		position:relative;
	}
	button.calendar:hover,
	button.calendar.active {
		background-position: 0 20px;
	}
	
	div.calendar {
		background: url(calendar.png);
		height: 195px;
		padding: 0 6px;
		text-align: center;
		width: 147px;
	}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #DA061B;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(calendar-valid.gif);
		color: #DA061B;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(calendar-valid.gif) 0 100%;
		color: #333;
		cursor: pointer;
	}
	
/* BOITE ERREUR */
#middle #col04 h5.msgError {
background:#FDF9BC;
border:2px solid #FF9F00;
color:#FF9F00;
display:block;
font-size:16px;
margin:5px;
padding:5px 5px 5px 5px;
text-align:left;
}
#middle #col04 h5.msgError div {
padding-bottom:10px;
padding-left:10px;
}
#middle #col04 h5.msgError div span {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
padding:4px 0px 0px;
}
#middle #col04 h5.msgError div span strong{ display:inline; font-size:12px; padding:0; }