/*****************************************************
(c) Xethorn.net
		- Réalisé par Xethorn le 01 décembre 2004
------------------------------------------------------
Toute modification, réutilisation, partielle ou complète
est strictement interdite.
******************************************************/

/*
	Paramètres généraux
------------------------------------*/
body {
	margin:0px;
	padding:0px;
	background:#fff url('images/body.png') repeat-y center;
	font-family:"Trebuchet MS",  "bitstream vera sans", sans-serif;
	font-size:1em;
	text-align:center;
}

#page {
	padding-top:60px;
	background:transparent url('images/page.png') no-repeat top;
}


/*
	Paramètres de la zone header
------------------------------------*/
#header {
	background:transparent url('images/head-automne.png') no-repeat top;
	height:190px;
	width:703px;
	margin-left:auto;
	margin-right:auto;
}
#logo h1 {
	display:none;
}

/* Zone de navigation */
#nav {
	height:183px;
	width:703px;
	text-align:left;
	margin-bottom:5px;
}
#nav ul, #nav li {
	margin:0px;
	padding:0px;
	display:inline;
	border:none;
}
#nav a {
	display:block;
	width:92px;
	height:185px;
	text-decoration:none;
	float:left;
	margin:0px;
	padding:0px;
}
/* Images animées */
#nav .accueil {	background:transparent url(images/nav-automne.png) no-repeat 0px bottom; }
#nav .accueil:hover { background:transparent url(images/nav-automne.png) no-repeat -460px bottom; }
#nav .carnet {background:transparent url(images/nav-automne.png) no-repeat -92px bottom; }
#nav .carnet:hover { background:transparent url(images/nav-automne.png) no-repeat -552px bottom; }
#nav .articles { background:transparent url(images/nav-automne.png) no-repeat -184px bottom; }
#nav .articles:hover { background:transparent url(images/nav-automne.png) no-repeat -644px bottom;}
#nav .portfolio { background:transparent url(images/nav-automne.png) no-repeat -276px bottom; }
#nav .portfolio:hover {	background:transparent url(images/nav-automne.png) no-repeat -736px bottom; }
#nav .cv { background:transparent url(images/nav-automne.png) no-repeat -368px bottom; }
#nav .cv:hover { background:transparent url(images/nav-automne.png) no-repeat -828px bottom;}

#nav span {
	visibility:hidden;
}

/* Liens permettant l'acces au texte ou au menu */
#prelude {
	font-size:0.75em;
	margin-left:auto;
	margin-right:auto;
	width:680px;
	text-align:left;
	float:left;
}
#prelude a {
	color:#333333;
	text-decoration:none;
}
#prelude a:hover {
	color:#FF0000;
	text-decoration:underline;
}

#main {
	text-align:center;
	margin:auto;
	width:700px;
}

/* 
Partie contenue
--------------------------------*/
#content {
	text-align:left;
	float:left;
	width:455px;
	font-size:0.8em;
	padding-left:10px;
}
#content p, #content li {
	font-size:0.9em;
	margin-left:20px;
	margin-right:20px;
	color:#232a3e;
}
#content li li {	
	font-size:1em;
}
#content a, #calendar a {
	color:#003399;
}
#content a:hover, #calendar a:hover {
	color:#CC6633;
}
#content blockquote {
	padding:3px 3px 3px 15px;
	border:1px solid #c3cbde;
	border-top-width:3px;
	background:#f7f9fd;
}
html > body #content pre {
	overflow:auto;
}
#content pre {
	border:1px solid #DDD;
	border-top:3px solid #DDD;
	margin-left:40px;
	margin-right:45px;
	background:#fcfcfc;
   	font-family: "Courier New", monospace; 
	font-size:0.9em;
	overflow:scroll;
	padding:5px;
	width:365px;
}

#content .day-date {
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	color:#AAA;
}

#content blockquote p {
	padding:0px;
	margin:2px;
}

