/*  
Theme Name: Saucisse Theme
Theme URI: http://www.saucisse-team.com/
Description: WordPress theme for <a href="http://www.saucisse-team.com/">Sucisse-team's website</a>.
Version: 2.6
Author: Paul
Author URI: http://www.saucisse-team.com/
*/

/*
	1) GLOBAL
	2) BLOCS DE STRUCTURE
	3) TITRE
	4) RECHERCHE
	5) MENU
	6) BILLETS
	7) FORMULAIRE COMMENTAIRE
	8) FOOTER

*/



/* ---  1) GLOBAL --- */

body {
	margin: 0;
	padding: 0;
	background: #fff url(images/fd.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333;
}
h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, input, small { /* mise à 0 des paramètres par défaut */
	margin: 0;
	padding: 0;
}

h1 { /* titre blog */
	font-size: 2em;
}
h1 a { /* titre blog */
	color: #fff;
	text-decoration: none;
}
h1 a:hover { /* lien sur le titre blog */
	text-decoration: underline;
}
h2 { /* titre billet */
	font-size: 1.8em;
	padding-top: 10px;
}
h2 a { /* titre billet */
	color: #000;
	text-decoration: none;
}
h3 { /* titre menu */
	font-size: 1.2em;
}
h4 { /* titre "nombre de reponses au billet" et "faire un commentaire" */
	/*font-size: 0.9em;*/
}
p {
	margin-bottom: 1em;
	line-height: 1.5em;
}
ul, ol {
	margin: 1em 0 1em 3em;
}
ul {
	list-style-image: url(images/puceRouge.gif);
}
ol {
	list-style-type: decimal;
}
small { /* libellés du formulaire */
	font-size: 0.8em;
}
a { /* lien par défaut */
	color: #027ab6;
	/*text-decoration: none;*/
}
a img { /* pour toutes les images */
	border: 1px solid #000;
	margin: 5px;
}
a img:hover { /* hover image : uniquement sur FF et IE7 */
	border: 1px solid #d64202;
}
blockquote { /* réponse au billet */
	margin: 1em;
	padding: 1em;
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #8eb521;
	background: #f7ffe1;
	font-style: italic;
}





/* ---  2) BLOCS DE STRUCTURE --- */

.height20 {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 20px;
}
#conteneur {
	margin: 0 auto;
	width: 900px;
	background: #fff;
}
#header {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	height: 251px;
	background: url(images/header.jpg);
}
#page1 { /* tweak pour avoir "gauche" et "droite" de la même longueur */
	margin: 0;
	padding: 0;
	background: #fff;
}
#page2 { /* tweak pour avoir "gauche" et "droite" de la même longueur */
	margin: 0;
	padding: 0;
}
#gauche { /* bloc du menu */
	margin: 0;
	padding: 0;
	float: left;
	width: 650px;
	background: #fff;
}
#droite { /* bloc du contenu */
	margin: 0 0 0 670px;
	padding: 0;
	width: 220px; /* 530 au lieu de 540 pour ie6 */
	background: #fff;
}
.padding10 {
	margin: 0;
	padding: 0 10px;
}
.padding20 {
	margin: 0;
	padding: 0 20px;
}
.navigation { /* bloc de navigation suivant/précédent */
	display: block;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 50px;
}
.navigation a { /* lien de la navigation */
	color: red;
}
.aligndroite { /* pour la navigation page suivante */
	float: right;
}
.aligngauche { /* pour la navigation page précédente */
	float: left
}
#footer {
	margin: 0;
	padding: 0;
	height: 50px;
	background: #000;
	color: #fff;
}
#etatcomrep { /* bloc d'état des réponses/commentaires */
	font-size: 0.8em;
	color: #b7b29c;
	margin-bottom: 20px;
}
.billet, .separateur { /* separateur de fin de billet ou de fin de rubrique */
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #b7b29c;
}
.infocategorie, .infoarchive, .inforecherche { /* info sur la rubrique/archive/recherche active */
	margin: 0 0 2em 0;
	padding: 1em;
	border-width: 1px;
	border-style: solid;
	font-size: 1.4em;
	text-align: center;
	border-color: #8eb521;
	color: #8eb521;
	background: #f7ffe1;
}

/*
.infocategorie {  info sur la rubrique consultée 
	border-color: #8eb521;
	color: #8eb521;
	background: #f7ffe1;
}
.infoarchive { info sur les archives consultées
	border-color: #d64202;
	color: #d64202;
	background: #fff5f1;
}
.inforecherche { info sur la recherche effectuée
	border-color: #b7b29c;
	color: #b7b29c;
	background: #f6f5ee;
}
*/
.cleaner { /* annule les float de "droite" et "gauche" pour le footer */
	margin: 0;
	padding: 0;
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	background: transparent;
}





/* ---  3) TITRE --- */

#titreblog {
	position: absolute;
	top: 150px;
	padding-left: 55px;
}
#titreblog p {
	text-align: center;
}





/* ---  4) RECHERCHE --- */
/* ---  les valeurs par défaut ne peuvent pas être changées --- */

#searchform { /* formulaire */
	padding-top: 25px;
	padding-left: 20px;
}
#s { /* champ de recherche */
	padding: 2px;
	width: 80px;
	border: 1px solid #b7b29c;
	background: #f6f5ee;
}
#searchsubmit { /* bouton */
	margin: 0;
	padding: 0;
	border: none;
	background:#027ab6;
	color: #fff;
}





/* ---  5) MENU --- */

#rubriques, #liens, #archives, #metas  {
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
}
#rubriques h3, #liens h3, #archives h3, #metas h3 {
	color: #8eb521;
}
#rubriques ul, #liens ul, #archives ul, #metas ul {
	margin-left: 0;
	list-style: none;
	list-style-image: none; 
}
#rubriques li, #liens li, #archives li, #metas li {
	border-bottom: 1px solid #b7b29c;
}
#rubriques a, #liens a, #archives a, #metas a {
	display: block;
	color: #6e6852;
	text-decoration: none;
	padding: 4px 0 4px 10px;;
	background: #fafafa;
}
#rubriques a:hover, #liens a:hover, #archives a:hover, #metas a:hover {
	color: #fff;
	/*padding-left: 2px;*/
	background: #B7B29C;
}





/* ---  6) BILLETS --- */

.infosbillet {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 0.8em;
	color: #B7B29C;
}
.infosbillet p {
	margin: 0;
	padding: 0;
}
.infosbillet a {
	color: #B7B29C;
	/*text-decoration: underline;*/
}
.addthis_toolbox {
	margin-top: 10px;
}




/* ---  7) FORMULAIRE COMMENTAIRE --- */

#formcommentaire input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#formcommentaire textarea {
	width: 480px;
	padding: 2px;
}
#formcommentaire input, #formcommentaire textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}





/* ---  8) FOOTER --- */

.afooter {
	color: red;
}
#copyright {
	position: absolute;
	margin: 0;
	padding: 15px;
}
#flux { /* blocs qui affichent les flux RSS uniquement sur la home */
	position: absolute;
	margin-left: 800px;
	padding: 9px;
}
#flux a img { /* pour annuler l'effet de lien */
	margin: 0;
	padding: 0;
	border: none;
}