/*[Tabs]*/
div.tabsWrapper {
width: 95%;
height: 350px;				/*height slide*/
margin: 0 0 14px 0;
padding: 4px;
border-style: solid; 
border-color: #d2e6a0;
border-width: 0 1px 1px 1px;
overflow-y: auto;
background: transparent url('../accueil/img/tabsMenu_wrapper.png') bottom right no-repeat;
font: 14px Arial, Verdana, sans-serif;
line-height: 18px;
}
/* onglet article et bio */
div.tabsWrapper a {
text-decoration: none;
color: #000;
}
div.tabsWrapper .img {
float: left;
padding: 2px;
border: 1px solid #aaa;
margin: 0 4px 4px 0;
}
div.tabsWrapper a:hover {
color: #990000;
text-decoration: underline;
}
.tabsWrapper h2 {
font-size: 0.9em;
color: #f1a719;
margin: 4px 0;
padding: 0;
text-align: left;
text-transform: capitalize;
}
div.tabsWrapper p {
padding: 0 4px;
font-size: 0.8em;
color: #141318;
margin-bottom: 14px;
text-decoration: none;
text-align: justify;
}
/*onglet photo*/
div.tabsWrapper div.photoJour {
width: 250px;
height: 185px;
padding: 21px 0 0;
margin: 21px auto;
background: url('../accueil/img/bg_photo.gif') 50% 0 no-repeat;
text-align: center;
cursor: pointer;
}
div.tabsWrapper div.photoJour a {
font-size: 70%;
color: maroon;
text-decoration: none;
}
ul#tabsMenu {
margin: 0;
padding: 0;
width: 99%;
height: 24px;
list-style-type: none;
white-space: nowrap;
background: transparent url('../accueil/img/tabsMenu_bg.png') bottom left repeat-x;
}
ul#tabsMenu li {
float: left;
width: 90px;
font-family: arial, verdana, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0 1px;
padding: 7px 0 4px;
background: url("../accueil/img/tabsMenu_bt.gif") 0 0 no-repeat;
text-align: center;
}
ul#tabsMenu li.current {background-position: 0% -24px;}
#tabsMenu a {
margin: 0;
padding: 0;
color: #000;
text-decoration: none;
}
#tabsMenu a:hover {background-position: 0% -24px;}

/*[Slide]*/
#slide {
position: relative;
width: 100%;
height: 500px;
margin: 0 auto 10px;
padding: 0;
background: #0b0f18 url('../accueil/img/bg_dragon.jpg') top center no-repeat;
color: #999;
font: 11px verdana, arial, sans-serif;
text-align: center;
}

/*[]*/
#menuSlide {
position:absolute; 
left: 3px; 
width: 24px; 
height: 360px; 
margin:0; 
padding:0; 
font-size: 11px;
z-index: 500;
}
#menuSlide li a.artisteImg {background:url(../accueil/img/slide_artiste.gif);}
#menuSlide li a.articleImg {background:url(../accueil/img/slide_article.gif);}
#menuSlide li a.bioImg {background:url(../accueil/img/slide_bio.gif);}
#menuSlide li a.photoImg {background:url(../accueil/img/slide_photo.gif);}

#menuSlide ul {
padding: 0;
margin: 0;
list-style: none;
}
#menuSlide li {
display: block; 
width: 24px; 
height: 120px; 
background: #1c1c1c;
}
#menuSlide li a {
display: block;
width: 24px;
height: 120px;
text-indent: -999px;
text-decoration: none;
}
#menuSlide table {
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size:1em;
}
#menuSlide li {
float:left; 
margin-bottom:1px;
}
#menuSlide li ul {
visibility:hidden; 
position:absolute; 
top:0; 
left:24px; 
width: 560px;
height: 117px; 
padding-top: 4px;
}
#menuSlide li ul li {
display:block; 
display:inline; 
width: 250px; 
height: 22px; 
border: 0; 
margin: 0 10px; 
background:transparent;
}
#menuSlide li ul li a {
text-indent: 0;
background: transparent;
display: block; 
width: 250px;
height: 22px; 
line-height: 21px;
color: #bbb;
border-bottom: 1px solid #555;
text-decoration: none;
text-transform: capitalize;
}
#menuSlide li b {
visibility: hidden; 
display: block; 
width: 560px;
height: 360px;
position:absolute;
top: 0;
left: 24px;
background:#234;
opacity: 0.8; 
filter: alpha(opacity=80);
}
* html #menuSlide li a:hover {position:relative; white-space:normal;}
* html #menuSlide li a:hover ul li a:hover {color:#000; background:#bcd;}
#menuSlide li:hover {position:relative;}
#menuSlide li:hover ul li a:hover {background:#bcd; color:#000;}
#menuSlide li:hover b, #menuSlide li a:hover b {visibility:visible;}
#menuSlide li:hover ul, #menuSlide li a:hover ul {visibility:visible;}

