/*  
Theme Name: MediaBB
Theme URI: http://www.mediabb.com/
Description: Th&egrave;me original de MediaBB par <a href="http://www.dhordain.com">Mathieu DHORDAIN</a>.
Version: 3b
Author: Mathieu DHORDAIN
Author URI: http://www.dhordain.com/
*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	color:#111;
	margin:0;
	text-align:center;
	}

#page {
	margin-left: auto;
	margin-right: auto;
	width:960px;
	text-align: left;
	background-color:#fff;
	}

/** Liens **/
#content a { color: #c03; text-decoration:none; font-weight:bold }
#content a:hover { border-bottom: solid 1px #c03; }
.post a[href*="http"], .entrytext a[href*="http"] { padding-right: 12px; background: url(images/link-out.gif) right top no-repeat; }
.post a[href*="mediabb"], .entrytext a[href*="mediabb"] { padding-right: 2px; background: url(none); }


/** HEADER ********************************************************/
#header {
	background-color:#FFF;
	}
	
	#logo { margin: 0px 10px 10px 0; border: 0;}
	
	/** ONGLET ****************************************************/
	#header ul {
		margin: 0;
		padding: 0;
		}
				
	#header li {
		list-style: none;
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
		font-size:0.9em;
		}
	
	#header ul li a {
		color: #555;
		background: url(images/head_g.jpg) left top no-repeat;
		text-decoration: none;
		padding-left: 20px;
		}
	
	#header ul li a span {
		background: url(images/head_d.jpg) right top no-repeat;
		padding: 5px 20px 3px 0;
		}
	
	#header ul li a, #header ul li a span {
		display: block;
		float: left;
		}
	
	#header ul li a img {margin-right:5px; border: 0;}

	/** BARRE *****************************************************/
	#barre {
		clear:both;
		background-color:#999;
		padding:5px;
		margin-bottom:10px;
		font-size:0.8em;
		color:#fff;
		height:1em
		}
	
	#barre .update {float:left}
	
	#barre .heure {float:right}

	/** MOTEUR ****************************************************/
	#topOfPage {display: none;}


/** SIDEBAR COMMUN ************************************************/

#sidebar_left, #sidebar_right {padding: 0 0 0 0; font-size:0.8em;}
#sidebar_left h2, #sidebar_right h2 {margin:0; padding:5px; background-color:#333; color:#fff; font-size:1em; text-transform: uppercase;}

#sidebar_left ul,#sidebar_right ul {margin: 0; padding: 0; list-style-type: none;}
#sidebar_left li,#sidebar_right li {list-style-type: none;}
#sidebar_left ul li a, #sidebar_right ul li a{display: block; padding: 5px 10px 5px 5px; background: #f5f5f5; color: #444; text-decoration: none; height:100%}
#sidebar_left ul li a:hover, #sidebar_right ul li a:hover{background: #FFF; color: #111;}

.content {background:#f5f5f5; padding:5px}

	/** SIDEBAR GAUCHE ************************************************/
	#sidebar_left { width:140px; float:left;}
	
		/** MENU ******************************************************/
		#menu a{ font-weight:bold; text-transform: uppercase;}
		#sidebar_left .children a{ padding-left:15px; border-left: 5px solid #c00; font-weight:normal; text-transform: none}
		#sidebar_left .children a:hover{ border-right: 5px solid #c00;}
		#sidebar_left .current-cat a{background-color:#999; color:#fff}
		#menu {margin-bottom: 10px;}
		
		/** SERVICES **************************************************/
		#services h2 {border-left: solid 5px #96f}
		#services a:hover{ border-right: 5px solid #96f}
		#services {margin-bottom: 10px;}

		/** ABONNEMENTS ***********************************************/
		#abonnements h2 {border-left: solid 5px #fc3}
		#abonnements  {margin-bottom: 10px;}
	
		/** ARCHIVES **************************************************/
		#archives {text-transform: capitalize;}
		#archives h2 {border-left: solid 5px #093}
		#archives a:hover{ border-right: 5px solid #093}
		#archives {margin-bottom: 10px;}

	/** SIDEBAR DROITE ************************************************/
	#sidebar_right { width:310px; float:right;}

		/** EN BREF ***************************************************/
		#en_bref {margin-bottom: 10px;}
		
		/** RECENT POST ***********************************************/
		#recent_post {margin-bottom: 10px;}

		/** SHOPPING **************************************************/
		#shopping h2 {border-left: solid 5px #fc3}
		#shopping a {color:#333;}
		#shopping {margin-bottom: 10px;}
		#kelkoo {background-color:#f5f5f5; padding:5px}

		/** PUB SIDEBAR DROITE ****************************************/
		#pub_sbr_1 {margin-bottom: 10px;}

		/** SEARCH ****************************************************/
		#search {margin-bottom: 10px;}
		#search h2 {border-left: solid 5px #39f}
		#searchform input { vertical-align: middle; }
		#searchform form, #searchform input, #searchform label { font-family: Verdana, sans-serif; font-weight: normal; font-size: 11px;}

		/** MEDIAJOB **************************************************/
		#mediajob_sb h2 {border-left: solid 5px #A32D85}
		#mediajob_sb a {text-decoration:none; color:#fff}
		#mediajob_sb {margin-bottom: 10px;}

		/** TAGS ******************************************************/
		#tags h2 {border-left: solid 5px #093}
		#tags {margin-bottom: 10px;}
		
			/** Tag Cloud : si tag WP sans plugin **/
			#tags a {color:#666;}

/** CONTENT *******************************************************/

#content {
	width:470px;
	float:left;
	padding: 0 15px 0 15px;
}

