/* -------------------------------------------------------
This file is part of the Rotko Dotclear theme.
Licensed under the GPL version 2.0 license.
See LICENSE file or
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
----------------------------------------------------------*/

 /*--------------------------------------------------------------
AVANT TOUTE CHOSE
--------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html {overflow-x:hidden}
body {
-o-font-feature-settings: 'liga' 1, 'kern';
-moz-font-feature-settings: 'liga=1', 'kern=1'; /* FF old */
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: 'liga' 1, 'kern';
-ms-font-feature-settings: 'liga' 1, 'kern';
-webkit-font-feature-settings: "liga", "dlig";
-webkit-font-feature-settings: 'liga' 1, 'kern';
font-feature-settings: "liga", "dlig";
font-feature-settings: 'liga' 1, 'kern'; /* Future */
}
html,input,textarea { -webkit-font-smoothing:antialiased; }

html, body, #page, #top, #prelude, #wrapper, #footer,#main, #content,#sidebar{margin:0;padding:0;border:0;vertical-align:baseline;}

@font-face{font-family: "Taviraj-Regular"; src: url(index.php?tf=/fonts/Taviraj-Regular.ttf); }
@font-face{font-family: "Taviraj-Light"; src: url(index.php?tf=/fonts/Taviraj-Light.ttf); }
@font-face{font-family: "Taviraj-Thin"; src: url(index.php?tf=/fonts/Taviraj-Thin.ttf); }
@font-face{font-family: "Taviraj-ExtraLight"; src: url(index.php?tf=/fonts/Taviraj-ExtraLight.ttf); }
@font-face{font-family: "Roboto-Light"; src: url(index.php?tf=/fonts/Roboto-Light.ttf); }

/* -------------------------------------------------------------
	STRUCTURE  - Media
--------------------------------------------------------------- */

@media (max-width:768px){ 
		blockquote p { max-width: 720px;}
		}

@media screen and (max-width:992px){
	#wrapper { margin: 5%; }
	#top {font-size: 100%;}
	nav {text-align: center;}
	#top h1 {font-size: 250%; }
	p.site-baseline  {display:none;}
	.post {padding: 5px 0 40px 0;}
	.post-title {font-size: 180%; text-align:center;}
	.post-excerpt { font-family: 'Taviraj-Light',sans-serif; }
	.post-content, p.read-it { font-family: 'Taviraj-Regular', sans-serif; }
	.post-content h3 { font-size: 155%; }
	.post-content h4 { font-size: 140%; }
	.post-content h5 { font-size: 110%; }
	.post-excerpt p, .post-content p, p.read-it { font-size: 110%; }
	.post ul, .post ol { font-size: 100%; text-align: left;}
	.post ul ul, .post ol ol { font-size: 80%; text-align: left;}
	pre {max-width: 70%; }
	figcaption {font-size: 0.8em; }
	.post-info, .post-tags, .post-info-co {width: 100%; font-size: 100%; height: auto; margin: 0;padding: 15px; }
	.author, .tagsheader {font-family: "Taviraj-Regular"; font-size: 100%;width: 90px; font-weight: 100;}
	blockquote { padding: 30px 0;}
	blockquote p { max-width: 960px; padding-left: 20px; padding-right: 20px;}
	.pagination { font-size: 100%; text-align: center;}
	#navlinks { font-size: 100%; text-align: center;}
	#attachments, #comments, #comment-form, #pings, #ping-url, #comments-feed {font-size: 100%; }
	#attachments h3, #comments h3, #comment-form h3, #pings h3, #ping-url h3, #comments-feed h3 {font-size: 120%; padding-top: 40px ;}
	#comments dd { width: 100%; border: 1px solid #bbbbbb}
	p#pr {width: 100%; font-size: 100%; }
	#sidebar, #sidebar nav, #sidebar h2, #sidebar h3 { font-size: 110%; text-align: left;}
	div.widget {float: none; margin: 1em 0; width: 100%;}
	div.widget.weatherplus h2 {display:none;}
	}
