/* The Harpers France stylesheet	
   Updated: 24.00.10
   Author:     Juhel Alexandre
   Summary: 
	GENERIC
	TITRES
	LINK
	HEADER
	MENU HAUT
	CONTENU GENERIC
	CONTENU GAUCHE
	CONTENU DROIT
		SLIDER DIFFUSIONS
	PAGE SOMMAIRE
		SOMMAIRE EPISODES
			SLIDER IMAGES
		SOMMAIRE BREVES
		SOMMAIRE NOTES
	PAGE RUBRIQUES
	INFOS ARTICLES BREVES
	PAGE ARTICLES
	PAGE BREVES
	FORUM BREVES-ARTICLES
	FORUM SPIPBB
	FOOTER	
 */


/* =GENERIC
   ----------------------------------------------------*/

*{
	margin: 0px; 
	padding: 0px;
}

body{
	background-image:url("../images/design/fond.png");
	background-repeat: repeat-x;
	background-color: #0f3657;
	font-size: 80%;
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	line-height:150%;
	color:#d5d6bb;
	text-align:justify;
}

.clearer{
	clear:both;
}

ul{
	list-style-type:square;
}

/* =CONTENU GENERIC
   ----------------------------------------------------*/

#global{
	margin:auto;
	width: 1020px;
	color:#0299ca;
}   

#global a{
	color: #101d34;
}


#content{
width: 1020px;
}


/* =TITRES
   ----------------------------------------------------*/

h1 {
	Width:455px;
	position:relative;
	top:-60px;
	left:100px;
	text-align:center;
	/*color: #9c9c9c;*/
	color: #0f3657;
	font-size:23px;
	font-weight:bold;
	line-height:1.2em;
	text-transform: uppercase;
}

h2 {
	color: #0f3657;
	padding: 10px;
	padding-left: 0;
	border-bottom: 1px solid #0f3657;
	margin-bottom: 10px;
}

h3{
	color: #B2B2B2;
	font-style:italic;
	padding-top: 5px;
	padding-bottom:5px;
}

/* =LINK
   ----------------------------------------------------*/

a{
	text-decoration:none;
}

a:hover{
	font-weight:bold;
}


/* =HEADER
   ----------------------------------------------------*/


#ban-haut{
	width:701px;
}

#perso{
	float:left;
	width:270px;
	height:174px;
	position: relative;
	top:20px;
	left:5px;
	background-image: url("../images/perso.png");
}


#follow-us{
	float:right;
	width:431px;
	position : relative;
	top:160px;
	left:125px;
	z-index:1;
}

#follow-us img:hover{
	position : relative;
	top:-10px;
	left:0px;
}

#banniere{
	width:701px;
	height:244px;
	background-image: url('../images/ban.png');
	position:relative;
	z-index:2;
}

#slider2 {
		width: 685px; /* important to be same as image width */
		height: 230px; /* important to be same as image height */
		position: relative; /* important */
		top:7px;
		left:8px;
		overflow: hidden; /* important */
		/*margin-left:5px;*/
	}

	#img-actrice {
		width: 685px; /* important to be same as image width or wider */
		height:230px;
		position: relative;
		top: 0;
		margin-left: 0;
	}

#img-actrice li{
	list-style-type:none;
	}

/* =MENU HAUT
   ----------------------------------------------------*/

#menu_haut{
	width: 1020px;
}

#menu-haut-gauche{
	float:left;
	width:701px;
	background-image: url('../images/test-ban.png');
	background-repeat: no-repeat;
}

#menu-haut-droit{
	float:right;
	width:250px;
	margin-top:10px;
}

#menu_partenaire{
width:201px;
}
#menu_partenaire img{
	margin-bottom: 5px;
}

#menu_partenaire a{
	color: #f9f5f6;
}

#menu_partenaire ul{
	margin-left: 15px;
}

#menu-rubriques{
	margin-left: 30px;
	color: #f9f5f6;
	list-style-type:none;
}

#menu-rubriques li{
	float: left;
	background-image: url('../images/fond-menu.png');
	background-repeat: no-repeat;
	width:120px;
	height:30px;
	margin-left: 5px;
	text-align:center;
	padding-top:4px;
	position:relative;
}


/* =CONTENU GAUCHE
   ----------------------------------------------------*/

