

/* Begin Typography & Colors */
a{
	border:none;
	color:#4d4d4d;
	text-decoration:none;
}
img{
	border:none;
}
body {
	font-size: 12px;
	font-family:Arial,Helvetica,sans-serif;
	color: #333;
	background: #f0f0f0;
	margin:0;
	}

#page {
	width:978px;
	
	background: #f0f0f0 url('images/bg.gif') top center repeat-y;
	margin: 0 auto;
	
	padding:0 5px;
	padding-left:5px !important;
	padding-left:14px;
	}
#content_bg{
	background: #fff url('images/bg_content.gif') top center repeat-y;
}
#header {
	}
#logo{
	float:left;
	margin-top:12px;
	margin-left:8px;
}
#header ul{
	float:right;
	padding:0;
	margin:22px 0 0 0;
}
#header ul li{
	list-style:none;
	float:left;
	display:block;
	height:36px;
	margin-right:1px;
}
a#logo{
	position:absolute;
	width:122px;
	height:128px;
}
#ban{
	height:128px;
	width:100%;
	background: #f0f0f0 url('images/header.jpg') top right repeat;
	position:relative;
}
img#ban-perso{
	margin-bottom:20px;
	margin-left:0px !important;
	margin-left:-5px;
}
#content {
	display:block;
	float:left;
	width:638px !important;
	width:600px;

	margin-left:6px !important;
}
#sidebar {
	display:block;
	float:right;
	width:322px !important;
	width:322px;
	margin-right:6px;
	margin-top:6px;
	padding-bottom:6px;
	padding-left:0 !important;
	padding-left:4px;
}
#sidebar a:hover{
	text-decoration:underline;
}
#footer {
	font-size:11px;
	}
#footer ul{
	width:100%;
	background: #f0f0f0 url('images/bg_footer.gif') top left repeat-x;
	height:27px;
}
#footer ul li{
	float:left;
	display:block;
	margin:7px 0 0 34px;
	color:white;
	
}
#footer ul li a{
	color:white;
	background: url('images/fleche_bl.gif') 5px no-repeat;
	padding-left:14px;
	font-weight:bold;
	text-decoration:none;
}
#pre_footer{
	display:block;
	background:#e9e9e9;
	margin:6px;
	width:967px !important;
	width:968px;
	margin-top:6px;
	}
#pre_footer .bloc{
	width:311px;
	float:left;
	margin:5px;
	padding:6px;
	}
#pre_footer .bloc h3{
	font-size:14px;
	margin-bottom:10px;
}
#pre_footer .bloc a:hover{
	text-decoration:underline;
}
#lienVersHome{
	width:100%;
	height:27px;
}
#lienVersHome li{
	float:left;
	display:block;
	margin:7px 0 0 34px;
	color:#000;
	font-size:11px;
}
#lienVersHome li a{
	color:#000;
	background: url('images/fleche_noire.gif') 5px no-repeat;
	padding-left:14px;
	font-weight:bold;
	text-decoration:none;
}
br.spacer{
	clear:both;
	width:1px;
	height:1px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited  {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	font-weight:bold;
	background-color: #FFFFFF;	

}
.wp-pagenavi a:hover{	
	color: #fff;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color:#fff;
}
/* common */
.c_perso,.c_perso a, a.c_perso, .sous-titre a, h2.widgettitle,#sidebar ul.tw-nav-list li.ui-tabs-selected a, #sidebar ul.tw-nav-list li.ui-tabs-selected a, #sidebar ul.tw-nav-list li.ui-tabs-selected a:hover, #sidebar li.ui-tabs-selected a:hover,#text-363576422 a, .postmetadata a, h3.related_posts, #sidebar h2, .liste_categorie, #pre_footer .bloc h3, a.more-link{
	color:#1a5189;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited  {
	border: 1px solid #1a5189;
	color: #1a5189;
}
.wp-pagenavi a:hover{	
	border: 1px solid #1a5189;
	color: #fff;
	background-color: #1a5189;
}
.wp-pagenavi span.current {
	border: 1px solid #1a5189;
	background-color: #1a5189;
}
/*fin common*/

.entry p.wp-caption-text {
	margin: 5px 0;
	font-size: 0.8em;
}

h1{
	font-size:24px;
	text-transform:uppercase;
}
.sous-titre{
	color:#909090;
	font-size:10px;
}
.entry{
	font-size:14px;
}
.entry p{
	margin:20px 0 20px 0;
}

.entry h3{
	padding:20px 0 0 10px;
}
.entry h2{
	padding:20px 0 0 10px;
}


