/*
Theme Name: François Barret / fb-graphic.com / barrawel.com
Theme URI: http://www.francoisbarret.com/
Description: Thème développé par <a href="http://www.fb-graphic.com">fb-graphic.com</a> / <a href="http://www.barrawel.com">barrawel.com</a>, adapté de <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: François Barret
Author URI: http://www.francoisbarret.com/
Tags: left column, two columns, left sidebar,

fb v1.0
http://www.fb-graphic.com/

This theme was designed and built by François Barret,
whose blog you will find at http://blog.francoisbarret.com/

CSS and XHTML are released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Web-design and all included creations are under copyright.
*/



/* === GENERAL === */


html, body {
	height: 100%; /* Oui, c'est debile, mais cela permet a IE6 de realiser un bloc positionne affichant height 100% (#page)
	voir http://www.alsacreations.com/actu/lire/92-vous-avez-dit-height100.html */
}
body {
	margin: 0px;
	padding: 0px;
	font: 13px Georgia, Helvetica, Arial, sans-serif;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 140%;
	color: #333;
	background-color: #f9f8f7;
}

	/* zone de lien(s) prive(s) */
	#prive { position: fixed; top: 5px; left: 5px; z-index: 101; }
	#prive a { display: block; width: 12px; height: 12px; cursor: default; }
	#prive span { display: none; }
	#prive a:hover { background: #F60; }
	/* / zone de lien(s) prive(s) */

/* invisibles */
hr, #tete h1 span, #tete h4 { display: none; }


h1, h2, h3, h4 {
	padding: 0px 0px 5px;
	margin: 0px 0px 15px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #888;
}
h1 { font-size: 21px; }
h2 { font-size: 18px; }
h3 { font-size: 115%; }
h4 { font-size: 13px; }

img { border: none; }
ul, li {
	display: block;
	list-style: none outside;
	margin: 0px;
	padding: 0px;
}

	/* liens */
	a:link, a:visited {
		outline: none;
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}
	a:hover {
		color: #C00;
	}

	/* formulaires */
	form { width: 550px; }
	input, textarea {
		border: 1px solid #BBB;
		padding: 3px;
		background: #FAFAFA;
		font: 85% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	textarea { width: 480px; }



/* === / GENERAL === */
/* === MENUS  (#tete, .menu, #sidebar) === */


#menus { 
	/*
	background: url(images/fond-tete.png) right top no-repeat;
	display: none;
	*/
	background: url(images/deco-pieuvre.gif) 80% top no-repeat;
	position: relative;
	top: 0px;
	left: 6px;
	width: 30%;
	min-width: 280px;
	height: auto;
	padding: 0px 0px 80px 0px;
	margin: 0px; /* 7px = largeur de l'ombre gauche de epaisseurs.jpg */

	direction: rtl;
	text-align: right;
	z-index: 10;
}
#menus .contenu { /* fait office d'objet bloquant pour pallier l'incapacite d'IE6 a utiliser min-width (#menus) */
	position: relative;
	top: 0px;
	left: 0px;
	width: 260px;
	height: auto;
	padding: 0px;
	margin: 0px;

	direction: ltr;
	text-align: right;
}

/* tete */
#tete {
	display: block;
	position: relative;
	margin: 0px 0px 25px;
	padding: 40px 0px 0px;
	height: 57px;
	z-index: 60;
}
#tete h1 { margin: 0px; padding: 0px; }
#tete h1 a {
	display: block;
	position: relative;
	margin: 0px 0px 0px auto;
	height: 57px !important;
	width: 248px;
	background: url(images/logo.png) no-repeat right top;
}

