/* 
Feuille de style vierge comportant les principales balises d'un 
blog realise avec dotclear - Etablie dans le cadre des « Aorakits »
par Kozlika pour la dcTeam, le 9 janvier 2007. 

Licence : domaine public 
*/


/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
	(exemple pour un fichier de structure nommé layout.css)
------------------------------------------------------------------ */
@import url(layout.css);


/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body { 
	background: #2f4471;
	color: #fff;
	font: .9em "Liberation Sans",Arial,Helvetica,sans-serif;
}
 
h1, h2, h3, h4, h5, h6 { 
        font-family: Tahoma, Verdana, Helvetica, "Liberation sans", Arial, sans-serif; 
        font-weight: normal;
        letter-spacing: .05em;
}
h1 { text-align: center; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { }
img { }
sup { }
abbr, acronym { }

:lang(fr) { quotes:"\AB\A0" "\A0\BB" "\201C" "\201D"; }
blockquote, q { }
blockquote { 
	background: #2f4471; 
	border-left: 2px solid #bdf; 
	padding: 8px;
	font: italic normal 1em Georgia, serif;
}
blockquote em, blockquote cite {font-style: normal;}
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }

input { 
	border: 1px solid #bfbfbf;
	color: #6b6b6b;
	background:#f8ffff;
}

select {
	color: #6b6b6b;
	background:#f8ffff;
}

label { }

a { 
	color: #fff; 
	font-weight: bold; 
}
a:link { 
}
a:visited { }
a:hover, #sidebar a:hover { background: #bdf; color: #4c6eb0; }
a:focus { }
a[hreflang]:after { }
a img { border: 0; margin-bottom: -3px; }
 
code, pre { }
pre { }
 
hr { }

sup {
    line-height: 50%;
    font-size: 70%;
}

sup a {font-weight: normal;}
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { 
	background: #4c6eb0 url(images/fondpage-l.png) repeat-y;
	padding-left: 71px;
}

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top { 
	background: #fff url(images/fondtop-r.png) repeat-y right top; 
	height: 120px;
}

#top p {
	margin: 0; 
	padding-right: 61px;
	/*background: transparent url(images/banniere2009.jpg) no-repeat left top;*/
	text-align: right;
}

#top p a { 
	display: block;
	height: 60px;
	padding: 60px 20px 0 0;
	background: transparent url(images/banniere2009.jpg) no-repeat left top;
}


/*#top p a: { 

}*/

#prelude {
	color: #fff;
}
#prelude a {
	color: #fff;
	padding: 0 3px;
}
#prelude a:focus, #prelude a:hover {
	background: #ace;
	color: #666;
	text-decoration: none;
}


/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */

#wrapper, #footer { 
	background: transparent url(images/fondpage-r.png) repeat-y right top; 
	padding-right: 75px;
}

#main { 
	background: transparent;
}
#content { }

#content-info { }
#content-info h2 { }
#content-info p { }

.content-inner { }

.pagination { }
#navlinks { display: none; }


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post { }
.post.edito {
	padding: 0 0 1em;
	margin: 0 0 2em;
	/*border-bottom: 1px solid #fff;*/
	font-size: 1.2em;
	text-align: center;
	/*line-height: 1.5em;*/
}
.post.edito h2 {
	/*font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;*/
	font-size: 2.2em;
	text-align: center;
	font-variant: small-caps;
	margin: 0;
}
.post.edito p {margin: .5em 0;}
hr.separator { border-bottom: 1px solid #fff;}
.post.first { }
.post.odd { }

.day-date { }

.subtitle { font: italic 1.35em Tahoma, Verdana, Helvetica, "Liberation sans", Arial, sans-serif; text-align: center;}

.post-date { 
	float: left;
	min-width: 45px;
	padding: 2px;
	text-align: center;
	position: relative;
	bottom: 8px;
}
.post-date span {
	display: block;
}
.post-date span.month {
	background: #2f4471 url(images/fondmois.png) no-repeat 100% 0;
	padding-right: 2px;
}
.post-date span.day { 
	font: italic bold 2em Georgia, "Times New Roman", serif;
	color: #2f4471;
	background: #bdf;
	padding-bottom: 3px;
}
.post-date span.year { 
	background: #2f4471 url(images/fondannee.png) no-repeat 0 100%;
	padding-left: 2px;
}
.post-date a { 
	display: block;
	padding: 5px 0 2px;
}

.post-title a { text-decoration: none; padding: 0 .25em; font-weight: normal; }
.post-info { display: none; }
.post-tags {
	list-style: none;
	margin: 1em 0 1em;
	padding: 3px 0;
	text-align: right;
}
.post-tags li {
	display: inline;
	margin-right: 8px;
	padding: 5px 0 5px 13px;
	background: transparent url(images/tagstone.png) no-repeat 0 50%;
}
.post-tags li a {
	color: #ccc;
font-weight: normal;
font-style: italic;
}

.post-excerpt { }
.post-content { }

.read-it { }

.footnotes { }
.footnotes h4 { }

.post-info-co { text-align: right; }
.comment_count {
	background: transparent url(images/comment.png) no-repeat 0 3px;
	padding: 0 10px 0 18px;
}
.comment_count:hover {
	background: #bdf url(images/comment.png) no-repeat 0 3px;
}
.ping_count { 
	background: transparent url(images/connect.png) no-repeat 0 3px;
	padding-left: 18px;
}
.ping_count:hover { 
	background: #bdf url(images/connect.png) no-repeat 0 3px;
}
.attach_count { }

#attachments { }
#attachments h3 { }
#attachments ul { }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }



/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */

#comments { }
#pings { }
#pr { }
/* Forms
-------------------------------------------------------- */
#comment-form {
	padding-top: 10px;
}

