/*  
Theme Name: Alain Bazot Fr
Theme URI: http://www.alain-bazot.fr/
Description: Le thème Wordpress de "<a href="http://www.alain-bazot.fr/">Consommateur, si tu savais…</a>", le blog d’Alain Bazot, Président de l’UFC-Que Choisir, basé sur le fameux thème <a href="http://binarybonsai.com/kubrick/">Kubrick</a> de Michael Heilemann dans sa version 1.6.
Version: 1.0
Author: Jean-Philippe Machanovitch @ UFC-Que Choisir
Author URI: http://www.quechoisir.org/
*/

/* Charte CSS
positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
marges et bordures => margin – padding – border
dimensions => width – height – min-width/max-width – min-height/max-height
propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
arrière-plan => background
*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
GENERAL
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

body{
	font: normal normal normal 62.5% Verdana, Arial, sans-serif;  /* 62.5% = 1em = 10px */
	background: white url('images/background-body.png') repeat-x fixed left top; /* le background de bouge pas */
	color: #333; /* le gris le plus foncé en websafe */
	text-align: center;
}

	h1{
		font: normal normal normal 2.4em Times New Roman, Times, serif;
	}

	h2{
		font: normal normal normal 1.6em Times New Roman, Times, serif;
	}

	h3{
		font: normal normal normal 1.4em Times New Roman, Times, serif;
	}

#page {
	margin: 20px auto;  /* ajoute 20px en haut et en bas pour FF et uniquement en haut pour IE */
	height: 100%;
	width: 960px;
	text-align: left;
	background: white url('images/background-page.png') repeat-y scroll left top; /* le background va ajouter la séparation des colonnes */
	}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
#header-photo {
	clear: both;
	height: 154px;
	width: 960px;
	background: white url('images/header-photo.jpg') no-repeat scroll left top;
	}

	#header-photo h1.titre-blog {
		clear: both;
		padding: 20px 0 0 270px;
		}
	
		#header-photo h1 a.titre-blog {
			font: normal normal bold 48px 'Lucida Grande', "Trebuchet MS", Verdana, Arial, sans-serif;
			color: white;
			text-decoration: none;
			}

	#header-photo h1.sous-titre-blog {
		clear: both;
		padding: 0 0 0 270px;
		}
			
		#header-photo h1 a.sous-titre-blog {
			font: normal normal bold 24px 'Lucida Grande', "Trebuchet MS", Verdana, Arial, sans-serif;
			color: white;
			text-decoration: none;
			}
	
#header-menu {
	clear: both;
	height: 38px; 
	width: 960px; 
	background: white url('images/header-menu.png') no-repeat scroll left top;
	}	

	#header-menu ul.menu {
		float: left;
		padding: 6px 0 0 30px !important;
		padding: 2px 0 0 30px;
		list-style: none outside;
		}
		
		#header-menu ul li.menu {
			display: inline;
			margin: 0 7px;
			}
		
			#header-menu ul li.menu select, option{
				background-color: white;
				color: #333;
				}
		
			#header-menu ul li a.menu {
				font: normal normal bold 15px Arial, Verdana, sans-serif;
				color: #999;
				text-decoration: none;
				}

		#header-menu ul li.menu-rss {
			display: inline;
			margin: 0 1px;
			}

			#header-menu ul li a.menu-rss {
				padding: 0 0 0 20px;
				font: normal normal bold 15px Arial, Verdana, sans-serif;
				color: #e67f33;
				text-decoration: none;
				background:url('images/icone-rss-16x16.png') no-repeat left;
				}

			#header-menu ul li a.menu-twitter {
				padding: 0 0 0 20px;
				font: normal normal bold 15px Arial, Verdana, sans-serif;
				color: #4180b6;
				text-decoration: none;
				background:url('images/icone_twitter-16x16.gif') no-repeat left;
				}	
				
	#header-menu form.rechercher {
		float: right;
		width: 285px;
		padding: 4px 20px 0 0;
		text-align: left;
		}

		#header-menu form input.cellule-rechercher {
			float: left;
			width: 230px;
			padding: 2px 0 0 0;
			font: normal normal normal 12px Arial, Verdana, sans-serif;
			background: transparent;
			}
		
		#header-menu form input.bouton-rechercher {
			float: right;
			width: 37px;
			height: 20px;
			background: transparent url('images/bouton-valider-fond-bleu.png') no-repeat center top;
			overflow: hidden;
			cursor: pointer; /* hand-shaped cursor */
			cursor: hand; /* for IE 5.x */
			}




