/* CSS Document */

body{ background-color:#FFF;background-image:url(img/bg-main.jpg);background-position:center top;background-repeat:repeat-y;margin:0;padding:0;font-family:arial;font-size:11px;border:0}
img{ border:0}

#Header{
background-image:url(img/bg-ban.jpg);
background-position:top;
background-repeat:repeat-x;
height:430px;
margin:auto;
}

#Banniere{
width:980px;
height:430px;
background-image:url(img/banniere-meubletv.jpg);
position:relative;
margin:auto;
cursor:url(themes/MeubleTV1/img/harrow.cur),pointer;
}

#MenuH{
width:250px;
height:20px;
position:absolute;
top:45px;
right:80px;
font-size:12px;
font-weight:bold;
color:#663366;
}

#MenuH a{
color:#663366;
text-decoration:none;
font-size:11px;
font-weight:normal;
}

#MenuH a:hover{
color:#ff66ff;
}
#PictoRSS{
 width:390px;
 height:65px;
 position:absolute;
 bottom:14px;
 right:15px;
}

/*---------Bloc Central-------*/

#Main{ background-color:#FFF;background-image:url(img/bg-main.jpg);background-position:center top;background-repeat:repeat-y;margin:0 auto;position:relative;overflow:hidden}
#Content{ margin:0 auto;overflow:hidden;width:980px}


/*---------Navigation Colonne Droite-------*/

#ColDroite{
width:253px;
position:relative;
float:right;
}

#ColDroite p{
width:190px;
font-size:10px;
color:#666666;
margin-left:20px;
_margin-left:20px;
margin-top:0px;
_margin-top:0px;
}

#ColDroite a{
font-weight:bold;
text-decoration:underline;
color:#663366;
}

#ColDroite a:hover{
font-weight:bold;
color:#FF66FF;
}

#ColDroiteMenu{ width:253px;position:relative;float:left;margin:0px;font-size:11px;font-weight:bold;padding:0px}
#ColDroiteMenu ul{ list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;float:left;position:relative}

#ColDroiteMenu li{ width:253px;height:30px;float:left;position:relative;overflow:hidden;margin:0px}
#ColDroiteMenu li a{ width:253px;height:30px;color:#663366;display:block;background:transparent url(img/md-fnd.jpg) no-repeat scroll 0 0px;overflow:hidden;text-decoration:none;padding-top:8px;padding-left:20px}
#ColDroiteMenu li a:hover{ color:#ff66ff;background-position:0px -30px}
#ColDroiteMenu li a.rss{ background:none;position:absolute;left:180px;top:0px;width:12px;height:12px}

/*------Tag Cloud---------------*/

#ColDroiteMenu2{
width:253px;
float:left;
position:relative;
font-size:11px;
}
#ColDroiteMenu2 input{
margin:5px;
}

#ColDroiteMenu2 a{
color:#663366;
text-decoration:none;
font-weight:bold;
left:15px;
}
#ColDroiteMenu2 a:hover{
text-decoration:underline;
color:#ff66ff;
}

#tagcloud{
width:220px;
margin:0px;
padding:0px;
white-space:normal;
position:relative;
float:left;
left:15px;
}
#tagcloud li{
display:inline;
}
#tagcloud a 
{
font-family:Lucida Sans Unicode,arial;
margin-right:3px;
display:inline;
}
#tagcloud a.biggest 
{
color:#CC99CC;
font-size:20px;
}
#tagcloud a.big 
{
color:#FF99FF;
font-size:17px;
}
#tagcloud a.medium 
{
color:#FF99FF;
font-size:13px;
}
#tagcloud a.small 
{
color:CC99CC;
font-size:12px;
}
#tagcloud a.smallest 
{
color:#CC99CC;
font-size:10px;
}

/*------Search Box---------------*/

#searchbox 
{
position:relative;
float:right;
width:253px;
text-align:left;
}
#searchfield{
width:100px;
}



/*------Main Content---------------*/

#ColGauche{
width:727px;
position:relative;
float:left;
background-color:#FFFFFF;
}

#Post{
width:710px;
position:relative;
float:left;
}

