/* @override http://atelier-c-creation.fr/blog/themes/botanic/style.css */


 
body {
	margin : 0;
	padding : 0 0 0 18px;
	font-family : "lucida grande",lucida,Verdana,Helvetica,"Bistream Vera Sans",sans-serif;
	font-size : 0.76em;
	background : gray;
	color : #3F3F3F;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}


/* Personnalisation des couleurs de fond ++++++++++++++++++++++++++++++++++++ */

/*Fond de fen?tre
	#body {
		background-color:#fff;
	}*/

/*Elements communs
------------------------------------------------------------------------------------------- */

h1 { font-size : 1.8em; line-height: 20px; margin : 0.67em 0;
}
h2 { font-size : 1.33em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }

h2 {
	font-family : Georgia,"Times New Roman","New York",serif;
	font-weight: bold;
}

p { margin : 1em 0; }
img { border : none; }
form { 
	display : block;
	margin: 0;
	padding: 0;
}

code,pre { 
	font-family : "Courier New",monospace; 
	font-size : 1.1em; 
	background:#FBF6DA;
}

pre {
	margin : 0 auto;
	margin-bottom : 1em;
	padding : 0.5em;
	/*text-align:left;*/
	white-space:normal;
	/* cach? pour IE 5 Mac qui sait pas faire \*/
	white-space:pre;
	width: 90%;
	overflow : auto;
}
	/* Fin hack */

q { font-style : italic; }


/* Personnalisation des liens +++++++++++++++++++++++++++++++++++++++++++++
Changer la couleur des liens "au repos" -> a { }
Changer la couleur des liens survoles, sur focus et actives -> a:hover, a:focus, a:active { }
		et la couleur qui vient surligner ces liens (background)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a {
	color: #6B4DE0;
        /*color : #CC6633;*/
	text-decoration:none;
}

a:hover, a:focus, a:active {
	color: #FF3300;
	background: none;
}

/*a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #3f3f3f;
	font-size:0.86em;
	background : transparent;
}*/

table {
	font-size : 1em;
}
cite:before {content: open-quote;}
cite:after {content: close-quote;}

/* page > top + prelude + main
============================================= */
 #page {
	width: 790px;
	margin-top:24px;
	padding: 0;
    /*background: transparent url(img/fond.png) repeat-y top left;*/
    background-color : #87A5E1;
	position:relative;
	left: 50%;
	margin-left: -400px;
}
/* Wrapper
-------------------------------------------------------- */
#wrapper {
	width: 790px;
	padding: 0;
	margin: 0;
}

#top { 
    height: 306px;
   	background: #87A5E1;
	padding: 0;
}
#top img {
    border: 0;
	padding: 0;
	margin-bottom: -2px;
}
#top h1 {
	margin-left: 11px;
	margin-top: -31px;
	margin-bottom: -10px;
	padding-bottom: 0;
}
#top h1 a {
	color: #fff;
	text-decoration : none;
}
#top h1 a:hover {
	background:silver;
}
/*#prelude {
	display: none;
	/*background: #99CC00;
}
#prelude a {
	color : #abd6de;
}
#prelude a:hover, #prelude a:focus {
	color : #0373A1;
}*/

/* ============== Main (partie des billets) ================== */
#main {
	float: right;
	width: 590px;
	overflow: visible;
	background: #D2DDF4;
	margin: 0;
	padding: 0;
}

#main h3 {
	color : #333;
	margin: 0;
}

#content {
	overflow: visible;
	margin: 16px;
	padding: 0;
}

#sidebar {
	float: left;
	width: 172px;
  	background: #87A5E1 url(img/logog.png) no-repeat 8px 10px;
	padding-top: 189px;
	padding-left: 20px;
}

#blognav, #blogextra {
	margin: 0;
	padding: 0;
}

/* --------------------- Billets ---------------------------------- */
.post {
	clear:both;
	margin-bottom:0.5em;
	text-align:justify;
        padding: 0px 0 2px 0;
}
.day-date {
	color: #fff;
	background: transparent ;
	font-style: italic;
}
.post-title { 
	color : #87A5E1; /* Couleur du titre du billet en mode billet unique +++++++++++++++++++++++++++++ */
	background : transparent ;
        font-weight: bold;
        margin-bottom: 3px;
	font-family:"lucida grande", lucida, helvetica, sans-serif;
	font-family : Georgia,"Times New Roman","New York",serif;
}
.post-title a {
	color:#6B4DE0;   /* Couleur du titre des billets sur la page d'accueil +++++++++++++++++++++++++++++ */
	text-decoration : none;
}
.post-title a:hover {
	color : #FF3300;
	text-decoration: none;
	}
.info {
	/*float:right;*/
	width:0px;
	padding: 0 0px;
	font-family : Georgia,"Times New Roman","New York",serif;
	color : #999;
	border-left:0px solid #999;
	text-align:center;
	/*margin:1em 0 0 1em;*/
}
.info a {
	text-decoration:none;
}
.post-info{
	margin-top: 0;
        padding-top: 4px;
	color : #fff;
	font-weight: bold;
	text-align:right;
	font-size:smaller;
	border-top: 1px dashed #cccccc;
}
.post-info-co {
	font-family:"lucida grande",lucida, verdana, helvetica, arial, sans-serif;
	font-size:0.9em;
	margin-bottom:0.5em;
}
.post-info-co span {
	background : transparent;
	padding : 0;
}
.post-chapo {
	margin-bottom : 2em;
}
.post-content{
	text-align: left;
	}
