/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Author:
 *  Maurice Svay  http://www.svay.com/web/dotclear/
 */
 
/* A propos de ce theme
 * Tests effectues:
 * - IE de 5.01 a 6 Windows
 * - Firefox 0.9x Windows
 * - Opera 7.51 Windows
 * - Safari 1.2.2 MacOS X (10.3)
 * - Konqueror Linux
 * - Opera Linux
 */
 
/* Global style
********************************************/
html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #EEE;
	color: #000;
	font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 0.8em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", sans-serif;
}

h2 {font-size: 1.4em; margin: 1em 0;}
h2 a {color: black;}
h2 a:visited {color: black;}
h3 {font-size: 1.2em; margin: 0.8em 0;}
h4 {font-size: 1em; font-weight: normal}

a:link {color:#000; background:transparent;}
a:visited {color:#0033CC; background:transparent;}
a:hover {color:#000; background:transparent;}
/*a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;} */
a img {border: none;}

.left {
	float: left;
	margin: 0 1em 1em 1em;
}

.right {
	float: right;
	margin: 0 1em 1em 1em;
}

/* Styles perso
********************************************/
.clear_float {
	clear: both
}

.text_center {
	text-align: center;
}

.text_justify {
	text-align: justify;
}

.photos_thumb {
	text-align: center;
	text-decoration: none;
}

.photos_thumb a {
	text-decoration: none;
}

.zoomplus {
	padding-top: 3px;
	margin-right: 5px;
}

/*----------*
 | Sponsors |
 *----------*/
.bloc_sponsors {
	clear: both;
	text-align: center;
	border: solid 1px #005400;
	margin-top: 30px;
}

#texte_sponsor_top {
	text-align: center;
	font-weight: bold;
	color: #005400;
	border-bottom: solid 1px;
	margin-bottom: 15px;
	margin-top: 0px;
}

#texte_sponsor_bottom {
	text-align: center;
	font-weight: bold;
	color: #005400;
	border-top: solid 1px;
	margin-top: 15px;
	margin-bottom: 0px;
	clear: both;
}

#tab_sponsors {
	width: 100%;
	margin-top: 15px;
}

#tab_sponsors td {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 33%;
}

