/* CSS Document */

body{ background-image:url(img/bg-gen.jpg);background-repeat:repeat-y;background-color:rgb( 30,31,36);background-position:center top;margin:0px;font-family:arial;font-size:11px}
img{ border:0}

#Main{ width:980px;position:absolute;margin-left:-490px;left:50%}

#Banniere{ width:980px;height:354px;background-image:url(img/banniere.jpg);position:relative;float:left}

#MenuH{ width:300px;height:25px;position:absolute;top:10px;right:30px;font-size:12px;font-weight:bold;color:#FFFFFF}
#MenuH a{ color:#999999;text-decoration:none}
#MenuH a:hover{ color:#ffffff}

#OffreBanniere{ width:630px;height:168px ;position:absolute;top:186px;left:105px}

#InnerContainer{ width:980px;height:auto;position:relative;float:left;background-image:url(img/bg-innercontainer.gif);background-repeat:repeat-y}

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

#ColDroite{ background-image:url(img/bg-droite.gif) ;background-repeat:repeat-y;width:290px;position:relative;float:right}

#ColDroite p{ width:200px;font-size:10px;color:#ffffff;margin-left:35px}
#ColDroite a{ text-decoration:none;color:#ffffff;font-weight:bold}
#ColDroite a:hover{ text-decoration:underline}

#ColDroiteMenu{ width:260px;float:left;position:relative;font-size:12px;font-weight:bold;margin:0px;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:260px;height:30px;float:left;position:relative;overflow:hidden;margin:0}
#ColDroiteMenu li a{ width:260px;height:30px;color:#cccccc;display:block;background:transparent url(img/md-fnd.jpg) no-repeat;background-position:0px 0px;overflow:hidden;text-decoration:none;padding-top:8px;padding-left:45px}
#ColDroiteMenu li a:hover{ color:#ffffff;background-position:0px -30px}

#ColDroiteMenu li a span{ padding-left:45px}

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

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

#ColDroiteMenu2 a{ color:#999999;text-decoration:none;font-weight:bold}
#ColDroiteMenu2 a:hover{ text-decoration:underline;color:#FFFFFF}

#tagcloud{
margin-bottom:10px;
white-space:normal;
}
#tagcloud li{
display:inline;
}
#tagcloud a{
margin-right:3px;
display:inline;
}
#tagcloud a.biggest{
font-size:20px;
}
#tagcloud a.big{
font-size:17px;
}
#tagcloud a.medium{
font-size:13px;
}
#tagcloud a.small{
font-size:12px;
}
#tagcloud a.smallest{
font-size:10px;
}

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

#searchbox{
width:260px;
position:relative;
float:left;
margin-left:45px;
}
#searchfield{
width:90px;
}

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

#ColGauche{
width:690px;
position:relative;
float:left;
}

#Post{
background-image:url(img/bg-post.gif);
background-repeat:repeat-y;
width:660px;
position:relative;
float:left;
left:30px;
padding-bottom:20px;
}

#Post H1{
font-size:20px;
color:#990000;
font-weight:bold;
}
#Post p{
color:#333333;
font-size:12px;
}
#Post a{
color:#990000;
font-weight:bold;
text-decoration:none;
}
#Post a:hover{
color:#CC0000;
text-decoration:underline;
}
#PostTag{
color:#999999;
}
#PostTag a{
color:#999999;
text-decoration:none;
font-weight:bold;
}
#PostTag a:hover{
text-decoration:none;
color:#666666
}

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

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

#PostJour{
width:20px;
height:12px;
font-weight:bold;
color:#ffffff;
font-size:18px;
position:absolute;
top:8px;
left:25px;
}
#PostMois{
width:20px;
height:12px;
color:#ffffff;
font-size:18px;
position:absolute;
top:23px;
left:18px;
}
#PostAn{
width:25px;
height:10px;
color:#ffffff;
font-weight:bold;
font-size:14px;
position:absolute;
top:42px;
left:18px;
}

#PostBloc{
width:580px;
position:relative;
float:left;
text-align:justify;
}
#PostBloc H1 a{
font-size:20px;
color:#990000;
font-weight:bold;
text-decoration:none;
}
#PostBloc H1 a:hover{
color:#FF0000;
}
#PostBloc H2{
background-image:url(img/h2-fnd.gif);
background-repeat:no-repeat;
height:30px;
color:#990000;
padding-left:25px;
}

