/*
Theme Name: Stylistic Theme
Theme URL: http://www.stylistic.fr/
Description: Th�me du blog stylistic.fr cr�er par Fan Jiyong
Version: 1.0
Author: Fan Jiyong
Author URL: http://yazhouzhijia.free.fr/blog/
*/

*{
border:none;
margin:0;
padding:0;
}

p{
padding:5px 0px 5px 0px;}

a{
color:#e20a81;
text-decoration:none;
}

a:hover{
color:#e20a81;
text-decoration:underline;
}

body{
background:#1a171b;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

	.bgevent{
	 /*background:url(img/montage-3-sans.jpg) no-repeat fixed top center;*/
	 width:100%;
	 margin:0px auto;
	 padding:20px 0px;
	}

	
	.count{
	width:950px;
	margin:0px auto;
	position:relative;
	}
	
	.gauche280, .droite280{
	width:280px;
	position:absolute;
	height:100%;
	display:block;
	}
	.gauche280{left:-280px; top:0px;}
	.droite280{right:-280px; top:0px;}
	
	
	

#header{
background:url(img/banner.png) no-repeat;
width:950px;
height:100px;
}

#logo{
background:url(img/logo_stylistic.png) no-repeat;
width:225px;
height:86px;
margin:6px 0px 0px 13px;
float:left;
text-indent:-99999px;}

#teso_horriz{
background:url(img/bg_teso_vertical.gif) repeat-x;
width:950px;
height:30px;
font-weight:bold;
display:block;
}


#teso_horriz a{
margin:7px 10px;
color:#2a2e46;
text-transform:uppercase;
font-size:12px;
font-family:Georgia, Garamond, "Times New Roman", Times, serif;}

#teso_horriz .search{
width:240px;
height:20px;
float:right;
margin:4px 0px;
display:block;}

#teso_horriz .formsearch{float:left; height:20px;}
				.formsearchav{width:5px; background:url(img/bg_form.png) no-repeat 0 0; height:20px; float:left;}
				.formsearchde{width:133px; background:url(img/bg_form.png) repeat-x 0 -20px; height:16px; float:left; padding:2px;}
				.formsearchap{width:5px; background:url(img/bg_form.png) no-repeat 0 -40px; height:20px; float:left;}
				.formboutton{width:72px; height:20px; float:left; background:url(img/btn_recherche.png) no-repeat; margin-left:5px; text-indent:-99999px;}

/*nav*/
#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
}

#nav li {
	float: left;
	list-style:none;
}

#nav a{
	display:block;
	font-weight:bold;
}


#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	margin:7px 10px;
	text-decoration:underline;
}	

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #a9a9a9;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #a9a9a9;
	z-index:5000;
}

#nav li li {
	width: 172px;
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	background: #fef2f7;
	
}

#nav li li a, #nav li li a:visited {
color:#2a2e46;
text-transform:uppercase;
display:block;
font-size:12px;
font-family:Georgia, Garamond, "Times New Roman", Times, serif;}


#nav li li a:hover, #nav li li a:active {
	background: #fef2f7;
}	

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

a.main:hover
{
    background:none;
}
/*fin nav*/