@media screen and (min-width:993px){
	#wrapper { margin: 0 auto; max-width:1600px; }
	#top {font-size: 130%;}
	nav {text-align: right;}
	#top h1 {font-size: 350%; }
	p.site-baseline  {font-size: 100%;}
	.post {padding: 60px 0 0 0;}
	.post-title {text-align: center; font-size: 360%; max-width: 70%; margin: 0 auto 32px auto;}
	.post-excerpt { font-family: 'Taviraj-Light',sans-serif; }
	.post-content ,p.read-it { font-family: 'Taviraj-ExtraLight', sans-serif; }
	.post-excerpt,.post-content,p.read-it   { padding-bottom: 2em; }
	.post-excerpt p, .post-content p,p.read-it  { font-size: 190%; }
	table { font-size: 150%; }
	.post ul, .post ol { font-size: 190%; text-align: left;}
	.post ul ul, .post ol ol { font-size: 95%; text-align: left;}
	pre {max-width: 1140px; }
	figcaption {font-size: 1.2em; }
	#gallery, table, #content-info, .dc-archive .content-inner, .dc-archive-month #archive-meta, .post-excerpt p, .post-content p, .post ul, .post ol { max-width: 70%; margin: 0 auto 0.8em auto; }
	.post h3, .post h4, .post h5, .footnotes h4, #attachments, #comments, #comment-form, #pings, #ping-url, #comments-feed { max-width: 70%; margin: 2em auto; }
	#attachments h3, #comments h3, #comment-form h3, #pings h3 {font-size: 1.7em;}
	#comments dd { width: 70%; font-size: 110%;}
	p#pr {width: 70%; font-size: 140%; }
	#comments dd { border: 1px solid rgb(239, 243, 245); }
	#meta { min-height: 200px; margin: 1.5em 0;}
	.post-info {width: 33%; font-size: 1.8em !important; min-height: 200px;margin: 0; padding: 2%; }
	.post-tags, .post-info-co {width: 33%; font-size: 1.2em !important; min-height: 200px;margin: 0;padding: 2%; }
	ul.post-tags {font-size: 1.2em !important;}
	.tagsheader {font-size: 1.5em !important; width: 90px;}
	blockquote { padding: 40px 100px; }
	blockquote p { max-width: 1140px; }
	.pagination { font-size: 180%; text-align: center;}
	#navlinks { font-size: 180%; text-align: center;}
	#sidebar div.widget ul { font-size: 150%; text-align: left;}
	#sidebar div.widget ul ul { font-size: 90%; text-align: left;}
	#blognav div.widget {float: left; margin: 15px; width: 21%; min-height: 300px;}
	#blognav, #blogextra{clear:both;}
	div.widget.weatherplus {text-align: left;}
	div.widget.weatherplus h3 {margin: 0; padding: 2px;font-size: 100%; font-family: 'Taviraj-Light',sans-serif; }
	}
	
/* ------------------------------------------------------------
Bloc de styles à supprimer, ne servent qu'aux premiers tests
------------------------------------------------------------- */