#Post H1{
font-size:20px;
color:#663366;
font-weight:bold;
padding-top:30px;
}
#Post p{
color:#333333;
font-size:12px;
text-align:justify;
}
#Post p a{
color:#CC99CC;
text-decoration:none;
font-weight:bold;
}
#Post H3{
color:#CC99CC;
text-decoration:none;
font-weight:bold;
font-size:13px;
}
#Post p a:hover{
color:#FF66FF;
text-decoration:none;
font-weight:bold;
}
#PostTag{
color:#999999;
}
#PostTag a{
color:#CC99CC;
text-decoration:none;
font-weight:bold;
}
#PostTag a:hover{
text-decoration:none;
color:#FF99FF;
}

#PostDate 
{
background-image:url(img/postdate-fnd.jpg);
width:80px;
height:114px;
font-weight:normal;
color:#ffffff;
font-size:18px;
position:relative;
float:left;
}

#PostTexte
{
text-align:center;
margin-top:6px;
margin-left:5px;
width:60px;
height:60px;
}

#PostBloc{
width:630px;
position:relative;
float:left;
border-bottom:dotted;
border-color:#CC99CC;
border-width:1px;
padding-bottom:10px;
}

#PostBloc h1 a{
font-size:20px;
color:#663366;
font-weight:bold;
text-decoration:none;
padding-top:30px;
}
#PostBloc h1 a:hover{
color:#FF99FF;
}
#PostBloc h2{
background-image:url(img/h2-fnd.gif);
background-repeat:no-repeat;
height:30px;
color:#FF99FF;
padding-left:25px;
font-size:13px;
}

#postnavigation{
width:585px;
position:relative;
float:left;
margin-left:80px;
_margin-left:40px;
}
#postnavigation a{
color:#FF99FF;
font-weight:bold;
text-decoration:none;
}
#postnavigation a:hover{
color:#CC99CC;
}
#postPaging{
width:660px;
position:relative;
float:right;
background-image:url(img/bg-post.gif);
background-repeat:repeat-y;
text-align:right;
}

#postPaging .prpost{
position:relative;
float:left;
margin-left:90px;
}


#postPaging a{
color:#FF99FF;
font-weight:bold;
text-decoration:none;
}
#postPaging a:hover{
color:#CC99CC;
text-decoration:underline;
}

/*------Commentaires---------------*/

#comment{
width:580px;
position:relative;
float:left;
left:80px;
font-size:20px;
color:#666600;
font-weight:bold;
padding-bottom:15px;
padding-top:15px;
margin:0px;
}
.comment{
padding-top:2px;
}
.comment p{
margin:0px;
}
.date{
color:#666666;
font-size:11px;
}
.content{
width:500px;
color:#333333;
font-size:12px;
}
.content a{
color:#CC99CC;
text-decoration:underline;
}
.content a:hover{
color:#CCCC00;
text-decoration:underline;
}
.author{
padding-bottom:10px;
width:580px;
font-weight:bold;
color:#CC99CC;
border-bottom:dotted;
border-color:#CC99CC;
border-width:1px;
}
.author a{
color:#CC99CC;
}

.author a:hover{
color:#FF99FF;
}

#commentlist{
width:580px;
position:relative;
float:left;
left:80px;
margin:0px;
}

#status{
position:relative;
float:left;
padding-bottom:20px;
width:580px;
font-weight:bold;
color:#FF66FF;
font-size:14px;
left:80px;
}

.commentForm{
width:580px;
position:relative;
float:left;
left:80px;
font-size:12px;
color:#333333;
margin:0px;
}
.commentForm h1{
height:20px;
padding-top:2px;
font-size:14px;
border-color:#CC99CC;
}
.commentForm h2{
font-size:14px;
color:#663366;;
}
/*----------------------------
Star rater
----------------------------*/

.info{
width:630px;
position:relative;
float:left;
border-top:dotted;
border-color:#FFCCFF;
border-width:1px;
padding-top:10px;
padding-bottom:10px;
}
.info a{
font-weight:bold;
color:#CC99CC;
text-decoration:none;
}
.info a:hover{
font-weight:bold;
color:#FF99FF;
text-decoration:underline;
}
div.rating{
width:450px;
height:30px;
position:relative;
float:left;
}
.rating p{
display:inline;
position:relative;
top:14px;
left:55px;
}

.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position:left top;
}

.star-rating li{
display:inline;
}

.star-rating a,.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border:none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus{
background-position:left bottom;
}

.star-rating a.one-star{
width:20%;
z-index:6;
}