#content .post-info-co {
	margin-bottom:15px;
}
#content code {
	font-size:1.2em;
	color:#669966;
}
#content h2, #content h2 a {
	color:#34426a;
	text-decoration:none;
}
#content h2 {
	padding-left:25px;
	background:transparent url('images/titre.png') no-repeat left center;
}
#content h3, #content h4, #content h5, #content h6 {
	margin-left:20px;
}
#content ul {
	list-style-image:url(images/puce.png);
}
#content h3 {
	font-size:1.1em;
	border-top:1px dotted #34426a;
	color:#A3AED1;
	padding: 2px;
}
#content .footnotes {
	border:1px solid #E7ECF5;
	background-color:#F5F8FA;
	padding:0px 8px 0px 8px;
}
/*
Partie commentaires
--------------------------------*/
#content form blockquote {
	border:1px dotted #AAA;
	background:#F5F5F5;
}
#content  form legend {
	font-weight:bold;
	padding-left:20px;
}
#content form fieldset {
	border:0px;
	margin-bottom:15px;
}
#content form .preview, form .submit {
	width:150px;
}
#content form input, form textarea {
	border:1px dotted #AAA;
	font-size:0.85em;
	width:95%;
	font-family:verdana, "bitstream vera sans", sans-serif;
}


/* 
Partie menu
--------------------------------*/
html > body #sidebar {
	margin-top:-200px;
}
#sidebar {
	float:right;
	font-size:0.7em;
	text-align:left;
	width:172px;
}
#sidebar a img {
	border:0px;
}
#sidebar h2 {
	margin-top:20px;
	color:#888;
	background-color:#FAFAFA;
	text-transform:uppercase;
	font-size:1.1em;
	padding:2px 2px 2px 5px;
}
#sidebar h3 {
	color:#999;
	border-bottom:1px dotted #BBB;
	margin-left:5px;
}
#sidebar ul, #sidebar li {
	display:inline;
	margin:0px;
	padding:0px;
}
#sidebar li a {
	border-bottom:1px dotted #AAA;
	background:transparent url('images/menu.png') no-repeat left;
	display:block;
	color:#888;
	text-decoration:none;
	padding:2px 2px 2px 15px;
	margin-left:10px;
}
#sidebar li a:hover {
	background:#ebebeb url('images/lien.png') no-repeat left;
	color:#444;
	}
#gnu li a:hover {
	background:transparent url('images/lien.png') no-repeat left;
}
#sidebar input {
	border:1px solid #EEE;
	color:#AAA;
	display:inline;
	width:120px;
	font-family:verdana,sans-serif;
	font-size:0.9em;
	padding:3px;
}

#sidebar input:hover, #sidebar input:focus {
	color:#555;
	border:1px solid #AAA;
}

#sidebar form p {
	padding-left:5px;
}

#sidebar .submit {
	width:20px;
	padding:1px;
	background:#EEE;
	border:1px solid #AAA;
}

/* Calendrier */
#calendar {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:92%;
	height:160px;
}
#calendar h2 {
	display:none;
}
html > body #calendar {
	margin-top:10px;
	margin-bottom:25px;
	opacity:0.4;
}
html > body #calendar:hover {
	opacity:0.7;
}
html > body #calendar td {
	font-size:0.9em;
	padding:1px;
	width:14%;
}
html > body #calendar th {
	font-size:0.8em;
}

html > body #calendar caption {
	margin-top:8px;
	font-size:1.2em;
	border:1px solid #D6D6D6;
	background-color:#FFF;
}
#calendar caption {
	color:#111;
	padding:1px;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
}
#calendar th {
	font-size:0.55em;
}
#calendar td {
	border:1px solid #D6D6D6;
	background-color:#FFF;
	color:#999999;
	text-align:center;
	padding:3px;
	font-size:0.7em;
	font-family:verdana,"trebuchet MS", sans-serif;
}
#calendar table tr td a {
	display:block;
	margin:1px;
	text-decoration:none;
	color:#333333;
}
#calendar table tr td a:hover {
	background:#52638a;
	color:#fff;
}
/*
Partie Footer
--------------------------------*/
#footer {
	margin:auto;
	width:700px;
	text-align:left;
	padding:10px;
	clear:both;
	font-size:0.80em;
}
#footer p {
	margin:0px;
	padding-left:15px;
	padding-top:5px;
}
#footer a {
	color:#666666;
	text-decoration:none;
}
#footer a:hover {
	color:#003399;
	text-decoration:overline;
}
/*
*/
#block1 {
	background:transparent url('images/footer.png') no-repeat center;
	height:31px;
}