.content{
width:950px;
background:#ffffff;
display:block;
padding:10px 0;
}

		.brbnbg{background:url(img/arrondisbn.gif) no-repeat 0 0; width:8px; height:8px; font-size:0px; float:left; font-size:0px;}
		.brbnf{background:#ffffff; width:934px; float:left; height:8px; font-size:0px;}
		.brbnbd{background:url(img/arrondisbn.gif) no-repeat -8px 0px; width:8px; height:8px; font-size:0px; float:left; font-size:0px;}
		.brbnhg{background:url(img/arrondisbn.gif) no-repeat 0 -8px; width:8px; height:8px; font-size:0px; float:left; font-size:0px;}
		.brbnhd{background:url(img/arrondisbn.gif) no-repeat -8px -8px; width:8px; height:8px; font-size:0px; float:left; font-size:0px;}



#footer a{color:#ffffff;}

#footer{width:950px; background:url(img/bg_footer.gif) repeat-x #000000 top; min-height:135px;}
	.brnnbg{background:url(img/arronfisnn.gif) no-repeat 0 0; float:left; height:8px; width:8px; font-size:0px;}
	.brnnf{background:#000000; width:934px; float:left; height:8px; font-size:0px;}
	.brnnbd{background:url(img/arronfisnn.gif) no-repeat -8px 0; float:left; height:8px; width:8px; font-size:0px;}
	
	.catfooter{
	width:170px;
	padding:10px;
	float:left;
	}
	
	.catfooter ul{
	margin:0px 0px 0px 10px;
	padding:0px;}
	
	.suivfooter{width:455px; padding:10px; float:left;}
	.copyfooter{width:455px; padding:10px; float:left; text-align:right;}
	.suivfooter, .copyfooter, .catfooter{
	font-size:11px;
	color:#ffffff;}


#menu{
width:301px;
float:right;
display:inline;
margin-right:9px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

	#menu h3{
	background:url(img/menu_head.png) no-repeat;
	width:293px;
	height:20px;
	padding: 12px 0 0 8px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;}
	
	#menu .foot{
	background:url(img/menu_foot.png) no-repeat;
	height:5px;
	width:301px;
	display:block;
	}
	
	#menu .bg{
	background:url(img/menu_bg.png) repeat-y;
	width:286px;
	padding-left:15px;}
	

	#menu a{
	color:#000000;
	}
	
	#menu ul{
	list-style:none;
	text-align:left;
	/*padding-left:10px;*/
	}
	
	#menu ul li a{
	color:#000000;
	background:url(img/fleche_menu.png) 0px 3px no-repeat;
	display:block;
	}
	
	#menu ul li ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}


.contenu{
width:625px;
margin:0px 6px 0px 9px;
float:left;
display:inline;
}

	.contenu .titre
	{
	width:625px;
	display:inline;

	}
	
		.contenu .titre .date{
		width:54px;
		height:51px;
		background:url(img/bg_date.gif) no-repeat right center;
		text-align:center;
		float:left;
		padding:5px;
		}
		
		.contenu .titre .date .jour, .contenu .titre .date .mois, .contenu .titre h1, #commentaire h1, .contenu .titre .auteur, #respond h3, .btnnoir
		{font-family:Georgia, "Times New Roman", Times, serif;}
		
		.contenu .titre .date .jour{font-size:17px; font-weight:bold; color:#2a2e46; letter-spacing:2px; display:block; height:17px; }
		.contenu .titre .date .mois{font-size:15px; font-weight:bold; color:#55586b; letter-spacing:2px; display:block; height:18px;}
		.contenu .titre .date .annee{font-size:11px; color:#919191; letter-spacing:2px; display:block; font-family:Verdana, arial; height:8px;}

		.contenu .titre h1{
		color:#2a2e46;
		font-size:14px;
		letter-spacing:3px;
		text-transform:uppercase;
		font-weight:bold;
		padding-top:12px;
		height:19px;
		float:right;
		width:535px;
		padding:5px 10px;
		}
		
		.contenu .auteur{
		color:#2a2e46;
		font-size:11px;
		font-style:italic;
		display:block;
		width:535px;
		height:14px;
		float:right;
		padding:0px 10px 6px 10px;
		}
		
		.contenu .article{
		font-size:12px;
		font-family: Arial, Verdana;
		color:#000000;
		text-align:left;
		text-align:justify;
		}
		
		.contenu .sousarticle{
		width:615px;
		background:url(img/sousarticle.png) no-repeat bottom;
		padding:5px;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom:10px;
		}
		
		/*Navigation*/
		.navigation {
		display: block;
		padding:6px 0px;
		margin-bottom:10px;
		}
		
		.navigation2 {
		display: block;
		padding:6px 0px;
		margin-bottom:10px;
		width:615px;
		border-bottom:1px solid #afb0b9;
		}
		
		.flr01{height:9px; display:block; background:url(img/flecherose.gif) no-repeat right 0; float:right; padding:0px 8px 5px 0px;}
		.flr02{height:9px; display:block; background:url(img/flecherose.gif) no-repeat 0 -15px; float:left; padding:0px 0px 5px 8px;}
		
		.alignleft {
		float: left;
		}
		
		.alignright {
		float: right;
		}

#commentaire{
width:615px;
display:block;
}

#commentaire h1, #respond h3{
color:#2a2e46;
font-size:14px;
letter-spacing:3px;
text-transform:uppercase;
font-weight:bold;
}


.commentlist{
width:615px;
display:block;}

	.commentlist dl{
	width:583px;
	display:block;
	padding:10px;
	margin:5px;
	border:1px solid #ececec;}
	
	.commentlist .avatar{
	display:block;
	float:left;
	margin:0px 5px 0px 0px;}
	
	.commentlist .comments{
	text-align:justify;
	}
	
	.commentlist .date{
	font-size:11px;
	font-style:italic;}
	
	.commentlist .authorname{
	font-weight:bold;
	font-style:normal;}
	
	#respond{
	border:1px solid #ececec;
	background:#f9fafa;
	padding:5px;}

.messerreur{
border:1px solid #e20a81;
background:#ffdff1;
padding:5px;
margin-bottom:5px;
}

.btnnoir{
background:url(img/bgboutton.gif) repeat-x;
color:#ffffff;
height:16px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
padding:0px 4px 2px 4px;
cursor:pointer;
}

/*form*/
.champ{
background:url(img/fontchamp.gif) repeat-x #ffffff;
border:1px solid #bfc0c7;
padding:2px;
margin-bottom:5px;
}
/*fin form*/


.clear{
clear:both;
font-size:0px;
width:0px;
height:0px;
}



/* wp-crossfade start */
#wp-crossfade {
	text-align:left;
	margin:0px auto;
	width:930px;
	display:block;
}