/* menu (principal) */
.menu {
	position: relative;
	top: 0px;
	padding-bottom: 18px;
	margin: 0px 0px 0px auto;
	border-bottom: 1px dotted #666;
	width: 232px;
}
.menu ul, menu li {
	display: block;
	list-style: url(none) none outside;
	margin: 0px; padding: 0px;
	font: 10px Georgia, "Times New Roman", Times, serif;
	text-align: right;
	letter-spacing: 0.1em;
}
.menu li { height: 20px; padding: 0px 0px 7px 0px; }
.menu a:link, .menu a:visited {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 3px 14px 3px 10px;
}
.menu li a span { padding: 3px; }
.menu li a.on span, .menu li a:hover span { background: #AAA; color: #fff; padding: 2px 5px; font-weight: bold; margin-right: -2px; }
.menu li a.on span { margin-right: -13px; padding-right: 17px; }
.menu li a:hover span { background: #000; }


/* sidebar */
#sidebar {
	position: relative;
	margin: 0px 0px 0px auto;
	padding: 0px 20px 10px 0px;
	right: 0px;
	width: 240px;
	text-align: right;
	overflow: hidden;
	/* z-index: 60; */
}
#sidebar h2 {
	display: none;
	font-size: 80%;
	color: #666;
	margin: 0px; padding: 0px; line-height: 1px;
}
#sidebar ul, #sidebar li { margin: 0px; padding: 0px !important; font-size: 0px; line-height: 0px; }
#sidebar li { margin: 0px !important; font-size: 11px; display: block; }
#sidebar ul ul { margin: 0px 0px 15px; }
#sidebar li a:link, #sidebar li a:visited { font: 80% "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; line-height: 14px; }
#sidebar li a:hover { font-weight: bold; font-size: 83%; color: #000; }


	/* rub. Recherche */
	/* ".searchform" -> le style de cette classe sera actif sur la page résultat de recherche */
	.searchform {
		position: relative;
		width: 190px;
		height: 18px;
		background: #CFCFCF url(images/go.gif) 174px center no-repeat;
		border: 1px #999 solid;
		border: none;
		line-height: 1px;
		margin: 15px 0px 15px auto;
	}
	.searchform:hover { background: #000 url(images/go-over.gif) 174px center no-repeat !important; }
	.searchform input.text-input {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 162px;
		height: 14px;
		border: 1px solid #CFCFCF;
		padding: 1px 2px;
		background: #fff;

		font-size: 83%;
		line-height: normal;
		color: #777;
	}
	#searchsubmit {
		position: absolute;
		right: 1px;
		top: 0px;
		background: none;
		margin: 1px 0px 0px;
		padding: 0px;
		height: 16px;
		width: 21px;
		border: none;
		cursor: pointer;
		outline: none;
	}

	/* rub. Pages */
	#sidebar .widget_pages { text-transform: lowercase; padding: 0px !important; margin: 10px 0px 0px !important; }

	/* rub. Archives */
	#sidebar .widget_archive {
		float: right;
		height: 130px;
		width: 93px;
		position: relative;
		margin: 0px 0px 15px 10px !important;
		padding: 0px 0px 0px 6px !important;
		border-left: 1px solid #666;
	}
	#sidebar .widget_archive h2  {
		display: inline;
		text-align: right;
		padding: 0px 0px 1px;
		line-height: normal;
		border-bottom: 1px solid #aaa;
		font-weight: normal;
	}
	#sidebar .widget_archive ul  { margin-top: 5px; }

	/* rub. Liens externes */
	#sidebar .widget_links { overflow: hidden; float: none; }
	#sidebar .widget_links a:link, #sidebar .widget_links a:visited {
		font-size: 9px !important;
		color: #999;
		letter-spacing: 0.07em;
	}
	#sidebar .widget_links a:hover { color: #81ADB3; font-size: 9px !important; }
/* / sidebar */



/* === / MENUS (#tete, .menu, #sidebar) === */
/* === CORPS === */


#corps {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	min-width: 930px;
	padding: 0px;
	margin-left: 0px;
	/* z-index: 50; */

	margin: 0px;
}
#corps .conteneurA {
	position: absolute;
	background: #fff url(images/epaisseurs.jpg) repeat-y left top;
	top: 0px;
	left: 30%;
	right: 0px;
	bottom: 0px;	
	height: auto;
	min-height: 590px; /* Peut etre adapte selon la longueur du contenu de la zone gauche (menus + sidebar + pied) */
	padding: 0px;
	margin: 0px 0px 0px -6px;
	/* z-index: 0;
	width: 564px; */
}
#corps .conteneurB {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	padding: 58px 0px 50px 70px;
	margin: 0px;
	background: #fff url(images/epaisseurs.jpg) repeat-y left top;
}
#corps .conteneurC {
	width: 530px;
}


#corps h2, #corps h2 a:link, #corps h2 a:visited {
	/*
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.06em;
	*/
	padding: 0px;
	font: bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #888;
}
#corps h2 a:link, #corps h2 a:visited { border-bottom: 1px solid; padding: 0px 0px 3px; }
#corps h2 a:hover { color: #92B3BB; }

#corps, #corps p a {
	line-height: 1.65em;
	line-height: 165%;
}
#corps a:link, #corps a:visited { color: #537796; }
#corps a:hover {
	color: #32485B;
	text-decoration: underline;
}
#corps a.off { visibility: hidden; }

#corps .commentaires {
	position: relative;
	width: auto;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding: 20px 16px 8px;
	margin-top: 20px;
	background-color: #f9f9f9;
}
#corps .commentaires ol, #corps .commentaires ul {
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
#corps .commentaires .commentlist { border-bottom: 1px solid #999; margin-bottom: 15px; }
#corps .commentaires form { width: auto; }
#corps .commentaires input { width: 175px; background-color: #fff; }
#corps .commentaires textarea {
	position: relative;
	left: 0px;
	right: 0px;
	height: 200px;
	width: 490px;
	background-color: #fff;
}



/* === / CORPS === */
/* === PIED === */


#pied {
	position: relative;
	background: none;
	top: -85px; /* top margin-bottom negatifs pour IE7 ! Sinon mauvais affichage de la deco de fond en bas */
	left: 0px;
	margin: 0px 0px -75px 6px;
	padding: 0px;
	width: 30%;
	min-width: 280px;
	z-index: 60;

	text-align: right;
	font: normal 9px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.05em;
	color: #930;
}
#pied .contenu {
	position: relative;
	border-top: 1px dotted #666;
	width: 202px;
	margin: 0px 0px 0px auto;
	padding: 0px 9px 5px 8px;
}
#pied p {
	margin: 0px;
	padding: 12px 11px 12px 8px;
}
#pied p:hover { background: #F6F6F6; background: #eee; }
#pied a:link, #pied a:visited { color:#666; font-weight: normal; }
#pied a:hover { color:#930; }


/* === / PIED === */



/* ==== PAGES PARTICULIERES ==== */

/* === page RESULTAT DE RECHERCHE === */

	/* voir sidebar pour style du formulaire */

/* === / page RESULTAT DE RECHERCHE === */