#content_left{
	float:left;
	width: 315px;
}

 .content-menu-gauche{
   background-color: #f9f5f6;
   width: 299px;
   margin-left:2px;
   padding: 0px 5px 0px 5px;
   }
   
 .bottom-menu{
   margin-left:2px;
   margin-bottom:10px;
   }
   
  .top-menu-membres{ background-image:url("../images/membres.png"); width:315px; height:77px;}
  .top-menu-forum{ background-image:url("../images/forum.png"); width:315px; height:77px;}
  .top-menu-diff-comedie{ background-image:url("../images/diff-comedie.png"); width:315px; height:77px;} 
  .top-menu-diff{ background-image:url("../images/diff.png"); width:315px;height:77px;} 
  .top-menu-mois{ background-image:url("../images/sitemois.png"); width:315px; height:77px;} 
  .top-menu-pub{ background-image:url("../images/publicite.png"); width:315px; height:77px;} 
  .top-menu-infos-site{ background-image:url("../images/info-site.png"); width:315px; height:77px;} 
  .top-menu-divertissement{ background-image:url("../images/divertissement.png"); width:315px; height:77px;} 
  .top-menu-dossier{ background-image:url("../images/dossier-moc.png"); width:315px; height:77px;} 
  
/* =SLIDER DIFFUSIONS*/

	#slider1 {
		width: 300px; /* important to be same as image width */
		height: 105px; /* important to be same as image height */
		position: relative; /* important */
		overflow: hidden; /* important */
		/*margin-left:5px;*/
	}

	#slider1Content {
		width: 300px; /* important to be same as image width or wider */
		position: absolute;
		top: 0;
		margin-left: 0;
	}

	.slider1Image {
		float: left;
		position: relative;
		display: none;
	}

	.slider1Image span {
		position: absolute;
		font: 10px/15px Arial, Helvetica, sans-serif;
		padding: 10px 13px;
		width: 295px;
		background-color: #000;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		color: #fff;
		display: none;
	}

	.slider1Image span strong {
		font-size: 14px;
	}
	
	.slider1Image .clear {
		clear: both;
	}

	.bottom {
		bottom: 0;
		left: 0;
	}
	
	/*Acces Membres*/
	
	#espace_membre{
	text-align:center;
	}
	
	#avatar_auteur_membre{
	float:left;
	width: 80px;
	margin-left: 5px;
	}
	
	#menu_auteur_membre{
	float:right;
	width:170px;	
	}
	
	/*Direct Forum*/
	.content-menu-gauche ul{
	margin-left: 20px;
	margin-right:5px;
	}
	
	#sotm{
	margin-left: 5px;
	}
	
	#pub{
	margin-left: 30px;
	}

   
/* =CONTENU DROIT
   ----------------------------------------------------*/
   
#content_right{
	float:right;
	width: 685px;
	color:#000000;
}

.contenu-droit{
	width: 650px;
	margin-left:9px;
	background-color: #f9f5f6;
	padding: 10px;
}

.contenu-droit a{
font-weight:bold;
}

.contenu-droit a:hover{
text-decoration:underline;
}

#hierarchie{
	margin-left: 10px;
	color:#d5d6bb;
}

#hierarchie a{
	color:#0299ca;
}

.top-content{
	background-image: url("../images/vierge.png");
width: 686px;
height: 100px;
}




	

/* =PAGE SOMMAIRE
   ----------------------------------------------------*/

#contenu-episodes{
	width: 650px;
	margin-left:9px;
	background-color: #f9f5f6;
	padding: 10px;
}  

.bloc_annonces{
	width: 650px;
	margin-left:9px;
	background-color: #f9f5f6;
	padding: 10px; 
 }  
 
#episodes{
	margin-left:15px;
}
   
.bloc_episodes{
	position: relative; 
	
}  
 
.bloc_episodes img{
	border: 2px solid #d5d6bb;
}
   
.bloc_episodes span	{
	position: absolute; /* important */
	left: 2px;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 594px;
	font-weight: bold;
	background-color: #000;
	filter: alpha(opacity=80); /* here you can set the opacity of box with text */
	-moz-opacity: 0.8; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.8; /* here you can set the opacity of box with text */
	opacity: 0.8; /* here you can set the opacity of box with text */
	bottom: 2px;
}   

.bloc_episodes2{
	position: relative; 
	width: 685px;
	margin-top:10px;
 }  


 
.bloc_episodes2 img{
	border: 2px solid #d5d6bb;
}	
 
.bloc_episodes2 ul{
	list-style-type:none;
}
 
.bloc_episodes2 li{
	float: left;
	width:145px;
	margin-right:13px;
}
 
.bloc_breve {
	list-style-type:none;
}
 
.bloc_breve .infos-post{
	padding-top:10px;
}
 
.titre-actu{
	text-align:center;
	padding:10px;
	color: #0f3657;
	font-size: 20px;
	font-weight:bold;
	text-transform: uppercase;
}
 
.texte-actu{
	padding:10px;
}
 
.bloc_breve2{
	list-style-type:none;
	width:670px;
	background-color: #f9f5f6;
	margin-left:9px;
}
 