/*[]*/
#iframe {
position: relative;
top: 7px;
margin: 0 auto;
padding: 0;
width: 580px;
height: 360px;
z-index: 1;
overflow: hidden;
text-align: center;
}

#showDesc {
position: relative;
top: 10px;
text-align: center;
}

/*[]*/
#presentation {
margin: 0;
padding: 0;
background:  #f9f3df url('../accueil/img/presentation_bg.png') 0 0 repeat-x;
border-style: solid;
border-color: #ddd;
border-width: 0px 0px 0px 0px;
}
#presentation a {
color: #940000;
text-decoration: none;
}
#presentation a:hover {color: #cf8a53;}

#presentation p {
padding: 14px;
line-height: normal;
font-size: 90%;
color: #473722;
}
#presentation h2 {
margin: 7px;
color: #fff;
font-size: 110%;
}

/*[]*/
#tableBoite {
margin: 0;
padding: 0;
border: 0;
text-align: center;
}
#tableBoite th {
text-align: center;
color: #fff;
}
#tableBoite tfoot {background: #ffe url(../accueil/img/bg_table_boite_tfoot.gif);}
#tableBoite tfoot a {
color: #141318;
font-size: 80%;
font-weight: 800;
}
#tableBoite tbody {background: #dddeee;}
.boiteLeft {
background: transparent url('../accueil/img/bg_box_left.jpg') 0 0 no-repeat;
height: 28px;
}
.boiteMiddle {
background: #7f7f9c url('../accueil/img/bg_box_middle.jpg') 0 0 no-repeat;
min-width: 336px;
height: 28px;
}
.boiteRight {
background: transparent url('../accueil/img/bg_box_right.jpg') top right no-repeat;
height: 28px;
}
/*[]*/
.theme {
width: 30%;
vertical-align: top; 
padding: 0;
line-height: 2.5em;
}
.theme a {font-weight: 800;}
.theme a:hover {
background-color: #141618;
color: #fff !important;
}
/*[]*/
.hitPhoto {
min-width: 336px;
height: 800px;
margin: 0 auto;
text-align: center;
}
/*[]*/
.hitPhoto td {
margin: 0;
padding: 0;
width: 82px;
height: 82px;
max-width: 82px;
max-height: 82px;
background: #888;
border: 1px solid #000;
border-color:#eee #444 #000 #ccc;
}
.hitPhoto td:hover {
border: 1px solid #940000;
background: #aaa;
}

/*[]*/
#alire {
width: 30%;
vertical-align: top;
overflow: hidden;
color: #fff;
font: 12px georgia, arial, sans-serif;
text-align: left;
}
#alire div {
margin: 0 0 14px 0;
padding: 7px;
background: url(../commun/img/dot.gif) 0 100% repeat-x;
}
#alire h2 {
font-size: 130%;
margin-bottom: 7px;
padding: 0;
font-weight: 800;
color: #f1a719;
text-transform: capitalize;
}

#alire div a {
color: #141318;
background: url(../commun/img/puce_memo.gif) center left no-repeat;
padding: 3px 3px 3px 14px;
text-decoration: none;
text-transform: capitalize;
font-size: 13px;
text-align: right;
}
#alire div a:hover { 
color: #940000;
text-decoration: underline;
}
#alire div a:hover h2 {
color: #ff0000; 
text-decoration: none
}
/*[]*/
.newPicture {
width: 100%;
height: auto;
overflow: auto;
margin: 0 auto;
padding: 0;
text-align: center;
background-color: #fff;
}
.newPicture a {
color: maroon;
font-size: 0.5em;
}
.cadreNewPicture {
background: #fff url('../accueil/img/bg_new.gif') 0 0 no-repeat;
margin: 0;
padding: 0;
float: left;
width: 107px;
height: 90px;
text-align: center;
}
.cadreNewPicture img {
float: left;
margin: 3px 0 0 3px;
padding: 0; 
max-width: 82px;
max-height: 82px;
border: 0;
}