#wp-crossfade,.wp-crossfade-class-container {
	height:240px;
	width:930px;
	overflow:hidden;
}

#wp-crossfade-loading {
	padding: 98px 0;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
}
.wp-crossfade-class-text-container {
	position:absolute;
	top:10px;
	right:0px;
	background-color:#ffffff; 
	overflow:hidden;
	width:413px;
	min-height:100px;
	z-index: 2000;
	opacity: .9;
}

	.wp-crossfade-class-text-container h3{
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	margin-bottom:10px;}

.wp-crossfade-class-text-container div {
	margin: 6px 0;
	padding: 0 6px;
}

.wp-crossfade-class-dot-container {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 1px;
	height: 1px;
}

.wp-crossfade-class-dot {
	width: 15px;
	height: 15px;
	background-color: #fff;
	border: 1px solid #ad0160;
}
.wp-crossfade-class-dot-selected {
	opacity: 0;
	width: 16px;
	height: 16px;
	background-color: #e20a81;
	margin: -1px;
}
.wp-crossfade-class-image-container {
	overflow: hidden;
	text-align: right;
}
/* wp-crossfade end */

#wp-calendar{
margin:0px auto;
text-align:center;
}

#wp-calendar th{
width:30px;
height:30px;
border:1px solid #dad5d7;
background:#fef2f7;
color:#2a2e46;
}

#wp-calendar #prev{
width:20px;
border:none;
width:66px;
height:18px;
text-align:left;
}



#wp-calendar #next{
width:20px;
border:none;
width:66px;
height:18px;
text-align:right;
}

#wp-calendar td{
border:1px solid #dad5d7;
width:20px;
height:20px;
font-size:11px;
}

#wp-calendar .pad{
border:none;
}


#today{
background-color:#e20a81;
color:#FFFFFF;
}

#wp-calendar #today a{
color:#FFFFFF;
font-weight:normal;
}

#wp-calendar a{
font-weight:bold;
color:#e20a81;
}

#wp-calendar caption{
font-weight:bold;
text-align:center;
margin:5px auto;
width:147px;
font-family:Georgia, "Times New Roman", Times, serif;
}