/*
Theme Name: Transformer à gauche
Theme URI: http://transformeragauche.fr/
Description: Le blog de TAG.
Version: 1.0
Author: Jonathan Debauve
Author URI: http://jonathandebauve.fr/
*/

body {
	background: #eee;
	color: #444;
	font: 11px Arial, Helvetica, sans-serif;
}

#page {
	margin: 20px auto;
	width: 960px;
}

img {
	border: 0;
}

a {
	color: #444;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.hidden, .screen-reader-text {
	display: none;
}

a.more-link  {
color: #d4145a;
font-weight: 700;
text-decoration: none;
}

a.more-link:hover {
text-decoration: underline;
}

.navigation {
clear: both;
border-top: 1px dotted #ececec;
margin: 6px 0 0 0;
padding: 2px 4px;
}

.alignleft {float: left; width: 48%; text-align: left;}
.alignright {float: right; width: 48%; text-align: right;}



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

	#barre-icones {
		float: right;
		height: 12px;
		margin: 2px 0 0 0;
		padding: 1px 0;
		position: relative;
		right: 12px;
		text-align: right;
	}
	
	#barre-icones li {
		display: inline;
	}
	
	#barre-icones li a {
		color: #444;
		padding: 0 8px 0 16px;
		text-decoration: none;
	}
	
	#barre-icones li a:hover {
		text-decoration: underline;
	}
	
	#rss {background: url('img/ico/rss.png') 0 0 no-repeat;}
	#facebook {background: url('img/ico/facebook.png') 0 0 no-repeat;}
	#twitter {background: url('img/ico/twitter.png') 0 0 no-repeat;}
	#dailymotion {background: url('img/ico/dailymotion.png') 0 0 no-repeat;}
	
	
	#recherche-home {
		float: right;
		margin: 3px 0 0 0;
		padding: 0;
		position: relative;
		right: 6px;
		text-align: right;
	}
	
	#s-home {
		background: url('img/fd_recherche.png') no-repeat;
		border: 0;
		color: #444;
		float: left;
		font: 10px Arial, Helvetica, sans-serif;
		height: 12px;
		margin: 0 0 4px 0;
		padding: 0 3px 2px 3px;
		width: 122px;
	}
	
	#searchsubmit-home {
		border: 0;
		float: left;
		height: 12px;
		margin: 0;
		padding: 0;
		width: 12px;
	}
	
	#en-tete {
		background: url('img/tag-transformer-a-gauche.png') no-repeat;
		display: block;
		height: 178px;
		margin: 0;
		width: 960px;
	}
	
	#en-tete a {
		display: block;
		height: 178px;
		width: 960px;
	}
	
	a#mjs {
		display: block;
		float: right;
		height: 48px;
		margin: 0 0 -48px 0;
		position: relative;
		right: 0;
		top: -156px;
		width: 222px;
	}


/* MENU 
--------------------------------------------------------- */

	#menu {
		background: #d4145a;
		color: #fff;
		display: block;
		font-size: 11px;
		font-weight: bold;
		height: 14px;
		margin: 0;
		padding: 4px 20px 2px 20px;
		text-transform: uppercase;
		width: 920px;
	}
	
	#menu li {
		display: inline;
	}
	
	#menu li a {
		color: #fff;
		height: 15px;
		padding: 3px 10px 2px 16px;
		text-decoration: none;
	}
	
	#menu li a:hover {
		text-decoration: underline;
	}
	
	#accueil {background: url('img/ico/accueil.png') 0 0 no-repeat;}
	#tag-tv {background: url('img/ico/tag-tv.png') 0 0 no-repeat;}
	#discours {background: url('img/ico/discours.png') 0 0 no-repeat;}
	#contributions {background: url('img/ico/contributions.png') 0 0 no-repeat;}
	#argumentaires {background: url('img/ico/argumentaires.png') 0 0 no-repeat;}
	#formations {background: url('img/ico/formations.png') 0 0 no-repeat;}
	#revue-de-web {background: url('img/ico/revue-de-web.png') 0 0 no-repeat;}
	#contact {background: url('img/ico/contact.png') 0 0 no-repeat;}