#postnavigation{
width:585px;
position:relative;
float:left;
margin-left:110px;
}
#postnavigation a{
color:#990000;
font-weight:bold;
text-decoration:none;
}
#postnavigation a:hover{
color:#CC0000;
}

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

#comment{
width:660px;
position:relative;
float:left;
left:30px;
font-size:20px;
color:#990000;
font-weight:bold;
padding-left:110px;
}

#commentlist{
background-image:url(img/bg-post.gif);
background-repeat:repeat-y;
width:660px;
position:relative;
float:left;
left:30px;
}
.commentForm{
width:550px;
position:relative;
float:left;
margin-left:140px;
}
/*----------------------------
Star rater
----------------------------*/

.info{
width:560px;
height:50px;
background-image:url(img/h2-info-fnd.gif);
background-repeat:no-repeat;
position:relative;
float:left;
padding-left:25px;
padding-top:25px;
}
.rating{
width:560px;
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;
background-image:url(img/postpage-fnd.jpg);
position:relative;
float:left;
}
#page{
width:580px;
position:relative;
float:left;
left:30px;
margin-top:-30px;
background-image:url(img/bg-post.gif);
background-repeat:repeat-y;
text-align:justify;
}

#page h1{
width:580px;
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;
}

#page h3{
width:580px;
height:20px;
background-image:url(img/h2-fnd.gif);
background-position:80px 0px;
background-repeat:no-repeat;
position:relative;
float:left;
padding-left:105px;
padding-top:4px;
margin:0px;
color:#990000;
font-weight:bold;
}

#page p,h4{
width:580px;
position:relative;
float:left;
padding-left:80px;
}
#page img{
position:relative;
float:left;
padding-left:85px;
}

#page h3{
font-size:14px;
font-weight:bold;
color:#660000;
}

#page h4{
font-size:12px;
font-weight:bold;
color:#333333;
}

#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;
}

/*------Pied---------------*/

#Pied1{
width:980px;
position:relaive;
float:left;
background-image:url(img/bg-pied.gif);
background-repeat:repeat-y;
}
#Pied1 p{
color:#999999;
margin-left:105px;
}
#Pied1 p a{
color:#999999;
font-weight:bold;
text-decoration:none;
}
#Pied1 p a:hover{
color:#FFFFFF;
text-decoration:underline;
}

/*------Login---------------*/
.loginbox{
width:580px;
height:300px;
position:relative;
float:left;
left:30px;
margin-top:-20px;
background-image:url(img/bg-post.gif);
background-repeat:repeat-y;
}
.loginbox tr{
width:580px;
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;
}

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

#contact{
width:580px;
position:relative;
float:left;
left:30px;
margin-top:-20px;
background-image:url(img/bg-post.gif);
background-repeat:repeat-y;
text-align:justify;
}

#contact h1{
width:580px;
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:560px;
padding-left:90px;
font-size:12px;
color:#666666;
font-weight:bold;
}
/*------Page Recherche---------------*/
.searchpage{
width:650px;
position:relative;
float:left;
left:30px;
margin-top:-20px;
background-image:url(img/bg-post.gif);
background-repeat:repeat-y;
text-align:justify;
}
.searchpage input{
margin:5px;
}
#searchpageform{
width:580px;
height:90px;
background-image:url(img/fnd-recherche.jpg);
background-repeat:no-repeat;
position:relative;
float:left;
margin-left:110px;
padding:10px;
}
.searchpage h1{
width:580px;
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:580px;
position:relative;
float:left;
margin-left:80px;
margin-bottom:20px;
color:#333333;
font-size:12px;
}
.searchresult span{
margin-left:25px;
display:block;
}
.searchresult a{
background-image:url(img/h2-info-fnd.gif);
background-repeat:no-repeat;
width:580px;
height:25px;
position:relative;
float:left;
padding-top:25px;
padding-left:25px;
color:#990000;
font-weight:bold;
font-size:12px;
font-decoration:none;
}
.searchresult a:hover{
color:#FF0000;
font-decoration:underline;
}