body { font-family: sans-serif; font-size: 100%; text-align: center; text-rendering: geometricPrecision; color: #30373a; background-color: #fff;}

@media only screen and (max-width:1020px){  
body {-webkit-text-size-adjust:110%;} 
}

/* -----------------------------------------------------------------
	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
------------------------------------------------------------------ */

/* @import url(index.php?tf=/custom.css); */


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

h1,h2,h3,h4,h5,h6 { text-align: left; clear:both;}
h3 {font-family: 'Roboto-Light',sans-serif; font-size: 2.4em; font-weight: 700; margin: 1.5em 0;}
h4 {font-family: 'Roboto-Light',sans-serif; font-size: 2.0em; font-weight: 300; margin: 1.5em 0;}	
h5 {font-family: 'Roboto-Light',sans-serif; font-size: 1.6em; font-weight: 300; margin: 1.5em 0;}	
h6 {font-family: 'Roboto-Light',sans-serif; font-size: 1.4em; font-weight: 300; margin: 1.5em 0;}

img {max-width: 100%;} /*AVANT TOUTE CHOSE*/
	
sub,sup {font-size:65%;line-height:0; position:relative;vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
abbr[title], acronym { }

blockquote {font-size: 1.2em; line-height:1.5; font-family: "Taviraj-Light"; background-color: rgb(239, 243, 245); margin: 1.5em 0; }

button,input,select,textarea {font:inherit;margin:0}
button {overflow:visible}
button,select {text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled] {cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}
fieldset { border: none;margin: 0px;padding: 0px;}
form { border: none;margin: 0px;padding: 0px;}
input[type=checkbox],input[type=radio] {padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto}
input[type=search] {box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
textarea {overflow:auto}

input#q { width: 77%;padding: 1px;}
#sidebar input.submit { width: 20%;padding: 1px;text-transform: uppercase;}
input.submit {padding: 5px;text-transform: capitalize; }
input.preview {padding: 5px;text-transform: capitalize; }
.field input {width: 100%; padding: 5px 10px;border: 1px solid #e9e9e9; background: white;}
.field textarea {width: 100%; padding: 5px 10px;border: 1px solid #e9e9e9; background: white;}
.buttons input {-webkit-appearance: textfield;-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;border: none;cursor: pointer;text-transform: capitalize;}
.buttons input.preview,.buttons input.submit  {background-color: #464b4f; color: #fff; font-size: 100%;padding: 8px !important;text-transform: capitalize;}
.form-help {font-weight: 700;font-size:0.8em;}

a { color: #30373a; text-decoration: none;}

pre {font-size:140%; background-color: rgb(239, 243, 245); padding: 20px; overflow:auto; margin: 1.5em auto; }
hr {-moz-box-sizing:content-box;box-sizing:content-box}
hr { clear: both; width: 60px;  height: 5px; background: #b21b1b; border: none; margin: 120px auto 60px auto;	}

figcaption,figure,nav {display:block}
audio,canvas,video {display:inline-block;vertical-align:baseline;max-width: 100%;/*AVANT TOUTE CHOSE*/} 
audio:not([controls]) {display:none;height:0}[hidden],template {display:none}
figcaption {margin: 1em 0; font-family: 'Roboto-Light',sans-serif; }
figure {margin: 3em auto; }

legend {border:0;padding:0}
strong {font-weight: 700;}
small {font-size:80%}
svg:not(:root) {overflow:hidden}
table {border-collapse:collapse;border-spacing:0;width:100%;display:table}
table {border:none;}
th{background: #f3f3f3; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
td {background: #f9f9f9; border-bottom: 1px solid #cccccc; }

/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { }

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

#top {background-color: #464b4f; font-family: 'Taviraj-Light',serif; text-align: center; color: #fff; padding: 2%; }
#top a {color: #fff;}

ul.simple-menu.nav.header__nav {list-style-type: none;padding:0 !important;margin: 0 !important;}
.simple-menu.nav.header__nav li {display: inline;line-height: 12px;padding: 9px 12px;font-variant:small-caps;letter-spacing: 0.15rem;}
.simple-menu.nav.header__nav li a:link, .simple-menu.nav.header__nav li a:visited {color: #939393; text-decoration: none; }
.simple-menu.nav.header__nav li:last-child { margin-right: 0 !important;  padding-right: 0 !important; }
.simple-menu.nav.header__nav li a:hover { color: #333;}

#top h1 {text-align: center; font-family: "Taviraj-Thin"; text-transform: capitalize; margin: 0 auto 22px auto !important; }
#top h1 a { }

#headerimage {text-align: center; margin: 12px auto 12px auto !important; clear: both; background: transparent; }
#headerimage img {box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.157), 0px 2px 10px 0px rgba(0, 0, 0, 0.118) !important; }

.dc-post #headerimage, .dc-categories #headerimage,  .dc-category #headerimage,  .dc-archive #headerimage,  .dc-archive-month #headerimage,  
.dc-tags #headerimage,  .dc-tag #headerimage, .dc-404 #headerimage, .dc-search #headerimage  { display:none;}

p.site-baseline {text-transform: uppercase; margin-bottom: 32px; }
p.site-baseline::before {content: "";border-top: 1px solid #fff; width: 68px;display: block; margin: 0 auto 20px auto;}
p.site-baseline::after {content: "";border-bottom: 1px solid #fff; width: 68px;display: block; margin: 20px auto 0px auto;}
#prelude {display: none;}

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

#content-info { text-align: center; font-family: 'Taviraj-Light',sans-serif;font-weight: 400;padding: 1em 0 0 0;}
#content-info h2 {  text-align: center;}
#content-info p { text-align: center; font-size: 120%; }
#subcategories h3 {text-align: center; font-size: 130%;}
#subcategories ul{list-style-type: none; padding: 0; }
.content-inner { }

.pagination { font-family: 'Taviraj-Light',sans-serif;font-weight: 400;padding: 1em 0;}
#navlinks {font-family: 'Taviraj-Light',sans-serif; font-weight: 400;padding: 1em 0 0 0; }


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

.dc-archive-month .post { margin-bottom: 80px;}
.post.first { }
.post.odd { }

.dc-home .day-date { display: none; }
.dc-post .day-date { display: none; }
.dc-categories .day-date { display: none; }
.dc-category .day-date { display: none; }
.dc-archive-month .day-date {  font-size: 120%; font-family: 'Taviraj-Light',sans-serif;}
.dc-tag .day-date { display: none; }
.dc-search .day-date { display: none; }

h2.post-title {font-family: "Taviraj-Regular"; font-weight: 400; text-transform: none; }
.post-title a {}

.post-excerpt { font-weight: 400;margin: 0 auto;}
.post-content { font-weight: 200;  margin: 0 auto; }
.post-excerpt p, .post-content p {text-align: left; }
.post-excerpt p a, .post-content p a, p.read-it a,figcaption a { border-bottom: 1px dotted #30373a; }
.post-excerpt ul, .post-content ul,.post-excerpt ol, .post-content ol { text-align: left; }
.post-excerpt li .post-content li { }

.post-excerpt img,.post-content img { margin: 0 1em 1em 0;}
.post-excerpt a img,.post-content a img { }

p.read-it { text-align: center; }

.footnotes { font-size: 90%;}
.footnotes h4 {text-align: left; padding: 0;}

#meta { margin: 1.5em 0;width: 100%; background-color: rgb(239, 243, 245); font-family: "Roboto-Light", sans-serif; }

.dc-archive-month .post-info{ display: none;}
.page-info {display: none; }
.post-info {text-align: center; font-weight: 100;background-color: rgb(239, 243, 245); float: left; }
p.post-info {margin: 0;}
.date{text-transform: uppercase;}
.on, .time{display: none; }

.post-tags {text-align: center; font-weight: 100;background-color: rgb(239, 243, 245);float: left;}
.tagsheader {width: 90px;}
ul.post-tags { text-align: center;}
ul.post-tags li{ list-style: none;padding: 0;}
.post-tags li{display:inline-block;}
.post-tags li:after {content: ", ";}
.post-tags li:last-child:after {content:"";}
ul.post-tags li a { text-transform: uppercase; }

.post-info-co {text-align: center; font-weight: 100;background-color: rgb(239, 243, 245);float: left; }
p.post-info-co {margin: 0;}

a.category { text-transform: uppercase;}
a.comment_count { text-transform: uppercase; }

.ping_count {text-transform: uppercase;}
.attach_count { text-transform: uppercase;}

#attachments {line-height: 1.9em; }
#attachments h3 { }
#attachments ul { list-style-type: none;padding:0 !important;margin: 0 !important;}
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }



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

#attachments, #comments, #comment-form, #pings, #pr, #ping-url, #comments-feed  {text-align: left; }
#comments { }
#pings { }
#pr { }
#comment-form { }

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

#comments dl {padding-bottom: 2em; }
#comments dt { padding: 2em 0; font-weight: 400;}
#comments dt a { border-bottom: 1px dotted #30373a; }
#comments dd { padding: 0em 1em 1em 1em; border-radius: 10px; min-height: 100px; margin:auto; background : transparent url(index.php?tf=/img/icon_comment.svg) no-repeat bottom right;}
#comments .first { }
#comments .odd { }
#comments .me { }

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

#pr dl { }
#pr dd { }

#fieldset { }
.field { }
.field label {font-weight: 400;padding-bottom: 20px;}
.field input {font-size: 120%; line-height: 1.6em; }
.field textarea {font-size: 120%; line-height: 1.6em; }
@media (max-width:768px){
.field input,.field textarea {width:100%; }
}
#comment-form input[type=submit] { margin-right: 1em;}
#comment-form input[type=reset] { }

.form-help {margin: 1em 0; }
p.remember {margin: 1em 0 3em 0; }

#pr {padding: 2%; background-color: rgb(239, 243, 245); width: 100%;}
p#pr {line-height: 1.9em; margin: auto auto 3em auto;}
dd.comment-preview{font-size: 140%; line-height: 1.9em; margin: 0 0 3em 0; }
#ping-url {  line-height: 1.6em;}
#comments-feed {}


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

#sidebar { background-color: #464b4f; font-family: 'Taviraj-Light',sans-serif; color: #fff; }
#sidebar a {  color: #a9a9a9; }
#sidebar a:hover { color: #fff; }
#blognav { }
#blogextra { }

#sidebar {padding: 17px 35px; margin-top: 2em;}
div.widget ul {list-style-type: none; padding: 0; }
div.widget ul ul {padding-left: 20px;}
div.widget.tags li {display: inline;}

/* boites du menu des widgets livres avec Dotclear */
div#search.widget { }
div#search.widget form { }
div#search.widget input[type=text] { width: 71.66666%;} /* ou #search #q */
div#search.widget input[type=submit] {width: 25.33333%; } /* ou #search .submit */

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

div.widget.selected { }
div.widget.lang { }
div.widget.categories { }
div.widget.syndicate { }
div.widget.feed {	} 
div.widget.lastposts { }
div.widget.lastcomments { }
div.widget.pages { }
div.widget.text { }
div.widget.text span {clear:both;}
div.widget.links { }
div.widget.simple-menu { }

div.tags { }
div.tags ul { }
div.tags li { }
/* 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 */

/* ------------------------------------------------------------
	8.1 PLUGIN SPECIFIQUES
------------------------------------------------------------- */
.external-link { }
a img.external-link {cursor: pointer; margin:0;box-shadow: none !important;}
.external-link a img { } /* également .post-content a img */

div.widget.shortArchives  { }

.gravatar { }

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

#footer {background: #30373a; height: 80px;}
#footer p { padding: 30px;color: white;}
#footer a { padding: 30px 30px 30px 0px;color: white;}
#gotop {display: none;z-index: 1000;position: fixed;bottom: 0;right: 0.5em; width: auto; padding: 0.25em 0.75em;border-radius: 0.25em;text-align: center; }
#gotop a, #gotop a:link, #gotop a:hover, #gotop a:active { border: none;}
#gotop {border: 1px solid #333333;background-color:#333333;color: white;font-size:90%;text-align: center; }
#gotop a, #gotop a:link, #gotop a:hover, #gotop a:active {background: transparent;color:white; }

/* ------------------------------------------------------------
	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.) */

.feed { 
	padding-left:20px;
	background : transparent url(index.php?tf=/img/icon_feed.svg) no-repeat left center;
	 }


/* 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; }
.justify{text-align:justify;}
.left-align{text-align:left;}
.right-align{text-align:right;}
.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;}
.top{top:0}
.bottom{bottom:0}
.vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}

/* ------------------------------------------------------------
	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 .content-inner {text-align: left; font-family: 'Taviraj-ExtraLight',sans-serif; font-weight: 200;font-size: 140%;  }
.dc-archive h4{margin-bottom: 0.5em; padding: 4px 0;font-size: 120%;  }
.dc-archive ul, .dc-archive ul li {list-style:none; margin: 3px 0 0 0;padding: 0;	text-indent: 0;}
.arch-block {display: block;margin: 0 0 2em 4em;vertical-align: top;}
.arch-block:first-child {margin-left: 0;}
.arch-block li {line-height: 1.5em; padding: 2px 0px 2px 0px;font-size: 100%; }
.arch-block li li {padding: 0px 0px 0px 20px;	}
.arch-block ul ul {margin-left: 20px;}
#time-criteria h3:first-child { margin:0; padding:0 5px; margin-top: 0;	}
#by-date {	margin-right: 0; margin-bottom: 2em; margin-top: 2em;}
#by-date h3 {	display: none; line-height:30px;	margin-bottom: 0; }
#by-date div {display: inline-block;	vertical-align: top;	margin: 0 0.5em; width: 10em;	}
#by-date ul {margin-bottom: 1.5em;}
#by-date span {}
#by-date ul, #by-tag ul, #by-cat ul {	list-style:none; }
.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, #meta,.attachments, #comments, .pagination, #navlinks, #footer, .post h3, .post h4 {clear:both;}