#comment-form fieldset {
	border: none;
}
#comment-form fieldset p {
	padding: 5px 0;
}
#comment-form fieldset p.field {
	padding: 5px 0;
	width: auto;
	margin: 0;
	clear: left;
}
#comment-form p.form-help {
	width: 60%;
	margin: 0 0 0 30%;
	font-style: italic;
}

#comment-form p label {
	width: auto;
}
#comment-form p.field label {
	font-weight: bold;
	display: block;
	padding: 0 1% 0 0;
	width: 29%;
	float: left;
	text-align: right;
}
#comment-form input, #comment-form textarea {
	font: 1em "Liberation Sans",Arial,sans-serif;
	color: #279ac4;
	background: #fff;
	border: 1px solid #cdcdcd;
	padding: 1px 2px;	
}
.dc-post #comment-form textarea {
	position: relative;
	left: 29%; 
	margin-left: 2px;
	width: 68%;
}

.jstElements {
	padding: 3px 3px 3px 10px;
	position: relative;
	bottom: 5px;
}

#comment-form p.remember {
	margin: 0;
}
#comment-form input#c_remember {
	width: auto;
	border: 0;
	background: #fff;
	margin: 0 5px 0 30%;
}
#comment-form input.preview {
	margin-left: 30%;
}

#comment-form input.preview, #comment-form input.submit {
	width: auto;
	color: #279ac4;
	background: #fff;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #fff;
}
#comment-form input.preview:hover, #comment-form input.submit:hover {
	background: #6d8824;
	color: #fff;
	border: 1px solid #6d8824;
}

#comments h3 { }
#pings h3 { }
#pr h3 { }
#comment-form h3 { }

#comments dl { }
#comments dt { }
#comments dd { }
#comments .first { }
#comments .odd { }
#comments .me { }

#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }

#pr dl { }
#pr dd { }

#comment-form fieldset { }
.field { }
.field label { }
.field input { }
.field textarea { }

#comment-form input[type=submit] { }
#comment-form input[type=reset] { }

.form-help { }

#ping-url { }
#comments-feed { }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar { 
	background: transparent url(images/fondsidebar.png) repeat-y;
	color: #333;
	font-family: Tahoma, Verdana, "Liberation Sans", Arial, Helvetica, sans-serif;
	font-size: .85em;
}
#blognav { 
	background: transparent url(images/fondnavbar.png) no-repeat;
	padding-left: 30px;
}
#blogextra { 
	background: transparent url(images/fondextrabar.png) no-repeat bottom left;
	padding-left: 30px;
}

#sidebar h2 { 
	font-size: 1.35em; 
	color: #2b2359;	
}
#sidebar h3 { }
#sidebar ul {
	list-style-type: none;
	padding-left: 15px !important;
	padding-left: 0;
	margin: 0;
}

#sidebar .syndicate ul {
	padding: 0;
}
#sidebar li { 
	margin: 0; 
	padding: 0;
}

#sidebar li ul {
	padding: 3px 0 !important;
	/*border-left: 2px solid #4c6eb0;*/
	margin-bottom: 10px;
}

#sidebar li a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	background : transparent url(images/puce.png) no-repeat 0 3px;
	line-height: 1.3em;
	margin-left: -18px !important;
	margin-left: 0;
	padding-left: 18px;
	/*display: block;*/
}

#sidebar li a:hover {
	color: #4C6EB0;
	font-weight: normal;
	background : #fff url(images/puce.png) no-repeat 0 3px;
}
#sidebar li li {padding: 3px 0;}

#sidebar li li a, #sidebar li li a:hover {
	/*padding-left: 12px; */
	background: transparent url(images/etoilepuce.png) no-repeat 2px 3px; 
	/*margin-left: -12px;*/
}

#sidebar li li a:hover {/*padding: 0;*/ background: #FFF url(images/etoilepuce.png) no-repeat 2px 3px;}

#sidebar a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

#sidebar a:hover {
	color: #4C6EB0;
	background : #fff;
}
/* boites du menu des widgets livres avec Dotclear */
#search { }

#search fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#q {
	border: 1px solid #bfbfbf;
	width: 120px;
	color: #6b6b6b;
	background:#f8ffff;
}
#search .submit {
	padding: 0;
	border: 1px solid #fff;
	background: none;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
}
#search .submit:hover {
	background: #4c6eb0;
	color: #fff;
	border: 1px solid #4c6eb0;
}

