/*Template CSS file Compass Design
Creative Commons Attribution v2.5 . This means that you are free to:
-to copy, distribute, display, and perform the work
-to make derivative works
-to make commercial use of the work
Under the following conditions:
-You must attribute the work in the manner specified by the author or licensor. (In this case, leaving a link to my site in the template footer).
For any reuse or distribution, you must make clear to others the license terms of this work.
Any of these conditions can be waived if you get permission from the copyright holder.*/

* {
margin:0;
padding:0;
}

body {

font-size:76%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
line-height:1.3;
background: url(../images/bkg.png) repeat-x;
background-color:#F0F0F0;

}

#wrap {
position: relative;

width: 922px;

height: auto;

left: 50%;

top: 70px;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 30px;

margin-left: -475px;

padding-top: 14px;

padding-right: 14px;

padding-bottom: 14px;

padding-left: 14px;

background-color: #ffffff;

background-attachment: scroll;

border-top-width: 1px;

border-right-width-value: 1px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 1px;

border-left-width-value: 1px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: solid;

border-right-style-value: solid;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: solid;

border-left-style-value: solid;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: #828282;

border-right-color-value: #828282;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: #828282;

border-left-color-value: #828282;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

/*background-image: url(../images/bkgSwirl.jpg);*/


background-repeat: no-repeat;

background-position: center 250px;

min-height: 1300px;
}

#leftfauxcol {
background:url(../images/leftslidingcolumn.png) 20% 0;
}

#rightfauxcol {
background:url(../images/rightslidingcolumn.png) 80% 0;
}

#header {
color:#fff;
background:#ccc url(../images/bgHeader.png)  no-repeat;
position:relative;
height:250px;
}

#header h1 {
font-family:Arial, Helvetica, sans-serif small-caps;
font-variant:small-caps;
font-stretch:expanded;
padding-left:20px;
}

#header input {
background:url(../images/search.png) no-repeat;
border:0;
height:22px;
width:168px;
font:12px Arial, Helvetica, sans-serif;
padding:2px;
}

#header .search {
position:absolute;
top:20px;
right:20px;
}

#top {
background:#ea6800 url(../images/teaser.png) no-repeat;
padding:10px;
}

#top .moduletable h3 {
color:#fff;
background:none;
text-align:left;
font:2.5em Arial, Helvetica, sans-serif normal;
font-stretch:expanded;
margin:10px 10px 0 10px;
padding:10px;
}

#top .moduletable {
font:bold 1em/1.2 Tahoma,Arial, Helvetica, sans-serif;
color:#fff;
border:0;
margin:0;
padding:0;
}

#footer {
background:#212121;
color:#fff;
text-align:right;
clear:both;
}

#bottom {

/*background-image:url(../images/bkgSwirl.jpg);*/
color:#666;
padding:10px 50px;
}

#sidebar {
float:left;
width:20%;
}

#content60 {
float:left;
width:60%;
overflow:hidden;
/*background:#fff url(../images/pagetop.png) repeat-x;*/
}

#content80 {
float:left;
width:80%;
overflow:hidden;
/*background:#fff url(../images/pagetop.png) repeat-x;*/
}

#content100 {
float:left;
width:100%;
overflow:hidden;
/*background:#fff url(../images/pagetop.png) repeat-x;*/
}

#sidebar-2 {
float:left;
width:20%;
}

.inside {
padding:10px;
background-color:#F0F0F0;
}

#sidebar .inside,#sidebar-2 .inside {
padding-top:0;
background-color:#F0F0F0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
margin:0.75em 0;
}

li,dd {
margin-left:1em;
}

fieldset {
padding:.5em;
}

a:link,a:visited {
text-decoration:underline;
color:#fff;
}
a:hover {
text-decoration:none;
}
#content60 a:link,#content60 a:visited,#content80 a:link,#content80 a:visited,#content100 a:link,#content100 a:visited {
color:#000;
}

h1,.componentheading {
font-size:1.8em;
}

h2,.contentheading {
font-size:1.6em;
}

h3 {
font-size:1.3em;
}

h4 {
font-size:1.2em;
}

h5 {
font-size:1.1em;
}

h6 {
font-size:1em;
font-weight:700;
}

.button {
border:#000 solid 1px;
background:#fff url(../images/buttonbackground.png) repeat-x;
height:25px;
line-height:25px
font-size:14px;
margin:4px 0;
padding:0 4px;
cursor:hand;
}

.small,.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

.sectiontableheader {
background:url(../images/teaser.png);
color:#fff;
font:1.2em bold Arial, Helvetica, sans-serif;
padding:5px;
}
.sectiontableheader a:link,.sectiontableheader a:visited {
color:#fff;
}

/* Module styling */
.moduletable {
margin-bottom:1em;
color:#fff;
font-size:1.1em;
}

.moduletable h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000;
color:#ccc;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

/*Menu Styling*/
.moduletablemenu {
margin-bottom:1em;
}

