/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Samuel Latchman 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 *****
 */

* { font-family : "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; } 

body {
       margin: 0;
       padding: 0;
       background: url(images/arriere-plan-72p100-bleu1-bleu2.png) repeat-y 72% 0%;
       /* "faux colomn": colonnes de meme hauteur 
       www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts */
}

img { border : none; }
form { display : block; margin : 0; padding : 0; }
code,pre { font-family : "Courier New",monospace; font-size : 1em; }
q { font-style : italic; }

a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #666;
	background : transparent;
}

.hidden { visibility: hidden; }
.clear { clear: both; }
.clearer {clear: both; line-height: 0; height: 0;}


/* Prelude
-------------------------------------------------------- */
#prelude {
	font-size: xx-small;
	color: blue;
	background-color: white;
	padding: 0;
	border: 0;
	margin: 0;
	text-align: right;
}
#prelude a {
	color: blue;
}
#prelude a:hover, #prelude a:focus {
}

/* Top
-------------------------------------------------------- */

#top {
	background: url(images/vague-gauche-vide-x.png) 0 0 repeat-x;
}

/* BUG IE: min-height hack 
   http://www.greywyvern.com/code/min-height-hack.html
*/
.min-height-hack-prop {
	float:right;
	width:1px;
}

.min-height-hack-clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

.min-height-hack-103px {
	height: 102px; 
	/* 103 = 102 + 1px du div.min-height-hack-clear */
}

#logoAdullact {
	float: left;
	height: 75px;
	width: 238px;
}

#extraVague1 {
	float: right;
	background: url(images/vague-droite.png) no-repeat;
	height: 103px;
	width: 155px;
	padding: 0;
	margin: 0;
	border: 0;

}

#top h1 {
	text-align: center;
	margin: 0 0 0 0.5em;
	padding-top: 0.2em;
	position: relative;
       	/* BUG IE: position relative necessaire sinon le titre disparait sous IE win 
	voir http://www.evolt.org/article/comment/17/23899/
	*/
}

#top h1 a {
	color: white;
        background-color: #0c449e;
}

/* Main
-------------------------------------------------------- */

#main {
	float: left;
	width: 70%;
	padding: 0 1%;
	/*border-right: 1px solid #0c449e;
	border-top: 1px solid #fffff0;
	background: #fffff0;*/
}

#main h3 {
	color : white;
	background-color: rgb(39, 165, 223);
	margin-top : 1.5em;
	font-style: italic;
	padding-left: 0.3em;
}

#main h4 {
	font-style: italic;
	padding-left: 0.3em;
}


/* Sidebar
-------------------------------------------------------- */
#sidebar {
	margin: 0 0 0 72%; /* 72% = #main width + #main padding-left + #main padding-right */
	padding: 0 1%;
	/*background-color: #eff8fa;
	border-top: 1px solid #eff8fa;*/
	
}
#sidebar h2 {
	color: #0c449e;
	background-color:transparent;
	font-weight: 900;	
}
#sidebar ul {
	padding-left : 0;
	margin : 0;
	list-style : none;
}

#sidebar li {
	display : block;
	color : #e2d6ad;
	background : transparent url(images/fleche.png) no-repeat 0 0.5em;
	padding-left: 15px;
}

#sidebar a {
	text-decoration : none;
}


/* Calendar */
#calendar {
}
#calendar h2 {
	display : none;
}
#calendar table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
}

#calendar caption {
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	margin : 0 auto;
}
#calendar abbr {
	border : none;
	font-style : normal;
}

#calendar th, #calendar td {
	border : none;
	padding : 1px;
}
#calendar td {
	text-align : center;
}

#calendar td.active {
	border : 1px solid #0373A1;
}
#calendar td.active a {
	font-weight : bold;
}

#calendar a {
	font-weight : bold;
}

/* Search form */
#search {
	margin-left: 10px;
}
#q {
}

/* Categories box */
#categories {
	margin-left: 10px;
}

/* Archives box */
#archives {
	margin-left: 10px;
}

/* Links box */ 
#links {
	margin-left: 10px;
}

/* Syndication box */
#syndicate {
	margin-left: 10px;
}


/* Footer
-------------------------------------------------------- */
#footer {
	clear: both;
	margin: 2em 0 0;
	padding: 3px 1em 1em;
	color: #fff;
	font-size: 0.8em;
	text-align: right;
	line-height: 100%;
	position : relative;
}
#footer a {
	color : #666;
}


/* Post
-------------------------------------------------------- */
.day-date {
	margin-top : 2em;
	padding-bottom : 4px;
	font-size : 1.2em;
	font-weight : bold;
	text-align : right;
	color : #4A4A4A;
	background : transparent url(images/line-1.png) repeat-x bottom left;
}

.post {
	margin-bottom : 2.5em;
}
.post-title {
	margin : 0.8em 0 0 0;
	color : rgb(12, 68, 158);
	background: transparent url(images/titre-article-coin-gauche-fond.png) repeat-x 0 0;
	padding-left : 12px;
	border-bottom: solid 1px #39c;
}
.post-title a {
	display: block;
	color : rgb(12, 68, 158);
	background: transparent url(images/titre-article-coin-droit.png) no-repeat top right;
	text-decoration : none;
}
.post-info {
	font-size : 0.85em;
	clear : both;
	color : #ff6f0f;
	font-weight: bold;
	margin : 0;
	text-align: right;
}
.post-info-categorie {
	font-weight: normal;
}
.post-chapo {
	margin-bottom : 2em;
}
.post-content {
}
.post-info-co {
	font-size : 0.85em;
	clear : both;
	color : #666;
	background : transparent url(images/ico_comments.png) no-repeat 0 40%;
	padding-left : 13px;
}

.post-info-co span {
	background : transparent url(images/ico_tb.png) no-repeat 100% 40%;
	padding : 0 15px 0 0;
}

#trackbacks {
}
#comments {
}
#comment-preview {
}

#trackbacks, #comments, #comment-preview {
	margin : 0 ;
}

#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 1em 0;
	padding : 1px 1em;
	font-style : normal;
	color : #666;
	background : transparent url(images/line-1.png) repeat-x 0 0;
}

.comment-info {
	margin : 0;
	padding : 0.3em 0 0.3em 18px;
}
#trackbacks .comment-info {
	background-image : url(images/ico_tb.png);
	background-position : 4px 60%;
	background-repeat : no-repeat;
}
#comments .comment-info {
	background-image : url(images/ico_comments.png);
	background-position : 4px 60%;
	background-repeat : no-repeat;
}
.comment-number {
	font-size : 1.8em;
}
.comment-number a {
	text-decoration : none;
}

/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}

/*
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #f1f0ed;
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
}

textarea {
	width : 95%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/* ---------------------------------------- */
/* Pied de Page */

#pieddepage {
	clear: both;
	font-size: small;
	text-align: center;
	padding-top: 1em;
	background: white;
	border-top: solid 1px #08459E;
	padding-bottom: 1em;
}

#pieddepage hr {
	height: 1px;
	margin: 0;
	/* color: #08459E; */
	visibility: hidden;
}