#search form { }
#search input[type=text] { } /* ou #search #q */
#search input[type=submit] { } /* ou #search .submit */

#topnav { }
.topnav-arch { }
.topnav-home { }

.selected { }
.lang { }
.categories { }
.syndicate { }
.lastposts { }
.lastcomments { }
.text { }
.links { }

#sidebar .tags ul {
	border-top: none;
	font-size: 1.1em;
	text-align: justify;
}
#sidebar .tags ul li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.8em;
}

#sidebar .tags ul li a {
	background: none;
	margin: 0; !important
	padding: 0;
}

.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: 150%; }
.tag80 { font-size: 160%; }
.tag90 { font-size: 170%; }
.tag100 { font-size: 180%; }

ul.tags {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	font-size: 1.3em;
	text-align: justify;
}
ul.tags li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}
/* a completer separement ou globalement pour le sidebar et la page 
spécifique des tags avec les differentes class des tags en fonction 
de leur frequence - voir 9/ classes communes */

#sidebar .contact-me a { 
	padding-left: 22px;
	background : transparent url(images/email.png) no-repeat 0 1px;
}

#sidebar .contact-me a:hover { 
	background: #fff url(images/email.png) no-repeat 0 1px;
	/*color: #4c6eb0;*/
}

/*#sidebar .newsletter li {padding: 0;}*/

#sidebar .newsletter .submit {
	display: block;
	margin-left: 75px;
}

#sidebar .tweet ul {margin: 0; padding: 0;}
#sidebar .tweet a, #sidebar .tweet a:hover {margin: 0; padding: 0; background: transparent;}


/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer { }
#footer p { }


/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* class sur les liens rss (on peut y placer l'icone
feed.png a piocher dans le theme par defaut par ex.) */
#sidebar .syndicate li {padding: 3px 0;}

/*#sidebar .syndicate li { 
	margin-left: -15px
}*/
a.feed, #sidebar li a.feed { 
	padding-left: 15px;
	background : transparent url(images/feed.png) no-repeat 0 2px;
}
a.feed:hover { 
	background :  #bdf url(images/feed.png) no-repeat 0 2px;
	color: #4c6eb0;
}

#sidebar li a.feed:hover { 
	background :  #fff url(images/feed.png) no-repeat 0 2px;
	color: #4c6eb0;
}
/*{ 
	padding:0 0px 10px 15px;
	background : url(images/feed.png) no-repeat 0 2px;
}*/

/*#sidebar .syndicate li {padding: 0 0 5px 30px;}*/

/* tags dans le sidebar et dans la page les regroupant
(exemple ici pour un nuage) */
.dc-tags #content ul li, .dc-tags #content ul li a, 
.tags ul li, .tags ul li a {
	display : inline;
	width : auto;
	padding-left : 0;
	padding-right : 4px;
	background : transparent;
	line-height : 1.5em;
}
.tags ul li a:hover {
	background-image :none;
}
.dc-tags .tag0, .tags .tag0 { font-size: 85%; }
.dc-tags .tag10, .tags .tag10 { font-size: 90%; }
.dc-tags .tag20, .tags .tag20 { font-size: 95%; }
.dc-tags .tag30, .tags .tag30 { font-size: 100%; }
.dc-tags .tag40, .tags .tag40 { font-size: 105%; }
.dc-tags .tag50, .tags .tag50 { font-size: 110%; }
.dc-tags .tag60, .tags .tag60 { font-size: 115%; }
.dc-tags .tag70, .tags .tag70 { font-size: 120%; }
.dc-tags .tag80, .tags .tag80 { font-size: 125%; }
.dc-tags .tag90, .tags .tag90 { font-size: 130%; }
.dc-tags .tag100, .tags .tag100 { font-size: 135%; }

/* messages d'erreur */
.error {
	border : 1px solid #c44;
	background : #df0;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
	
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }

img.smiley {
    margin-top: -1em;
    position: relative;
    top: 3px;
}

/* ------------------------------------------------------------
	11. PAGES SPECIFIQUES
	j'indique le marqueur du body, a completer pour cibler 
	plus precisement (cf l'exemple ci-dessus pour les tags)
------------------------------------------------------------- */

.dc-home { }
.dc-post { }
.dc-categories { }
.dc-category { }
.dc-archive { }
.dc-archive-month { }
.dc-tags { }
.dc-tag { }
.dc-404 { }
.dc-search { }


/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, .attachments, 
.post-info-co, #comments, #footer {
    clear:both;
    }

/* ---------------------------------------------------
  13. DES PLUGINS ? ALLEZ ON LEUR FAIT 
             UNE PETITE PLACE
----------------------------------------------------*/

ul.pictures {list-style-type: none; padding: 0;}
li.picture {float: left; padding: 5px;}
.jq-modal {color: #333;}
#nl_form input, #nl_form select {display: block;}
.footnote-float {color: #333; line-height: 120%}
.footnote-float a {color: #333;}