.star-rating a.two-stars{
width:40%;
z-index:5;
}

.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position:left center;
margin:0;
}

/* smaller star */
.small-star{
width:50px;
height:10px;
}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{
background-image:url(../../pics/star_small.gif);
line-height:10px;
height:10px;
}

/*------Static Content---------------*/

#PostPage{
width:80px;
height:114px;
position:relative;
float:left;
}
#page{
width:650px;
position:relative;
float:left;
left:30px;
}

#page h1{
width:600px;
height:40px;
background-image:url(img/pagedate-fnd.jpg);
background-repeat:no-repeat;
position:relative;
float:left;
padding-left:80px;
padding-top:45px;
margin:0px;
font-size:20px;
color:#663366;
font-weight:bold;
}

#page h3{
width:650px;
height:20px;
background-image:url(img/h2-fnd.gif);
background-position:10px 0px;
background-repeat:no-repeat;
position:relative;
float:left;
padding-left:35px;
padding-top:4px;
margin:0px;
font-size:14px;
color:#cc99cc;
font-weight:bold;
}

#page p,h4{
width:600px;
position:relative;
float:left;
padding-left:35px;
padding-bottom:10px;
font-size:12px;
font-weight:bold;
color:#333333;
}
#page img{
position:relative;
float:left;
padding-left:85px;
}
#page p{
color:#333333;
font-size:12px;
text-align:justify;
}
#page a{
color:#CC99CC;
font-weight:bold;
text-decoration:none;
}
#page a:hover{
color:#FF99FF;
text-decoration:underline;
}

#admin{
width:580px;
position:relative;
float:left;
}

/*------Pied de Pages---------------*/

#Footer{
background-color:#000000;
background-image:url(img/bg-foot.jpg);
background-repeat:repeat-x;
margin:auto;
}

#Pied{
width:980px;
height:200px;
overflow:hidden;
margin:auto;
background-image:url(img/pied.jpg);
background-position:top;
background-repeat:no-repeat;
}

#Pied p{
width:390px;
position:relative;
float:left;
top:20px;
left:10px;
color:#CC99FF;
}

/*------Login---------------*/
.loginbox{
width:580px;
height:300px;
position:relative;
float:left;
left:30px;
margin-top:-20px;
background-image:url(../QuestionsAudio1/img/bg-post.gif);
background-repeat:repeat-y;
}
.loginbox table{
margin-left:150px;
}

/*------Contact---------------*/

#contact{
width:650px;
position:relative;
float:left;
left:30px;
}

#contact h1{
width:600px;
height:40px;
background-image:url(img/pagedate-fnd.jpg);
background-repeat:no-repeat;
position:relative;
float:left;
padding-left:80px;
padding-top:45px;
margin:0px;
font-size:20px;
color:#663366;
font-weight:bold;
}

#contact p{
position:relative;
float:left;
width:550px;
padding-left:90px;
font-size:12px;
color:#666666;
font-weight:bold;
}

/*------Page Recherche---------------*/
.searchpage{
width:650px;
position:relative;
float:left;
left:30px;
}
.searchpage input{
margin:5px;
}
#searchpageform{
width:530px;
height:50px;
position:relative;
float:left;
left:80px;
padding:10px;
}
.searchpage h1{
width:550px;
height:40px;
background-image:url(img/pagedate-fnd.jpg);
background-repeat:no-repeat;
position:relative;
float:left;
padding-left:80px;
padding-top:45px;
margin:0px;
font-size:20px;
color:#663366;
font-weight:bold;
}
.searchresult{
widht:500px;
position:relative;
float:left;
left:80px;
color:#333333;
font-size:12px;
border-bottom:dotted;
border-color:#cc99cc;
border-width:1px;
}
.searchresult span{
display:block;
width:480px;
position:relative;
float:left;
padding-bottom:10px;
}
.searchresult a{
background-image:url(img/h2-info-fnd.gif);
background-repeat:no-repeat;
width:500px;
height:25px;
position:relative;
float:left;
color:#663366;
font-weight:bold;
font-size:12px;
font-decoration:none;
}
.searchresult a:hover{
color:#ff66ff;
font-decoration:underline;
}

/*----------Archive--------------*/

#archive{
width:650px;
position:relative;
float:left;
left:30px;
}