#boutons-article li{
	float:left;
	display:block;
	margin:7px 0 3px 0px;
	
}
#boutons-article li a{
	height:22px;
	display:block;
	padding:2px 0 0 26px;
	color:#4c4c4c;
	text-decoration:none;
	margin-left:30px;
}
#boutons-article li a.envoyer-ami{
	background: url('images/outil_envoyer.jpg')  no-repeat;
}
#boutons-article li a.favoris{
	background: url('images/outil_favoris.jpg')  no-repeat;
	width:auto !important;
	width:200px;
}
#boutons-article li a.imprimer{
	background: url('images/outil_imprimer.jpg')  no-repeat;
	margin-left:0px;
	width:auto !important;
	width:110px;
}
.mots-cles{
	font-size:11px;
	background: url('images/fleche_gris.gif') 0 3px no-repeat;
	padding-left:7px;
	margin-top:6px;
}

h2.widgettitle{
	font-size:16px;
	margin-bottom:6px;
}
.bg_widget ul li a{
	background: url('images/fleche_gris.gif') 0 3px no-repeat;
	padding-left:7px;
}
#sidebar #tabbed-widget-1 .bg_widget{
	margin-top:0;
}

.bg_widget, #linkcat-2, #tag_cloud, #archives, #categories-363576421, #text-363576422, .widget_categories, .widget_links, .widget_text_border, .widget_stags_cloud{
	border:1px solid #cccccc;
	background:#fff;
	width:290px;
	padding:8px;
	margin:6px auto 0;
}
#sidebar .widget_stags_cloud, #sidebar .widget_links{
  margin:6px auto 0 !important;
  margin:6px 0 0 4px;

 
}
.widget_text_border h2{
	margin-bottom:6px;
}
.ui-tabs-panel{
	border:1px solid #cccccc;
	background:#fff;
	padding:8px;
}
.ui-tabs-panel li a{
	background: url('images/fleche_gris.gif') 0 3px no-repeat;
	padding-left:7px;
}
#sidebar  .tw-rotate {
	width:290px;
	padding:8px;
	margin:6px auto 0;
}
.auteur img{
	margin-bottom:6px;
}
.auteur img{
	float:left;
	margin-right:10px;
}
.auteur div{
	font-size:11px;
	padding-top:8px;
}
.auteur div strong{
	font-size:13px;
}
#text-363576422 a{
	font-size:11px;
	font-weight:bold;
}
#sidebar ul li.widget ul li, #pre_footer .bloc ul li{
	background: url('images/fleche_gris.gif') 0 3px no-repeat;
	padding-left:7px;
	margin-bottom:2px;
	font-size:11px;
}
#sidebar ul li.widget#tabbed-widget-1 ul li{
	background: none;
	padding-left:0;
}

#sidebar ul li.widget#tabbed-widget-1 ul li {
	font-size:12px;
}
#sidebar .widget_rs{
margin:3px auto 0;
padding:8px;
padding-top:0px;
width:234px;
text-align:center;
}
#sidebar .widget_rss1{
margin:3px auto 0;
padding:8px;
padding-bottom:0px;
width:303px;
text-align:center;
}
#sidebar .widget_rs a{

	margin-top:8px;
}
#sidebar .widget_rs .wlm, .netvibes{
	float:left;
}
#sidebar .widget_rs .yahoo, .google{
	float:right;
}
#text-363648481{
	text-align:center;
}
#sidebar ul li#tabbed-widget-1.widget ul li {
	margin-top:4px;
	margin-bottom:0px;
}
#comment{
	background:#E9E9E9 none repeat scroll 0 0;
	margin:6px 0;
	padding:8px;
}
#reactions{
	background:#FFF;
	border:1px solid #CCCCCC;
	padding:8px;
}
#reactions .commentlist {
	margin:0;
	padding:0;
}
#reactions .commentlist li .com_texte{
	margin:4px 0 4px 30px;
	background:#f8f8f8;
	border-left:4px solid #afafaf;
	padding:3px 3px 3px 6px;
	font-size:12px;
}
#reactions .commentlist li{
		list-style:none;
	margin-bottom:14px;
}
#comment{
	position:relative;
	margin-left:0 !important;
	margin-left:10px;
}
#comment .bulle{
	position:absolute;
	right:22px;
	bottom:258px;
	display:inline !important;
	display:none;
}
#comment img{
	margin-bottom:7px;
}
#comment img.reagissez{
	margin-top:10px;
}
#respond{
	background:#FFF;
	border:1px solid #CCCCCC;
	padding:8px;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