.post-content ul {
	padding-left: 0;
	margin-left: 23px;
}
.post blockquote {
	border-left:8px dotted #f7f7f7;
	padding-left:1em;
	margin-left:1em;
	font-family:Georgia, "times new roman", times, serif;
}

/* -------- Commentaires et trackbacks ------------- */

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

#trackbacks h3, #comments h3, #comment-preview h3 {
	font-family:Georgia, "times new roman", times, serif;
	color:#fff;
	margin : 1.5em 0 0.33em 0;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 1em 0;
	padding : 1px 1em 0 3em;
	font-style : normal;
	color : #666;
	border : 1px solid silver;
}

.comment-info {
	margin : 0;
}
.comment-number {
	font-family : Georgia,"Times New Roman","New York",serif;
	font-size : 2em;
}
.comment-number a {
	text-decoration : none;
}

/* ============== Sidebar ================== */

#sidebar h1 a {
	color: white;
	position: absolute;
	top: 187px;
	text-align: center;
	left: 30px;
	letter-spacing: 3px;
	font: bold 1em/26px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#sidebar h2 {
	padding : 2px 0 2px 0px;
	margin: 16px 0 0;
	color : #fff; /* ++++++ couleur des titres du menu ++++++++ */
	font-family : "lucida grande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-weight:bold;
	text-transform : uppercase;
	font-size:1em;
}

#sidebar h3 {
	border-bottom:0px solid #999;
	padding : 2px 18px;
	margin:0;
	font-weight : normal;
	color : #fff; /* ++++++ couleur des sous-titres du menu ++++++++ */
	font-size:1em;
}
#sidebar a:hover {
	color : #FF3300;
	
	text-decoration: none;
	}
#sidebar ul {
	padding-left : 0px;
	margin : 0 10px 0 0;
	list-style : none;
}

#sidebar li {
	display : block;
	color : #e2d6ad;
	padding:1px 0;
	border-bottom:0px solid #fff;
}

#sidebar a {
	color : #3f3f3f;
	/*font-size: 0.9 em;*/
	/*line-height: 1.3em;	*/
	/*text-decoration: none;*/
	}

/* --------------- Calendrier */
#calendar {
	font-size:1.1em;
	line-height:100%;
	width:160px;
	margin-bottom:2em;
}
#calendar h2 {
	display:none;
}
#calendar table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
}
#calendar caption {
	color : #99bf60;
	font-weight:bold;
	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;
	background:#ffec00;
}

/* --------------- Recherche */
#search {
}
#q {
}

/* --------------- Archives */
#archives {
}

/* Tagcloud 
--------------------------------------------------------
#tagcloud ul { 
	margin:0; 
	padding:0 0px; 
        line-height: 16px;
	display:block; 
}

#tagcloud li { 
	display:inline;
	margin: 0 .02em; 
        border-bottom:0px dashed #fff;
} */

/*#tagcloud li.level-1 { font-size: 1em; }
#tagcloud li.level-2 { font-size: 1.2em; }
#tagcloud li.level-3 { font-size: 1.4em; }
#tagcloud li.level-4 { font-size: 1.6em; }
#tagcloud li.level-5 { font-size: 1.8em; }*/

.post-tags { padding: 0 0 5px 0;
	margin-left: 0;
	text-align: left;
}

ul.post-tags li:after { content: ','; }

ul.post-tags li:last-child:after { content: ''; }

.post-tags li {
    display: inline;
    white-space: nowrap;
    }
.dc-tags ul.tags {
    margin: 0;
    padding: 20px;
    font-size: 1.2em;
    line-height: 2em;
    }

.dc-tags ul.tags li {
    display: inline;
    font-size: 1.5em;
    line-height: 1.8em;
    }

#sidebar .tags ul {
    font-size: 110%;
}
#sidebar .tags ul li {
    display: inline;
    background: none;
}


.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 130%; }
.tag80 { font-size: 140%; }
.tag90 { font-size: 150%; }
.tag100 { font-size: 160%; }

/* ---------------- Liens */
#links {
}

/* --------------- Syndication */
#syndicate {
}

/* --------------- D?co en bas du menu 
#block1 {
	margin-top:4em;
	margin-left:24px;
	width:104px;
	height:98px;
	background : transparent url(images/ico_cat.gif) repeat-x;
}*/

/* ================ Footer ===================== */
#footer {
	clear: both;
	background: #648BD8; /* +++++++++ Couleur de fond du footer ++++++++++ */
	text-align: right;
	font-size:0.76em;
	padding: 1px 9px 1px 1px;
}
#footer a {
	text-decoration:none;
	font-weight:bold;
}

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

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

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

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

input[type=submit], input[type=reset] {
	background : #F1F3FD;
	color : #000;
}
/*
input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
}*/

textarea {
	width : 98%;
}

p.field {
	margin : 0.5em 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 {
}