/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
#content {
	float: left;
	width: 600px;
	background-color: none;
	}	

h1.titre-section {
			padding: 20px 40px 0 40px;
			margin: 0 0 20px 0;
			font: normal normal bold 2.6em Times New Roman, Times, serif;
			color: #6699ff;
			text-decoration: none;
			}	
	
	.post {
		padding: 10px 40px 0 40px;
		}

		.content-date {
			float: left;
			width: 50px;
			height: 50px;
			margin: 5px 10px 10px 0;
			font: normal normal bold 1em/2.4em Times New Roman, Times, serif;
			text-align: center;
			background: #3399cc url(images/icone-date.png) no-repeat center top; /* assure un fond bleu si l'image de fond de s'affiche pas */
			}

			.month {
				display: block;
				font-size: 14px;
				color: #333;
				text-transform: uppercase;
				}	
	
			.date {
				display: block;
				font-size: 22px;
				color: white;
				}

		a.titre-billet {
			font: normal normal bold 1em Times New Roman, Times, serif;
			color: #6699ff;
			text-decoration: none;
			}
				
		.entry img {
			margin: 10px 0;
			}
		
		.entry div.podPress_content {
			margin: 20px 0;
			}
		
		.entry p, .entry ul, .entry ol   {
			margin: 0 0 10px 0;
			font: normal normal normal 1.2em/1.4em Verdana, Arial, sans-serif;
			text-align: justify;
			list-style-position: outside;
			}
		
		.entry ul, .entry ol   {
			margin: 0 0 10px 30px;
			}
		
		.entry h1 {
			margin: 0 0 10px 0;
			font: normal normal normal 2.2em/1.4em Arial, Verdana, sans-serif;
			text-align: left;
			}
		
		.entry h2 {
			margin: 0 0 10px 5px;
			font: normal normal normal 2em/1.4em Arial, Verdana, sans-serif;
			text-align: left;
			}
		
		.entry h3 {
			margin: 0 0 10px 10px;
			font: normal normal normal 1.8em/1.4em Arial, Verdana, sans-serif;
			text-align: left;
			}
		
		.entry h4 {
			margin: 0 0 10px 15px;
			font: normal normal normal 1.6em/1.4em Arial, Verdana, sans-serif;
			text-align: left;
			}

		.entry h5 {
			margin: 0 0 10px 20px;
			font: normal normal normal 1.4em/1.4em Arial, Verdana, sans-serif;
			text-align: left;
			}

		.entry h6 {
			margin: 0 0 10px 25px;
			font: normal normal normal 1.2em/1.4em Arial, Verdana, sans-serif;
			text-align: left;
			}
		
		.entry blockquote {
			background: white url(images/blockquote.png) no-repeat left top;
			}
			
			.entry blockquote p {
			margin: 0 0 10px 70px;
			}

		.footer-billet {
			padding: 5px;
			border: 1px solid #eff3fb;
			font: normal normal normal 1.1em/1.6em Arial, Verdana, sans-serif;
			background-color: #f9fafc;
			}

			.footer-billet hr {
				margin: 5px 0;
				border: 1px dashed #eff3fb;
				}
			
			.footer-billet a {
				font: normal normal bold 1em Arial, Verdana, sans-serif;
				color: #6699ff;
				}

			.footer-billet .categorie-link a {
				padding: 0 0 0 18px;
				background:url('images/icone-categorie.png') no-repeat left;
				}				
				
			.footer-billet .tag-link a {
				padding: 0 0 0 18px;
				background:url('images/icone-tag.png') no-repeat left;
				}

			.footer-billet .permalink-link {
				padding: 0 0 0 15px;
				background:url('images/icone-permalien.png') no-repeat left;
				}
				
			.footer-billet .rss-comments-link a {
				padding: 0 0 0 18px;
				background:url('images/icone-rss-14x14.png') no-repeat left;
				}

			.footer-billet .retrolien-link {
				padding: 0 0 0 18px;
				background:url('images/icone-retrolien.png') no-repeat left;
				}
				
			.footer-billet .comments-link {
				display: block;
				height: 30px;
				padding: 0 0 0 40px;
				font: normal normal bold 1.6em Arial, Verdana, sans-serif;
				background:url('images/bulle-lire-comments.png') no-repeat left;
				}
				