#archive a{
color:#663366;
font-weight:bold;
}
#archive a:hover{
color:#ff66ff;
font-weight:bold;
}
#archive h1{
width:600px;
height:40px;
background-image:url(img/pagedate-fnd.jpg);
background-repeat:no-repeat;
position:relative;
float:left;
padding-left:80px;
_padding-left:80px;
padding-top:45px;
margin:0px;
font-size:20px;
color:#663366;
font-weight:bold;
}
#archive p{
position:relative;
float:left;
width:550px;
padding-left:90px;
_padding-left:90px;
font-size:12px;
color:#666666;
font-weight:bold;
}

#archive h2{
position:relative;
float:left;
width:550px;
margin-left:90px;
_margin-left:45px;
border-bottom:1px solid silver;
padding-bottom:4px;
font-size:12px;
margin-bottom:10px;
}
#archivetotal{
width:550px;
position:relative;
float:left;
margin-left:90px;
_margin-left:45px;
}

#archive h2 img{
margin-right:3px;
}

#archive ul{
position:relative;
float:left;
list-style-type:square;
margin:0 10px;
padding:10px;
padding-left:90px;
_padding-left:90px;
}

#archive ul li{
margin-right:20px;
_margin-right:10px;
}

#archive table{
width:550px;
border-collapse:collapse;
position:relative;
float:left;
left:90px;
}

#archive table td,#archive table th{
text-align:left;
}

#archive table td{
text-align:left;
border-bottom:1px solid #D8D8D8;
padding:2px 0;
}

#archive .date{
width:70px;
}

#archive .comments{
/*width:70px;*/
text-align:center;
}

#archive .rating{
/*width:70px;*/
text-align:center;
}

/*----------Erreur 404--------------*/

#error{
width:650px;
position:relative;
float:left;
left:30px;
}

#error a{
color:#663366;
font-weight:bold;
}
#error a:hover{
color:#ff66ff;
font-weight:bold;
}
#error h1{
width:600px;
height:40px;
background-image:url(img/pagedate-fnd.jpg);
background-repeat:no-repeat;
position:relative;
float:left;
padding-left:80px;
padding-top:45px;
margin:0px;
font-size:20px;
color:#663366;
font-weight:bold;
}
#error p{
position:relative;
float:left;
width:560px;
padding-left:90px;
font-size:12px;
color:#6666000;
font-weight:bold;
}
#error ul{
position:relative;
float:left;
list-style-type:square;
margin:0 10px;
padding:10px;
padding-left:90px;
}

#error ul li{
margin-right:20px;
}
#error ol{
position:relative;
float:left;
list-style-type:square;
margin:0 10px;
padding:10px;
padding-left:90px;
}

#error ol li{
margin-right:20px;
}
#SearchBox1{
position:relative;
float:left;
width:260px;
text-align:right;
}

/*----------------------------
XFN tags
----------------------------*/

div.post .entry a[rel]{
padding-right:11px;
background-repeat:no-repeat;
background-position:right center;
}
div.post .entry a[rel="me"]{
background-image:url('../../pics/xfn/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .entry a[rel~="contact"] ,
div.post .entry a[rel~="acquaintance"],
div.post .entry a[rel~="friend"]{
background-image:url('../../pics/xfn/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
div.post .entry a[rel~="contact"][rel~="met"] ,
div.post .entry a[rel~="acquaintance"][rel~="met"] ,
div.post .entry a[rel~="friend"][rel~="met"]{
background-image:url('../../pics/xfn/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .entry a[rel~="colleague"] ,
div.post .entry a[rel~="co-worker"]{
background-image:url('../../pics/xfn/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .entry a[rel~="colleague"][rel~="met"] ,
div.post .entry a[rel~="co-worker"][rel~="met"]{
background-image:url('../../pics/xfn/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .entry a[rel~="muse"] ,
div.post .entry a[rel~="crush"] ,
div.post .entry a[rel~="date"] ,
a[rel~="sweetheart"]{
background-image:url('../../pics/xfn/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .entry a[rel~="muse"][rel~="met"] ,
div.post .entry a[rel~="crush"][rel~="met"] ,
div.post .entry a[rel~="date"][rel~="met"] ,
div.post .entry a[rel~="sweetheart"][rel~="met"]{
background-image:url('../../pics/xfn/sweetMet.gif');
}