.bloc_breve2 li{
	width:650px;
	padding-left:10px;
	padding-right:10px;
}
 
.pagination-sommaire{
	width:665px;
	background-color: #f9f5f6;
	text-align:right;
	margin-left:9px;
	padding-right: 5px;
}


.top-breves{
background-image: url("../images/content-top.png");
width:686px;
height:23px;
}

#top-news{
background-image: url("../images/news.png");
width:686px;
height:100px;
}

#top-episodes{
background-image: url("../images/episodes.png");
width:686px;
height:100px;
}
 
	
/* =PAGE RUBRIQUES
   ----------------------------------------------------*/

.liste-articles{
	float:left;
	width:315px;
	height:150px;
	margin:5px;
}

.liste-articles img{
	border:3px solid #d5d6bb;
}

.liste-articles h3{
	text-align:center;
}

/* = INFOS ARTICLES BREVES
   -----------------------------------------------------*/

.infos-post { font-size: 0.9em; line-height: 1.6em; padding-top:5px;}
.infos-post a { font-weight: bold; }
.infos-post a:hover { text-decoration: underline; }
.infos-lire-suite { padding: 0 20px 1px 20px; background: url(../images/bg/readon.png) no-repeat top left; }
.infos-comments { padding: 0 20px 1px 20px; background: url(../images/bg/comment.png) no-repeat top left; }
.infos-date{ padding: 0 20px 1px 20px; background: url(../images/bg/calendar.png) no-repeat top left; }
.infos-reponse{ padding: 0 20px 1px 20px; background: url(../images/bg/rep.png) no-repeat top left; }
.infos-vote{ padding: 0 20px 1px 20px; }

/* =PAGE ARTICLES
   ----------------------------------------------------*/
 
.texte_entry-content p{
   margin-bottom: 10px;
}
 
   /* =IMAGE ARTICLES*/
   
	.image_article {
		position: relative; /* important */
	}

	.image_article img{
		width: 642px;
		border: 4px solid #d5d6bb;
		/*margin-top: 10px;*/
		margin-bottom: 10px;
	}

	.image_article .soustitre {
		position: absolute; /* important */
		left: 4px;
		font: 10px/15px Arial, Helvetica, sans-serif;
		padding: 10px 13px;
		width: 616px;
		background-color: #000;
		filter: alpha(opacity=50); /* here you can set the opacity of box with text */
		-moz-opacity: 0.5; /* here you can set the opacity of box with text */
		-khtml-opacity: 0.5; /* here you can set the opacity of box with text */
		opacity: 0.5; /* here you can set the opacity of box with text */
		color: #fff;
		bottom: 14px;
	}
	
	/* =EN-TETE ARTICLES*/

	.chapeau_article{
		padding:10px;
		border: 1px dashed #013f56;
		color:#000;
		margin: 10px 0px;
	}

	.chapeau_article li{
		list-style-type:none;
	}
	
.bloc_align_gauche{
	float: left;
	width: 345px;
	height: auto;
	margin-right: 10px;
}

.bloc_align_gauche ul{
	list-style-type:none;
}

#autre_article{
	margin-top: 10px;
	padding-top: 10px;
}

#autre_article li{
	list-style-type:none;
	float: left;
	width: 160px;
	min-height:100px;
	border-left: 1px dotted #9a5050;
	margin: 5px;
	padding-left: 5px;
}

#autre_article ul>li:first-child{
	border:none;
}

#link_ep_left{
	float:left;
}

#link_ep_right{
	float:right;
}

	
/* =PAGE BREVES
   ----------------------------------------------------*/

.logo-breve{
	border: 4px solid #d5d6bb;
	margin-bottom:10px;
}
   
#autre_breve{
	margin-top: 10px;
	padding-top: 10px;
}

#autre_breve li{
	list-style-type:none;
	float: left;
	width: 200px;
	margin: 5px;
	padding-left: 5px;
	text-align:left;
}

#autre_breve  ul>li:first-child{
	border:none;
}

.texte ul {
	padding: 15px;
}

.texte p{
	margin-bottom: 10px;
}
   
/* =FORUM BREVES-ARTICLES
   ----------------------------------------------------*/
 
#reponse{
	padding-left: 10px;
	width: 650px;
	margin-left: 9px;
	background-color: #f9f5f6;
} 

.forum{
	list-style-type:none;
}

ul .forum-message{
	border-bottom: 1px solid #9a5050;
	margin-top: 10px;
	padding-bottom:10px;
}

.logo_left{
	float: left;
	margin-right: 10px;
}

/* =FORUM SPIPBB
   ----------------------------------------------------*/
#haut-forum{
	background-image: url("../images/vierge.png");
	width: 686px;
	height: 100px;
}
 

/* =FOOTER
   ----------------------------------------------------*/