.navigation {
	margin: 20px auto;
	height: 40px;
	width: 520px;
	text-align: center;
	background: #f9fafc url(images/navigation.png) no-repeat left top;
	}
	
.navigation a {
			font: normal normal bold 1.7em/2.2em Times New Roman, Times, serif;
			color: #6699ff;
			}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
COMMENTS
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
h1.titre-comments {
	margin: 20px 0 10px 0;
	padding: 0 0 0 40px;
	display: block;
	height: 30px;
	font: normal normal normal 2.2em Arial, Verdana, sans-serif;
	background:url('images/bulle-lire-comments.png') no-repeat left;
	}

	h1.titre-comments a {
		color: #6699ff;
		}
	
ol.liste-comments {
	margin: 0 0 10px 10px;
	}
	
	ol.liste-comments li {
		font: normal normal normal 1.2em/1.6em Verdana, Arial, sans-serif;
		}	

		ol.liste-comments li cite {
			font: normal normal bold 1.2em Arial, Verdana, sans-serif;
			}

			ol.liste-comments li cite a {
				color : #6699ff;
				}			

		ol.liste-comments li div.bulle-comments {
			width: 492px;
			background: #f0faff url(images/bulle-haute.png) no-repeat left top;
			}					

			ol.liste-comments li div.bulle-comments .bulle-haute {
				height: 28px;
				width: 492px;
				background: #f0faff url(images/bulle-haute.png) no-repeat left top;
				}					

			ol.liste-comments li div.bulle-comments p {
				margin: 0 13px;
				}
				
				
			ol.liste-comments li div.bulle-comments .bulle-basse {
				height: 13px;
				width: 492px;
				background: #f0faff url(images/bulle-basse.png) no-repeat left top;
				}						

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
POST COMMENT
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */					
				
form.form-pub-comment {
	margin: 10px 0;
	padding: 10px;
	width: auto;
	background-color:#74c1e8;
	}

	form.form-pub-comment fieldset {
		margin: 0 0 20px 0;
		}
		
		form.form-pub-comment fieldset legend {
		margin: 0 0 10px 0;
		font: bold 2em Verdana, Arial, sans-serif;
		color: white;
		border-bottom: 2px solid white;
		}
	
		form.form-pub-comment fieldset p {
			clear: both;
			font: normal 1.2em Verdana, Arial, sans-serif;
			color: white;
			}
			
			form.form-pub-comment fieldset p label {
				display: block;
				float: left;
				width: 170px;
				border-bottom: 1px solid white;
				font: bold 1.2em Verdana, Arial, sans-serif;
				color: white;
				}
			
			form.form-pub-comment fieldset input {
				width: 200px;
				background-color: white;
				}

			form.form-pub-comment fieldset div.zone-smilies {
				width: 500px;
				height: auto;
				margin: 10px 0 0 0;
				background-color: white;	
				}
			
				form.form-pub-comment fieldset div.zone-smilies p.texte-smilies {
					display: block;
					padding: 5px;
					font-size: 1em;
					color: #333;
					}
					
				form.form-pub-comment fieldset div.zone-smilies div.icones-smilies {
					padding: 5px;
					}
				
			form.form-pub-comment fieldset textarea {
				width: 500px;
				height: 200px;
				margin : 10px 0;
				background-color: white;
				}
			
			form.form-pub-comment fieldset hr {
				visibility: hidden;
				clear: both;
				}

			form.form-pub-comment fieldset code {
				font: normal 1em Arial, Verdana, sans-serif;
				}

				
				
			/* SUBSCRIPTION MANAGER STYLE */
.subscription-manager {
width: auto;
}

div.wrap {
background: transparent;
padding: 5px 10px;
margin: 20px 0;
border: 1px solid #ccc;
}

div.wrap h2 {
margin: .5em 0 1em 0;
border-bottom: 2px solid #589bd2;
}

div.wrap fieldset {
border: 1px solid #555;
margin: 1em 0;
padding: 5px 10px;
}

div.wrap fieldset legend {
font-weight: bold;
font-size: small;
}

div.wrap p.submit {
text-align: right;
}


.updated {
background: #B9D6EF;
border: 1px solid #589bd2;
margin: 1em 5% 10px;
padding: 0 1em;
}

.updated-error {
background-color: #FFA3A3;
border: 1px solid #FF5D5D;
}

div.wrap form {
margin: 0;
padding: 0;
}

