/* CSS Document */

body{ background-color:#FFF;margin:0px;padding:0px;border:0;font-family:arial;font-size:11px}
img{ border:0}

#clear{ clear:both}

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

#MenuH{ height:20px;position:absolute;top:10px;left:340px;font-size:11px;color:#CC0000}
#MenuH a{ color:#CC0000;text-decoration:none;font-size:11px;font-weight:bold}
#MenuH a:hover{ color:#FF0000}

.loginespace{ margin-left:170px}

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

#Content{ position:relative;width:980px;height:auto;overflow:hidden;margin:0px auto;background-image:url(images/fond_contenu.jpg);background-repeat:repeat-y}


/*---------Pied de page-------*/

#pied{ background:url(images/pied.jpg);background-repeat:no-repeat;height:194px;width:980px;margin:auto;position:relative}

/*---------Phrase-------*/

.phrase{ width:900px;position:relative;top:70px;color:#FFF;font-size:11px;margin:auto}
.phrase a{ color:#CCC;text-decoration:none}
.phrase a:hover{ color:#FFF}


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

#ColDroite{ width:253px;position:relative;float:right}
.ColDroiteRSSText{ width:190px;font-size:10px;color:#990000;position:relative;float:left;left:20px;top:0px}
.ColDroiteRSSText a{ color:#CC0000;text-decoration:none}
.ColDroiteRSSText a:hover{ color:#FF0000}
#ColDroite a{ font-weight:bold;text-decoration:underline;color:#CC0000}
#ColDroite a:hover{ font-weight:bold;color:#FF0000}

#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;margin:0px;overflow:hidden}
#ColDroiteMenu li a{ width:253px;height:30px;color:#CC0000;display:block;padding-top:8px;padding-left:20px;text-decoration:none;overflow:hidden;background:transparent url(images/btn_menu.jpg) no-repeat scroll 0 0}
#ColDroiteMenu li a:hover{ color:#FF0000;background-position:0 -30px}

#ColDroiteMenu li a.rss{ background:none;position:absolute;width:12px;height:12px;left:180px;top:0px}

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

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

#ColDroiteMenu2 a{ color:#CC0000;text-decoration:none;font-weight:bold;left:15px}
#ColDroiteMenu2 a:hover{
/*text-decoration:underline;*/
color:#FF0000;
}

#tagcloud{ width:220px;margin:0px;padding:0px;white-space:normal;position:relative;float:left;left:15px}
#tagcloud li{ display:inline}
#tagcloud a{ font-family:arial;margin-right:3px;display:inline}
#tagcloud a.biggest{ color:#FF6600;font-size:20px}
#tagcloud a.big{ color:#CC0000;font-size:17px}
#tagcloud a.medium{ color:#CC0000;font-size:13px}
#tagcloud a.small{ color:#990000;font-size:12px}
#tagcloud a.smallest{ color:#660000;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}

#Post{ width:710px;position:relative;float:left}
#Post H1{ font-size:20px;color:#990000;font-weight:bold;padding-top:30px}
#Post p{ color:#333333;font-size:12px;text-align:justify}
#Post p a{ color:#CC0000;text-decoration:none;font-weight:bold;
}
#Post H3{
color:#990000;
text-decoration:none;
font-weight:bold;
font-size:13px;
}
#Post p a:hover{
color:#cf9d48;
text-decoration:none;
font-weight:bold;
}
#PostTag{
color:#990000;
}
#PostTag a{
color:#CC0000;
text-decoration:none;
font-weight:bold;
}
#PostTag a:hover{
text-decoration:none;
color:#FF0000;
}

#PostDate{ background-image:url(images/cartouche.jpg);width:74px;height:135px;font-weight:bold;color:#CCC;font-size:14px;position:relative;float:left;margin-left:30px;margin-top:15px}

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

#PostBloc{ width:574px;position:relative;float:left;border-bottom:dotted;border-color:#990000;border-width:1px;padding-bottom:10px;margin-left:30px;
}

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

#postnavigation{ width:680px;position:relative;float:left;padding-left:40px}
#postnavigation a{ color:#990000;font-weight:bold;text-decoration:none}
#postnavigation a:hover{ color:#CC0000}
#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:#990000;
font-weight:bold;
text-decoration:none;
}
#postPaging a:hover{
color:#CC0000;
text-decoration:underline;
}

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

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

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

#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:#990000;
font-size:14px;
left:80px;
}

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

.info{
width:574px;
position:relative;
float:left;
border-top:dotted;
border-color:#990000;
border-width:1px;
padding-top:10px;
padding-bottom:10px;
}
.info a{
font-weight:bold;
color:#990000;
text-decoration:none;
}
.info a:hover{
font-weight:bold;
color:#CC0000;
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:35px;
padding-top:45px;
margin:0px;
font-size:20px;
color:#990000;
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:#990000;
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:#990000;
font-weight:bold;
text-decoration:none;
}
#page a:hover{
color:#CC0000;
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-left:auto;
margin-right:auto;
position:relative;
}

#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:#990000;
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:#990000;
font-weight:bold;
}
.searchresult{
widht:500px;
position:relative;
float:left;
left:80px;
color:#333333;
font-size:12px;
border-bottom:dotted;
border-color:#990000;
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:#990000;
font-weight:bold;
font-size:12px;
font-decoration:none;
}
.searchresult a:hover{
color:#CC0000;
font-decoration:underline;
}

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

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

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

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

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

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

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

#archive table{
width:600px;
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:#990000;
font-weight:bold;
}
#error a:hover{
color:#CC0000;
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:#8f703b;
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');
}