/* Styles pour l'affichage standard sur écran */
@media screen
{
	/* Global style
	********************************************/
	abbr, acronym {
		border: none;
		background: transparent url(img/dotted.png) repeat-x bottom;
		cursor : help;
	}

	code, pre, kbd {
		font-family:"Courier New", Courier, monospace; font-size : 1em;
	}

	pre {
		overflow: scroll;
		width: 100%;
	}
	html>body pre {
		overflow: auto;
		width: auto;
	}

	fieldset {
		border: none;
		margin-bottom: 10px;
	}

	.field label {
		display: block;
		cursor: pointer;
	}


	input, textarea {
		border: 1px solid #999;
		background: #FCFCFC;
		margin: 1px 0 1px 1px;
		/* -moz-border-radius connu pour ne pas etre valide */
		-moz-border-radius: 4px;
	}

	.input_checkbox {
		/* hack IE pour éviter bordure autour case à cocher */
		border-width: 0;
		margin-right: 3px;
	}

	textarea {
		width: 96%;
	}

	/* Header
	********************************************/
	#top {
		background: #EEE url(img/bandeau.jpg) no-repeat;
	}

	#top h1 {
		margin: 0;
		font-size: 1.2em;
		text-align: center;
	}

	#top h1 a {
		text-decoration: none;
		color: #F2D12C;
		background: transparent;
	}

	#prelude {
		color: #DDD5F5;
		background: transparent;
		text-align: right;
		margin: 0;
	}

	#prelude a {
		color: #DDD5F5;
		background: transparent;
		text-decoration: none;
	}

	#prelude a:hover {
		color: #000000;
		background: transparent;
	}

	/* Post
	********************************************/
	#content {
		color: #222;
		background: transparent;
	}

	.post {
		margin-top: 20px;
	}

	.post-title {
		padding-left: 20px;
		background: #FFF url(img/sstar.png) no-repeat left;
		background-position: 0 0.1em;
		color: #000;
		margin-bottom: 0;
	}

	.post-title a {
		color: #000;
		background: transparent;
		text-decoration: none;
	}

	.post-info {
		padding-left: 20px;
		margin-top: 0;
		color: #666;
		background: transparent;
	}

	.post-info a {
		color: #666;
		background: transparent;
	}

	.post-content p {
		text-align: justify;
	}

	.post-content ul {
		list-style-image: url(img/puce.png);
	}

	.post blockquote {
		font-style : italic;
		border-left : 5px solid #999;
		padding-left : 1em;
	}

	.post blockquote p {
		width: auto;
	}

	.post-info-co {
		clear: both;
		text-align: center;
		font-size: 0.9em;
		font-weight: bold;
		border: 1px solid #E0E0E0;
		background: #FFF url(img/postinfo.png) repeat-x;
		color: inherit;
		height: 12px;

		margin-top: 0.5em;
		margin-bottom: 3em;
		padding: 0.5ex;
		/* -moz-border-radius connu pour ne pas etre valide */
		-moz-border-radius: 5px;
	}

	.post-info-co a {
		color: #222;
		background: transparent;
		text-decoration: none;
	}

	.post-info-co a:before {
		content: url(img/bulle.png);
		margin-right: 1ex;
	}

	/* Sidebar
	********************************************/
	#sidebar {
		background: #FFF url(img/bg_menu.jpg) no-repeat;
		margin-top: 15px;
		color: #000000;
	}

	#sidebar div {
		/* aurait du etre #sidebar > div */
		margin: 0px 10px 1em 10px;
		padding-top: 7px;
	}

	#sidebar h2 {
		margin: 0 0 1ex 0;
		font-size: 1.4em;
		text-align: center;
	}

	#sidebar ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#sidebar a {
		text-decoration: none;
	}

	#sidebar li a {
		display: block;
		color: #005400;
		background: transparent;
		font-weight: bold;
	}

	#sidebar li a:hover {
		color: #0033CC;
		background: transparent url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
	}

	#sidebar ul li:first-child {
		/* :fisrt-child selector ne fonctionne pas dans IE */
		border-top: 1px solid #CCC;
		padding: 0.5ex 0;
	}

	#sidebar ul li {
		border-bottom: 1px solid #CCC;
		padding: 0.5ex 0;
	}

	#search p {
		text-align: center;
		margin: 0;
		padding-bottom: 20px;
	}

	#search input {
		width: 15%;
	}

	#search input#q {
		width: 70%;
	}

	/* Footer
	********************************************/
	#footer {
		clear: both;
		margin: 0;
		margin-left: 220px;
		padding: 2em 0 1em 0;
		background: #FFF url(img/footer.png) no-repeat center bottom;
		text-align: center;
		color: #999;
	}

	#footer a {
		text-decoration: none;
		color: #999;
		background: transparent;
	}

	 /* Layout
	********************************************/
	body {
		text-align: center;
	}

	#page {
		position: relative;
		width: 1000px;
		margin: 0 auto;
		background: #FFF;
		color: inherit;
		text-align: left;
	}

	#top {
		position: relative;
		height: 150px;
	}

	#top h1 {
		position: absolute;
		top: 128px;
		width: 100%;
	}

	#prelude {
		position: absolute;
		top: 0;
		right: 0;
	}

	#main {
		width: 780px;
		float: right;
	}

	#content {
		margin: 0 20px 0 10px;
	}

	#sidebar {
		width: 200px;
		margin-left: 15px;
	}
}

/* Styles pour l'impression */
@media print
{
	.post-content p {
		/* Bug de IE gérer text-align: justify et bloc flottant
		en apercu avant impression donc text-align: left */
		text-align: left;
	}

	#footer {
		text-align: center;
	}

	#page {
		width: 100%;
	}

	#prelude {
		display: none;
	}

	#top {
		display: none;
	}

	#main {
		width: 100%;
	}

	#sidebar {
		display: none;
	}
}