/* UNE 
--------------------------------------------------------- */

	#une {
		background: #fff;
		height: 260px;
		padding: 20px;
		width: 920px;
	}
	
	#une-video {
		float: left;
		margin: 0 20px 0 0;
		width: 360px;
	}
	
	#une-video h1 {
		font-size: 13px;
		margin: 0 0 6px 0;
		text-transform: uppercase;
		width: 340px;
	}
	
	#une-video h1 a {
		color: #d4145a;
		text-decoration: none;
	}
	
	#une-video h1 a:hover {
		text-decoration: underline;
	}
	
	#une-article {
		border: 1px solid #d4145a;
		float: left;
		height: 240px;
		padding: 10px;
		width: 340px;
	}
		
	#une-article h1 {
		color: #d4145a;
		font-size: 11px;
		margin: 0 0 4px 0;
		text-transform: uppercase;
	}
	
	#une-article h1 a {
		color: #d4145a;
		text-decoration: none;
	}
	
	#une-article h1 a:hover {
		text-decoration: underline;
	}
	
	#une-article p {
		line-height: 1.5em;
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	#une-article p a, #une-article p a:hover {
		text-decoration: none;
	}
	
	.guillemetsg {
		float: left;
		margin: 0 8px 2px 0;
		padding: 4px 0 0 0;
	}
	
	.guillemetsd {
		padding: 4px 0 0 2px;
	}
	
	.signature {
		color: #d4145a;
		display: block;
		float: right;
		font-size: 12px;
		font-weight: 700;
		margin: 6px 0 0 0;
	}
	
	#une-document {
		float: right;
	}



/* ARGUMENTAIRES 
--------------------------------------------------------- */

	#argus {
		background: #d4145a;
		height: 100px;
		padding: 20px 0;
		width: 960px;
	}
	
	.argu {
		display: block;
		float: left;
		height: 100px;
		margin: 0 20px;
		position: relative;
		width: 200px;
	}
	
	.argu h2 {
		bottom: 5px;
		color: #fff;
		font-size: 12px;
		left: 5px;
		line-height: 1.1em;
		margin: 0;
		padding: 1px 2px;
		position: absolute;
		text-transform: uppercase;
		width: 190px;
	}
	
	.argu h2 a {
		background: #222;	
		color: #fff;
		text-decoration: none;
	}
	
	.argu h2 a:hover {
		background: #d4145a;	
		color: #fff;
		text-decoration: none;
	}
	
	
/* CONTENU
--------------------------------------------------------- */

	#contenu {
		background: #fff;
		padding: 20px;
	}
	
	#contribution-une {
		border: 1px solid #999;
		height: 220px;
		padding: 2px;	
		width: 354px;
	}
	
	.colonne {
		float: left;
		margin: 0 20px 0 0;
		width: 360px;
	}
	
	.colonne h1, #quoi-de-neuf h1 {
		clear: both;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 0 0;
		text-transform: uppercase;
	}
	
	.colonne h1#fiches-de-lecture {
		padding: 10px 0 0 0;
	}
	
	.colonne h1 a, #quoi-de-neuf h1 a {
		color: #d4145a;
		text-decoration: none;
	}
	
	.colonne h1 a:hover, #quoi-de-neuf h1 a:hover {
		text-decoration: underline;	
	}
	
	.article h2 {
		clear: left;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 10px 0 0 0;
	}
	
	.article h2 a {
		color: #d4145a;
		text-decoration: none;
	}
	
	.article h2 a:hover {
		text-decoration: underline;	
	}
	
	.miniature {
		border: 1px solid #bbb;
		float: left;
		margin: 0 8px 5px 0;
		padding: 2px;
	}
	
	.article p {
		font-size: 11px;
		line-height: 1.5em;
		margin: 0;
		text-align: justify;
	}
	
	.article p a {
	text-decoration: none;
	}
	
	
	#quoi-de-neuf {
		float: right;
		margin: 0;
		width: 160px;
	}
	
	#quoi-de-neuf h1{
		color: #d4145a;
	}

	#quoi-de-neuf p {
		font-size: 11px;
		font-weight: 300;
		line-height: 1.5em;
		text-align: left;	
	}