#content_large { /** page sans sidebar right **/
	width: 790px;
	float:left;
	padding: 0 15px 0 15px;
}

#accroche { font-size:1.5em; color:#000; border: solid 1px #ccc; background-color:#f5f5f5; padding: 10px; margin: 0 0 10px 0;}
#accroche span {font-size:0.8em}

#titre a{color:#000; text-decoration:none; text-transform:uppercase; font-size:0.8em}
#titre a:hover{color:#c03;}

#titre h2 a, #titre h2 a:hover, #titre h2 a:visited {padding:0; background:none} /* supprime icone additious */

hr { display:block; height: 1px; margin: 0; _margin: -7px 0; padding: 0; border: 0; color: #ccc; background-color: #ccc; }

	/** date **/
	#content .date {padding: 0px; color:#999; font-weight:bold;}
	#content .jour {font-size: 2em;}
	#content .mois { font-size:1.5em;}
	#content .annee { font-size:1em;}

#content .post h2 {	margin: 5px 0 2px 0; padding-bottom:0}
#content .entry { line-height:140%}
#content .entry IMG {float: left; margin: 5px 10px 10px 0;}

#content h3 {margin-top: 30px;}

#commentaires {color:#999; margin-bottom: 15px; text-align:right; font-size:0.9em }
#commentaires a { padding:3px; border: solid 1px #ccc; color:#666; font-weight:normal}
#commentaires a:hover { color:#fff; border: solid 1px #c03; background-color: #c03;}

#navigation { padding:10px; text-align:center; color:#999 }
#navigation a {color:#c03; padding:3px; border: solid 1px #ccc; font-weight:normal}
#navigation a:hover { color:#fff; border: solid 1px #c03; background-color: #c03;}
#navigation .left { margin-right: 20px; }
#navigation .right { margin-left: 20px; }


/** SINGLE ********************************************************/

#content .navig {
text-align:right;
}

#content .navig img {
border:0
}

.entrytext img {float: left; margin: 10px;}
.entrytext {font-size:1em; color:#000; line-height:150%;}

#newsl, #invit, #plus_news, #fil_comment {
color:#666;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
}

#plus_news, #fil_comment {
border-bottom:solid 1px #ccc;
}

#newsl {
margin-top: 15px;
padding: 5px;
}

#invit {
padding: 5px 0 5px 50px;
background:url(images/porte_voix.jpg) 5px 5px no-repeat;
}

#plus_news{ padding: 5px 0 5px 5px;}
#plus_news a{color:#666;font-weight:normal}
#plus_news span{color:#333333;}
#plus_news ul {list-style-type:square; margin:0; padding-left:15px;}

#fil_comment { padding: 5px 5px 5px 5px; }


/** COMMENTAIRES **************************************************/

#commentlist, #trackbacklist {
list-style:none;
padding:0;
}

.comment_meta {
text-align:right;
}

			#commentlist .comment_meta a:hover { border-bottom:0; } /** supp lien survol pour gravatar **/

	.gravatar {
		float:left;
		margin: 0 15px 0 15px;
		padding: 3px;
		border: 1px solid #999;
		background: #fff;
	}

	.comment_author, .comment_site {
	float:left;
	padding-top:18px;
	font-size: 0.9em;
	color: #666;
	}
	
		#commentlist .comment_author a:hover { border-bottom: dotted 1px; }
	
	.comment_compt {
	font-size:3em;
	line-height:90%;
	font-family: 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	}
	
		#commentlist a.comment_compt, #trackbacklist a.comment_compt {color:#ccc; font-weight:normal}
		#commentlist a.comment_compt:hover, #trackbacklist a.comment_compt:hover { border-bottom:0; }

	.comment_text {
	border: solid 1px #ccc;
	background-color: #f5f5f5;
	padding: 12px 10px 0 15px;
	margin-bottom:15px;
	}
	
#commentform .champs {
border:solid 1px #ccc;
background-color: #f5f5f5;
padding:3px;
}

#commentform textarea, #CommentPreviewText {
width:460px; /** 470 **/
height:150px;
padding:3px;
border:solid 1px #ccc;
background-color: #f5f5f5;
}

#CommentPreviewText {margin-bottom:10px;}

#commentform .comment_valid {text-align:right;}


/** ADSENSE ******************************************************/
.adsense {
padding-top: 10px;
padding-bottom: 10px;
}

.adsense_c {
text-align:center;
}

/** RECHERCHE ****************************************************/
#barre_search {
text-align: center;
margin-bottom:10px;
}


/** CONTACT ******************************************************/

.contactform {
	position: static;
	overflow: hidden;
}

.contactform p {
	margin:0;
}

.contactform textarea, .contactform input {
	border: solid 1px;
}

.contactleft {
	width: 20%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}


/** PAGES PARTENAIRES *********************************************/

#acc_emploi, #acc_progtv {
border:solid 1px #ccc; background-color:#f5f5f5; padding: 10px; margin: 0 0 10px 0;
}

#progtv a { padding-right: 0; background: none}
#progtv li { list-style:none}

/** FOOTER *******************************************************/
#footer {clear:both; height:60px; padding:5px; font-size:0.9em; color:#444; border-top: solid 2px #444;}
#footer .haut {	float: right; }
#footer .haut IMG { border: 0; margin-top:3px }
#footer .xiti { float:left; margin:10px; }
#footer a { color:#444; text-decoration:none}
#footer a:hover { color:#c03;}
#footer p {margin:5px;}