div.warp li {
margin-bottom: 6px;
line-height: 130%;
}
/* END SUBSCRIPTION MANAGER STYLE */
	
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
SIDEBAR
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
#sidebar {
	float: right;
	width: 357px;
	background-color: none;
	}

	.bloc-sidebar {	
		margin: 10px 0 0 0;

		background: white url(images/titre-sidebar.png) no-repeat left top;
		}
	
		.bloc-sidebar h1 {
			}

		.bloc-sidebar h2 {
			height: 29px;
			padding: 8px 20px 0 19px;
			font: normal normal bold 1.4em Arial, Verdana, sans-serif;
			color: white;
			}

		.bloc-sidebar h3 {
			padding: 0 20px 10px 19px;
			font: normal normal bold 1.3em Arial, Verdana, sans-serif;
			color: #333;
			}

		.bloc-sidebar h4 {
			color: red;
			}

		.bloc-sidebar h5 {
			color: green;
			}

		.bloc-sidebar h6 {
			color: yellow;
			}

		.bloc-sidebar p, .bloc-sidebar ul, .bloc-sidebar ol   {
			margin: 0 19px 10px 20px;
			font: normal normal normal 1.2em/1.4em Verdana, Arial, sans-serif;
			text-align: left;
			list-style-position: outside;
			}

			.bloc-sidebar ul, .bloc-sidebar ol   {
				margin: 0 19px 10px 30px;
				list-style: none outside;				
				}

				.bloc-sidebar ul li, .bloc-sidebar ol li {
					margin: 0 0 0 -10px;
					}

					.bloc-sidebar ul li a, .bloc-sidebar ol li a {
						padding: 0 0 0 20px;
						font: normal normal normal 1em Verdana, Arial, sans-serif;
						color: #6699ff;
						text-decoration: none;
						background:url('images/bullet-fleche.png') no-repeat left top;
						}
				
		.lire-suite-sidebar {
			display: block;
			clear: both;
			font: normal normal normal 1em Verdana, Arial, sans-serif;
			color: #6699ff;
			text-decoration: none;
			}
		
		.point-encadre {
			padding: 0 3px;
			border: 1px solid #6699ff;
			}

	ul.menu-rss-sidebar {
		list-style: none outside;
		}
		
		ul.menu-rss-sidebar li {
			margin: 0 0 0 -10px;
			}

			ul.menu-rss-sidebar li a {
				padding: 0 0 0 20px;
				font: normal normal normal 1em Verdana, Arial, sans-serif;
				color: #e67f33;
				text-decoration: none;
				background:url('images/icone-rss-14x14.png') no-repeat left;
				}			
				
	form.ins-newsletter {
		clear: both;
		margin: 8px 19px 10px 20px;
		padding-bottom: 20px;
		}

		form input.cellule-ins-newsletter {
			float: left;
			width: 269px;
			height: 20px;
			padding: 2px 0 0 40px;
			font: normal normal normal 12px Arial, Verdana, sans-serif;
			background: transparent url('images/input-newsletter.png') no-repeat left top;
			}
		
		form input.bouton-ins-newsletter {
			float: right;
			margin: 0 0 0 -40px;
			width: 37px;
			height: 20px;
			background: transparent url('images/bouton-valider.png') no-repeat center top;
			overflow: hidden;
			cursor: pointer; /* hand-shaped cursor */
			cursor: hand; /* for IE 5.x */
			}
	
	div.bloc-sidebar p.tagcloud {
		font: normal normal normal 1em/3em Arial, Verdana, sans-serif;
		}
		
		div.bloc-sidebar p.tagcloud a {
			color: #6699ff;
			}
	
	div#zone-rss {
		margin-top: 0;
		padding-top: 10px;
		background: transparent url('images/fond-rss.png') no-repeat right top;
		}

	div#zone-ils-sont-venus div#mybloglog-list {
		padding: 0 0 0 20px;
		}
		
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
#footer {
	clear: both;
	height: 64px;
	width: 960px;
	background: blue url('images/footer.png') no-repeat scroll left top;
	}

	#footer p {
		width: 880px;
		padding: 10px 0;
		margin: 0 auto;
		font: normal normal bold 1.3em/1.6em Arial, Verdana, sans-serif;
		color: white;
		}
		
		#footer a {
			color: #003366;
			}
			
/* -------------------------------------------------------------------------------------------*/
.info-rouge {
	color: red;
	}