/* ARTICLE
--------------------------------------------------------- */

	.post, .page {
		float: left;
		width: 560px;		
	}
	
	
	.post h1, .page h1, .pagetitle {
		color: #d4145a;
		margin: 0 0 12px 0;
	}
	
	
	#logo-article {
		border: 1px solid #c8c8c8;
		float: left;
		height: 134px;
		padding: 2px;
		width: 274px;
	}

	#partage {
		float: left;
		font-size: 13px;
		line-height: 1.2em;
		list-style: none;
		margin: 10px 0 0 20px;
		padding: 0;
	}
	
	#categorie, #categorie a {
		color: #d4145a;
		font-size: 11px;
		font-weight: 700;
		margin: 0;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#date {
		color: #999;
		font-size: 9px;
		font-style: italic;
		margin: 0 0 12px 0;
	}
	
	#commentez, #partagez, #envoyez {
		font-size: 11px;
		margin: 0 0 1px 0;
		padding: 0 0 0 20px;
	}
	
	#tags {
		font-size: 10px;
		margin: 11px 0 0 0;
		padding: 0 0 0 20px;
	}
	
	#commentez a, #partagez a, #envoyez a, #tags a {
		color: #222;
		text-decoration: none;
	}
	
	#commentez a:hover, #partagez a:hover, #envoyez a:hover, #tags a:hover {
		text-decoration: underline;
	}
	
	#commentez {background: url('img/commentez.png') left center no-repeat;}
	#partagez {background: url('img/partagez.png') left center no-repeat;}
	#envoyez {background: url('img/envoyez.png') left center no-repeat;}
	#tags {background: url('img/tags.png') left center no-repeat;}
	
	
	.pdf {
		background: url('img/pdf.png') 10px center no-repeat;
		border: 1px solid #eee;
		float: right;
		font-weight: 700;
		margin: 0 0 10px 20px;
		padding: 10px;
	}
	
	.pdf a {
		display: block;
		height: 28px;
		padding: 10px 0 4px 72px;
		text-decoration: none;
		width: 168px;
	}
	
	.pdf a:hover {text-decoration: underline;}
	
	.entry {
		clear: both;
		padding: 15px 0 20px 0;
	}
	
	.entry p {
		font-size: 11px;
		line-height: 1.5em;
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	#comment {clear: both; width: 560px;}
	.commentlist {list-style: none; margin: 0; padding: 0;}
	.commentlist li {border: 1px solid #c8c8c8; margin: 0 0 15px 0; padding: 10px;}
	.avatar {float: right;}

	

/* SIDEBAR
--------------------------------------------------------- */
	
	#sidebar {
		float: right;
		margin: 0;
		padding: 0;
		width: 340px;
	}
	
	#contribution-a-telecharger {
		margin: 0 0 30px 0;
	}

	.derniers-articles {
		list-style: none;
		list-style-position: outside;
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	.derniers-articles h2 {
		margin: 0 0 6px 0;
	}
	
	li.dernier-article {
		background: url('img/fd_derniersarticles.png') 0 0;
		height: 70px;
		margin: 0 0 3px 0;
		padding: 10px;	
		width: 320px;
	}
	
	li.dernier-article:hover {
		background: url('img/fd_derniersarticles.png') 0 90px;
	}
	
	.dernier-article img {
		float: left;
		height: 70px;
		margin: 0 10px 0 0;
		width: 110px;
	}
	
	.dernier-article h3 {
		font-size: 13px;
		font-weight: 700;
		margin: 6px 0 2px 0;
	}
	
	.dernier-article p {
		margin: 0;	
	}
	
	.dernier-article h3 a, .dernier-article h3 a:hover, .dernier-article p a, .dernier-article p a:hover {text-decoration: none;}
	
	
/* CATEGORIES 
--------------------------------------------------------- */

	.article-categorie {
		background: url('img/fd_articles.png') 0 0;
		height: 100px;
		margin: 0 0 10px 0;
		padding: 20px;	
		width: 880px;
	}
	
	.article-categorie:hover {
		background: url('img/fd_articles.png') 0 140px;
	}
	
	.article-categorie img {
		float: left;
		height: 100px;
		margin: 0 20px 0 0;
		width: 200px;
	}
	
	.article-categorie h2 {
		font-size: 13px;
		font-weight: 700;
		margin: 8px 0 4px 0;
	}
	
	.article-categorie p {
		margin: 0;
		text-align: justify;
	}
	
	.article-categorie h2 a, .article-categorie h2 a:hover, .article-categorie p a, .article-categorie p a:hover {text-decoration: none;}


/* PIED-DE-PAGE
--------------------------------------------------------- */

	#copyright {
		clear: both;
		margin: 0;
		padding: 20px 0 0 0;
		text-align: center;
	}

	#copyright a {
		text-decoration: none;
	}
	
	#copyright a:hover {
		text-decoration: underline;	
	}

	#pied-de-page {
		background: url('img/pied-de-page.png') bottom no-repeat;
		clear: both;
		height: 10px;
		margin: 0;
		width: 960px;
	}