label{
	font-weight:bold;
	font-size:12px;
}
label small{
	font-weight:normal;
	font-size:10px;
}
#commentform input {
	width: 200px;
	padding: 2px;
	margin: 0px 5px 1px 0;
	border:1px solid #cccccc;
	}
#commentform input#subscribe {
	border:none;
	}	
	
#commentform input#url {
	width: 424px;
	}
#commentform textarea {
	width: 424px;
	padding: 2px;
	border:1px solid #cccccc;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	position:relative;
	}
p.nom_email{
	float:left;
	display:block;
	width:224px;
	position:relative;
}
#commentform input#submit{
     border:none;
     color:#fff;
     background: transparent url('images/com_envoyer.gif') no-repeat top left;
     width:89px;
     height:29px;
	 cursor:pointer;
	 border:none;
	 margin-right:347px;
	 margin-top:8px;
}
#ban form{
	position:absolute;

}
#ban form#rechercher input.champstexte{
	width:224px;
	border:1px solid #ccc;
	background:#fff;
	padding:2px;
	margin-right:5px;
}
#rechercher{
	left:336px;
	top:85px;
}
#newsletter{
	right:7px;
	top:85px;
}
#ban form#newsletter input.champstexte{
	width:126px;
	border:1px solid #ccc;
	background:#fff;
	margin-right:5px;
	padding:2px;

}
#ban form#newsletter input.envoyer{
	width:35px;
	height:20px;
	 background: transparent url('images/ban_ok.gif') no-repeat top left;
	 border:0;
	cursor:pointer;
}
#ban form#rechercher input.envoyer{
	width:96px;
	height:21px;
	 background: transparent url('images/ban_rech.gif') no-repeat top left;
	 border:0;
	 cursor:pointer;
}
a.listing{
	font-size:18px;
}
.calendrier{
	float:left;
	width:50px;
	margin-top:4px;
}
.calendrier div{
	height:50px;
	width:50px;
	background: url('images/calendrier.jpg') no-repeat top left;
	margin-left:30px !important;
	margin-left:20px;
	margin-right:0px !important;
	margin-right:2px;
}
.calendrier span{
	float:left;
	width:50px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:white;
}
.calendrier span.mois{
	text-transform:uppercase;
}
.calendrier span.jour{
	margin-top:1px;
	font-size:18px;
}
.post_contenu{
	float:right;
	width:525px;
}
.postmetadata a{
	text-decoration:underline;
	font-weight:bold;
	margin-right:10px;
	
}
.postmetadata span.link_liens{
}
.postmetadata span.link_liens a{
	margin-right:30px;
	text-decoration:underline;


}

.postmetadata.article_droite{
	text-align:right;
}

.post{
	padding-bottom:20px;
	margin:0 20px 20px 0 !important;
	margin:0 20px 0px 0;
	border-bottom:1px solid #ccc !important;
	border-bottom:none;
	clear:both;
	width:100%;
}
.navigation{
	text-align:center;
	margin:0 auto 20px;
}
h3.related_posts{
	text-transform:uppercase;
	font-size:15px;
	margin-top:10px;
}
ul.related_post, ul.st-related-posts{
	margin:8px 30px 0 30px;
}
ul.related_post li, ul.st-related-posts li a{
	border-bottom:1px solid #ccc;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
.pub{
	text-align:center;
	margin:6px auto 0;
	width:304px;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

/*blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}*/
	
blockquote {
background:#f5f5f5 none repeat scroll 0 0;
border:1px solid #cccccc;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:10px 20px;
}
	


blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
	
	
/*End */
#most-viewed{
	display:none;
}
#tabbed-widget-1-0 #most-viewed{
	display:block;
}
.pagetitle{
	text-transform:uppercase;
	border-bottom:1px solid #CCCCCC;
	margin:0 20px 0px 30px;
	padding:0 0 4px 20px;
	font-size:22px
	
}
ul.liste_categorie{
	margin-bottom:10px;
}
.first_post{
	margin-left: 20px;
}
.single_article{
	margin:0 10px;
}
.envoyer-ami-full img{
	margin-left:30px;
}
#link_home{
	display:block;
	height:62px;
	left:10px;
	position:absolute;
	top:7px;
	width:273px;
}
a.link_auteurs{
	background:transparent url(images/fleche_gris.gif) no-repeat scroll 0 3px;
	font-size:11px;
	margin-bottom:2px;
	padding-left:7px;
	font-weight:bold;
}
.entry a{
	text-decoration:underline;
}

.entry ul li {
line-height:18px;
list-style-position:outside;
list-style-type:disc;
margin-left:15px;
padding-bottom:5px;
}

a.more-link{

}
.com_marge{
	margin-top:8px;
}