.moduletablemenu h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000;
color:#ccc;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

.moduletablemenu ul {
list-style:none;
margin:5px 0;
}

.moduletablemenu li {
background:url(../images/leftmenu.png) bottom left no-repeat;
height:24px;
font:14px Tahoma,Arial, Helvetica, sans-serif;
margin:10px 0;
padding:0 0 0 10px;
}

.moduletablemenu a:link,.moduletablemenu a:visited {
color:#fff;
display:block;
text-decoration:none;
padding-left:5px;
}

.moduletablemenu a:hover {
text-decoration:none;
color:#fff;
background:#ADADAD;
}

/*Tab Menu Styling*/

.moduletabletabs {
font:bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.moduletabletabs ul {
list-style:none;
float:right;
margin:0;
padding:0;
background:#212121;
width:100%;
}

.moduletabletabs li {
float:right;
background:url(../images/tabs.png) no-repeat 0 -4px;
margin:0;
padding:0 0 0 12px;
}

.moduletabletabs a:link,.moduletabletabs a:visited {
float:left;
display:block;
color:#000;
background:url(../images/tabs.png) no-repeat 100% -4px;
text-decoration:none;
margin:0;
padding:7px 18px 5px 9px;
}

.moduletabletabs #current {
background:url(../images/tabs.png) no-repeat 0 -84px;
}

.moduletabletabs #current a {
color:#fff;
background:url(../images/tabs.png) no-repeat 100% -84px;
}

.design a:link,.design a:visited {
color:#666;
float:right;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
}

#lien_vedette {
	position:absolute;
	left:50%;
	top:0px;
	width:205px;
	height:61px;
	margin: 0px 0 0 -475px;
}

/* Styles pour les Mini-sites*/

.nomArtiste {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.texteArtiste {
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height:18px;
}

hr.single (line 408)

{

border-right-width-value: 0pt;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0pt;

border-left-width-value: 0pt;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-top-width: 1px;

border-top-style: solid;

border-top-color: #cccccc;

width: 98.5%;

height: 1px;

margin-top: 6px;

margin-right: 0pt;

margin-bottom: 12px;

margin-left: 0pt;

text-align: left;

clear: left;

}

hr.double (line 398)

{

border-right-width-value: 0pt;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0pt;

border-left-width-value: 0pt;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-top-width: 3px;

border-top-style: double;

border-top-color: #cccccc;

width: 98.5%;

height: 3px;

margin-top: 6px;

margin-right: 0pt;

margin-bottom: 12px;

margin-left: 0pt;

text-align: left;

clear: left;

}

.linkMiniSite a:link{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#CC0000;
}
.linkMiniSite a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#CC0000;
}
.linkMiniSite a:active{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#CC0000;
}
.linkMiniSite a:link{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#CC0000;
}
.linkMiniSite a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#CC0000;
}
.linkMiniSite a:visited{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#CC0000;
}

.img-shadow {
float:right;
background: url(/images/stories/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

/*Menu mini-site*/
table.pill {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
td.pill_l {
	background: url(../images/mw_menu_cap_l.png) no-repeat;
	width:  20px;
	height: 32px;
}
td.pill_m {
	background: url(../images/mw_menu_normal_bg.png) repeat-x;
	padding: 0;
	margin: 0;
	width: auto;
}
td.pill_r {
	background: url(../images/mw_menu_cap_r.png) no-repeat;
	width:  19px;
	height: 32px;
}
#pillmenu {
	white-space: nowrap;
	height: 30px;
	width:922px;
	float: left;
	/*margin-left:30px;*/
	padding-left:30px;
	/*background-image:url(../images/bkgMenu.png);
	background-repeat:no-repeat;
	background-position:center;*/
	     
	
}
#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style:none;
	clear:left;
}
#pillmenu li {
	float: left;
	display:block;
	background: url(../images/mw_menu_separator.png) top right no-repeat;
	margin: 0;
	padding: 0;
	
}

#pillmenu li:last-child a {color:#A1671E}
#pillmenu li:last-child {background:none !important}
#pillmenu li a:hover {color: #84210E;}

#pillmenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float:left;
	display:block;
	position:relative;
	height: 24px;
	line-height: 24px;
	padding: 0 20px;
	color: #000;
	text-decoration: none;
}
#pillmenu a#active_menu-nav {
	margin-top:2px;
	height: 21px;
	line-height: 21px;
	background-position: 0 0;
}
#pillmenu a:hover {
	background-image: url(../images/select_arrow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	color: #84210E;
}
div#tabarea {
white-space: nowrap;
	height: 36px;
	width:922px;

	background-image:url(../images/bkgMenu.png);
	background-repeat:no-repeat;
	background-position:center top;
	     
	/*margin: 0 0 10px 0;
	background-image:url(../images/bkgMenu.png);
	background-repeat:no-repeat;
	background-position:center;*/
}