/* -- BEGIN LICENSE BLOCK ---------------------------------------
# This file is part of MistyLook flexible, a theme for Dotclear
#
# Copyright (c) 2013
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK -----------------------------------------*/
/* ------------------------------------------------------------
Bloc de styles à supprimer, ne servent qu'aux premiers tests
------------------------------------------------------------- */
@import url(layout.css);
@import url(customize.css);
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body { background: #F9F9F0; font: 76%/1.6em Verdana, Tahoma, Arial, sans-serif; color: #293133; line-height:16px;overflow-x:hidden }
/* -----------------------------------------------------------------
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
------------------------------------------------------------------ */
@media (max-width: 600px) {
body { font-size : 80%;}
#top h1 a { margin: 2% 3%; word-break:hyphenate;word-wrap:break-word; }
.header__nav li { width:100%;margin: 0% 0%;}
#content {width: 96%;}
#comment-form fieldset {width: 90%;}
.field,.field label,.field input,.field textarea {width: 100%;}
img { max-width: 96%;}
.post-content img { max-width: 90%;}
#sidebar {width: auto; max-width: 90%;}
.blogname { font-size: 100%;}
.copyright { font-size: 100%;}
#footer p, #footer a { font-size: 100%;}
}
/* ----- for iPad and its small font as "none" or "auto" or "percent"-----*/
.post {
-webkit-text-size-adjust: 110%; }
/* ------------------------------------------------------------
2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
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}
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}
figure {margin: 1em 0px;max-width: 100%;}
figcaption {margin-bottom: 1em;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, Verdana, Arial, Serif;}
h1 { }
h2 { }
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }
h5 { }
h6 { }
p { margin: 0.7em 0;line-height:1.6em; }
del { text-decoration:line-through; margin: 0.7em 0; line-height:1.6em; }
ins { text-decoration:underline; margin: 0.7em 0; line-height:1.6em; }
img { border: none;max-width: 100%;}
sup {vertical-align:3px;}
abbr, acronym { }
q, blockquote { color:#666666;margin: 1em;line-height:1.6em;padding: 0 0 10px 50px;background: url(images/blockquote.gif) no-repeat left top;}
cite { }
ul {padding-left: 0px;}
ol li{}
dl { }
form { }
input { }
label { }
a {color: #005D99;text-decoration : none; }
a:link { }
a:visited { }
a:hover { }
a:focus { }
a[hreflang]:after { }
a img { border: none; }
code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
code, pre { font-size: 1.1em; color:#666666;text-align: left;overflow:scroll; }
pre { }
hr { }
fieldset { border : none; }
.post h3, .post h4 { clear : both; }
*::-moz-selection { background-color: #293133; color: #E3D0B6; }
::selection { background-color: #293133;color: #E3D0B6; }
/* ------------------------------------------------------------
3. PAGE
------------------------------------------------------------- */
#page {background: #ffffff;border:1px solid #C0C0C0; margin: 0.5% auto 0.5% auto;
-moz-box-shadow:0px 0px 4px #dcdcdc;
-webkit-box-shadow:0px 0px 4px #dcdcdc;
box-shadow:0px 0px 4px #dcdcdc;
}
#top {}
#top h1 a {color: #1A2042; float: left; font-size: 30px; line-height: 36px; padding: 1% 2% 2% 2%; text-transform:uppercase;
font-family: "Helvetica Neue", "Arial", "Helvetica", "Nimbus Sans L", sans-serif;}
#blogdesc {clear: right;color: #000000;float: right;font-style: italic; padding: 2%; opacity: 0.65; }
#headerimage {text-align: center; margin: 0px auto;clear: both; width: 100%; background: transparent; max-width: 920px;}
#navigation { position: relative; top: -3px; clear: both; width: 96%; min-height: 39px; margin: 0% 2%; }
#simplemenu { white-space:nowrap; display:block; }
.header__nav { margin: 0% auto; font: 13px "Helvetica Neue", "Arial", "Helvetica", "Nimbus Sans L", sans-serif;}
.header__nav li { float:left; margin: 0% 0.3%; display: inline-block; border: none; text-align: center; max-width: 100%; padding: 1px 0% 0% 0%; }
.header__nav li a { display:block; line-height:30px; white-space: nowrap; padding: 3px 10px;}
.header__nav li a span { display: block;text-transform: none;text-shadow: none;}
#prelude {clear: both; margin-top: 0px; text-align: right; padding: 3% 3% 1% 0%; }
#prelude a { }
@media screen and (max-width:799px){p#prelude { font-size: 85%;} }
@media screen and (min-width:800px){#prelude { display: none;} }
/* ------------------------------------------------------------
4. WRAPPER MAIN CONTENT
------------------------------------------------------------- */
#wrapper { }
#main { }
p#breadcrumb {padding: 0% 2% 20px 2.4%;font-size: 11px;font-family: Georgia, Verdana, Arial, Serif;}
#content { }
#content-info { }
#content-info h2 { color: #293133;margin: 0px 0 8px 0;padding: 0px; line-height: 135%; font-size: 1.4em; letter-spacing: 1px; font-weight: normal;font-family: Georgia, Verdana, Arial, Serif;}
#content-info p { }
.content-inner { margin: 40px 0px 80px 0px; }
.content-inner li {list-style: none; }
.post-top { float: right; padding: 2px 8px 2px 18px;background: transparent url(images/arrow_up.png) no-repeat left center; }
.pagination { text-align:center;overflow:hidden; padding: 30px 5px 3px 5px;margin: 0px 0px 20px 0px; clear: both;}
.pagination p span { color: #293133; margin-right:1px; padding:1px 4px;}
.pagination .this { margin: 0px 9px 0px 0px; padding: 4px; color: #265E15; border-bottom: 1px dotted #265E15;}
.pagination a { color: #0066cc; margin: 0px 9px 0px 0px; }
.pagination a:hover { color: #ff4b33; }
.prev, .next, .pagination { font-size: 11px; font-family: Georgia, Verdana, Arial, Serif; }
#navlinks { margin: 0px 0px 40px 0px; }
#navlinks a { font-size: 11px;font-family: Georgia, Verdana, Arial, Serif; }
#subcategories h3 {margin-top: 0em;font: 100 1em/1.6em Verdana, Tahoma, Arial, sans-serif; float: left;}
#subcategories h3:after{content: ": ";padding-right: 5px;}
#subcategories ul {padding-top: 1px;}
#subcategories li {display: inline;}
#subcategories li:after{content: ", ";}
#subcategories li:last-child:after {content: " ";}
/* ------------------------------------------------------------
5 BILLETS
------------------------------------------------------------- */
.post {margin-top: 0px;margin-bottom: 40px; }
.post.first { margin-top: 0px; }
.post.odd { margin-top: 0px; }
.dateandauthor { background: transparent url(images/shadow.jpg) bottom left no-repeat;color: #888988;font-size: 11px; min-height: 26px;text-align: left;margin: 0px 0px 10px 0px;padding: 3px 5px 3px 0px;}
.page-title { font-size: 1.6em; margin: 0em 0 2em 0;letter-spacing: 1px;font-weight: normal; font-family: Georgia, Verdana, Arial, Serif;line-height: 135%;}
.page-title h2 { color: #293133; }
.post-title, .archive-title {font-size: 1.6em; margin: 0em 0 0; letter-spacing: 1px; font-weight: normal;font-family: Georgia, Verdana, Arial, Serif;line-height: 135%;}
.post-title a, .archive-title a { color: #293133; }
.post-title h2 { color: #293133; }
.post-info { margin-bottom: 40px; }
.page-info { margin-bottom: 40px; margin-top: 40px; }
.post-excerpt {text-align: justify;line-height:1.6em; }
.post-content { text-align: justify;line-height:1.6em; }
ul.post-content,#comments ul ,.post-content ul li { margin: 0.2em; padding: 0px 20px; list-style: square inside none;color: #293133;line-height: 16px;}
.post-content ol li{ margin: 0.2em;padding: 0px 0px; list-style: decimal outside none;color: #293133; line-height: 16px;}
.smiley {vertical-align:middle; }
.post-content img.smiley { border: none;background: none; padding: 0px;}
.post-excerpt img,
.post-content img { background: url(images/shadow.gif) no-repeat right bottom;padding: 4px 10px 10px 4px; margin: 0px 10px 0px 0px; border: none; border-top: #EEEEEE 1px solid; border-left:#EEEEEE 1px solid;}
.post h1 {line-height: 1.1em;}
.post h3, .post h4 {clear : both;}
.read-it { }
.footnotes { }
.post-info-co { margin: 20px 0px 80px 0px;padding: 0px;text-align: center; }
.meta { margin: 20px 0px 30px 0px;padding: 0px; text-align: center;}
.meta ul {padding:0;margin:0 auto;}
.meta li {list-style:none;}
.meta .firstcat {font-style:italic;}
.post-tags {position: relative;overflow: hidden; height: 1%;margin: 8px 0 0 0;padding: 2px 8px 2px 18px; border: 0; text-align: center; }
.post-tags li { display: inline; }
.post-tags li a:link, .post-tags li a:visited {display: block; float: left; padding: 2px 8px 2px 18px;white-space: nowrap; color: #888988; font-size: 11px; text-decoration: none;}
.post-tags li a:hover {text-decoration: none; }
.category {position: relative; overflow: hidden; height: 1%;margin: 8px 0 0 0;padding: 5px; border: 0; text-align: center; }
.category li { display: inline;}
.category li a:link, .category li a:visited {display: block;float: left;padding: 2px 8px 2px 18px;background: transparent;white-space: nowrap;
color: #888988; font-size: 11px; text-decoration: none; }
.category li a:hover {text-decoration: none; }
.category-archive { /* used in archive_month.html*/
position: relative; overflow: hidden; height: 1%;margin: 0px 0px 30px 0px; padding: 5px;border: 0; }
.category-archive li {display: inline; }
.category-archive li a:link, .category-archive li a:visited { display: block; float: left;padding: 2px 8px 2px 18px; background: transparent url(images/media/folder.png) no-repeat left center;
white-space: nowrap;color: #888988;font-size: 11px;text-decoration: none; }
.category-archive li a:hover {text-decoration: none; }
#subcategories {font-size: 1em; font-weight: normal;margin: 0px 0px 0px 0px; }
.comment_count {background: transparent;position: relative;overflow: hidden;float: center;margin: 0px 0px 0px 5px;padding: 2px 8px 2px 18px;
border: 0;white-space: nowrap;color: #888988;font-size: 11px;text-decoration: none;}
.permalink { position: relative; overflow: hidden; height: 1%;margin: 8px 0 0 0;padding: 5px; border: 0; }
.permalink li { display: inline; }
.permalink li a:link, .permalink li a:visited {display: block;float: left; padding: 2px 8px 2px 18px;background: transparent url(images/media/link.png) no-repeat left center;
white-space: nowrap;color: #888988; font-size: 11px; text-decoration: none; }
.permalink li a:hover {text-decoration: none; }
.pings_count { background: transparent url(images/media/pill.png) no-repeat left center; position: relative; overflow: hidden; float: center;
margin: 0px 0px 0px 5px;padding: 2px 8px 2px 18px;border: 0;white-space: nowrap;color: #888988;font-size: 11px;text-decoration: none;}
.attach_count { background: transparent url(images/media/attach.png) no-repeat left center;
position: relative; overflow: hidden; float: center; margin: 0px 0px 0px 5px;padding: 2px 8px 2px 18px; border: 0;white-space: nowrap; color: #888988;
font-size: 11px; text-decoration: none; }
#attachments { clear: left; margin: 14px 0 16px 0; padding: 5px; }
#attachments {color: #3C8FD1; }
#attachments h3 {color: #265E15; font-size: 1.4em; letter-spacing: 1px; font-weight: normal;font-family: Georgia, Verdana, Arial, Serif;}
#attachments ul {padding: 4px 0;}
#attachments li {margin: 0 0 0.6em;padding: 2px 10px 2px 18px; background: transparent url(images/media/attach.png) no-repeat 0 50%;}
#attachments li object {display: inline;margin: 0;padding: 0;vertical-align: bottom;list-style: none;float: left;}
#attachments li.audio {list-style: none;padding: 2px 8px 2px 18px;background: transparent url(images/media/music.png) no-repeat left center;}
#attachments li.document {list-style: none; padding: 2px 8px 2px 18px;background: transparent url(images/media/page.png) no-repeat left center;}
#attachments li.image {list-style: none; padding: 2px 8px 2px 18px;background: transparent url(images/media/picture.png) no-repeat left center;}
#attachments li.package {list-style: none;padding: 2px 8px 2px 18px;background: transparent url(images/media/zip.png) no-repeat left center;}
#attachments li.text { list-style: none;padding: 2px 8px 2px 18px;background: transparent url(images/media/text_align_justify.png) no-repeat left center;}
/* ------------------------------------------------------------
6. COMMENTAIRES, PINGS
------------------------------------------------------------- */
#comments { }
#pings { }
#pr { }
#comment-form { }
#comments h3 { font-size: 1.4em; margin: 1em 0 0; margin-top: 40px;letter-spacing: 1px;font-weight: normal; font-family: Georgia, Verdana, Arial, Serif;color: #265E15; }
#pings h3 { font-size: 1em; }
#pr h3 { }
#comment-form h3 {font-size: 1.4em; margin: 1em 0 0;letter-spacing: 1px; font-weight: normal;font-family: Georgia, Verdana, Arial, Serif;color: #265E15;}
#comments dl { }
#comments dt {list-style:none; margin: 0; padding: 0.5em;background:#fff url(images/shadow_top.gif) repeat-x top; border-bottom: #DDDDDD 1px solid;}
#content #comments dt span a {}
#content #comments dt span a:hover { text-decoration: none; }
#comments dd { margin: 3px 3px 30px 3px; padding: 0; }
#comments dd a { }
#comments .first { }
#comments .odd { }
#comments .me { }
#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }
#pr dl { }
#pr dd { margin-left: 0px; }
#comment-form {padding-top: 10px;}
#comment-form h3, #pings h3, #subscribetocomments_block h3 { font-size: 1.4em; margin: 20px 0px 10px 0px;letter-spacing: 1px;font-weight: normal;
font-family: Georgia, Verdana, Arial, Serif;color: #265E15; }
#comment-form fieldset p { padding: 5px 0; }
#comment-form fieldset p.field {clear: right;width: auto;margin: 0; padding: 5px 0;}
#comment-form p.form-help {width: 60%;margin: 0 0 0 0%;font-size:0.8em;}
#comment-form p label { width: auto;}
#comment-form p.field label {display: block;float: right;width: 35%;padding: 0 0px 4px 4px;text-align: left;}
#comment-form input, #comment-form textarea {width: 60%; border:#ccc 1px solid;background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
font:1em Verdana, Arial, Serif;padding:2px; }
#comment-form .jstEditor textarea {margin-left:27%;}
.jstHandle {margin-left:28%;width:60%;}
#comment-form #subscribeToComments_checkbox input { margin-left: 0px; width:auto; line-height:12px;}
#comment-form input#c_remember {width: auto;margin: 0 5px 0 0px;border: 0;}
#comment-form input.preview {margin-left: 0px; }
#comment-form input.preview, #comment-form input.submit { width: auto;background: #FBFBFB; border: 1px solid #E8E8E8;font-size: 1em;color: #3C8FD1;text-transform: uppercase;}
.buttons { margin-bottom: 0px 0px 0px 0px; }
#search form {margin: 0px 0px 0px 0px; }
.form-help { }
#ping-url { font-size: 0.9em; font-style: italic; }
#comments-feed { }
/* ------------------------------------------------------------
7. SIDEBAR
------------------------------------------------------------- */
#sidebar { margin-bottom: 60px; }
#sidebar div div {padding:10px;margin-bottom: 10px;background: #ededed;border-top-left-radius:0.6em;}
#sidebar h2 { color : #333333; margin: 0px 0px 10px 0px; font-weight: normal; font-size: 1.3em; text-align: left;font-variant:small-caps;}
#sidebar h3 { color : #333333; margin: 10px 0px 10px 0px;font-weight: normal; font-size: 1.2em; text-align: left;font-variant:small-caps;}
#sidebar a {color: #333333;}
#sidebar a:hover {}
#sidebar ul { list-style: none; padding: 0px; margin: 0px 0px 0px 0px;}
#sidebar li { list-style: none; padding: 0px 10px 10px 3px; margin: 0px 0px 0px 0px; font-size:0.9em; color: #333333; }
#sidebar li ul {list-style: none; padding: 0px 15px 0px 0px;}
#sidebar ul ul {list-style: square;margin: 0; padding: 0 0 0 15px;border: none; font-size: 1.1em;}
#sidebar li li { list-style: square;color: #333333;display: list-item;margin: 0.5em 0 0 0;padding: 0 0;border: none;}
#sidebar div.lastpostsextend li {display: block;}
/* boites du menu des widgets livres avec Dotclear */
#search.widget {}
#search.widget h2 { }
#search.widget form {margin: 0;}
#search.widget input[type=text] {width: 120px; border:#ccc 1px solid;background:#FFFFFF url(images/shadow_top.gif) repeat-x top;font:1em Verdana, Arial, Serif;padding:2px;} /* ou #search #q */
#search.widget input[type=submit] { border: #999 1px solid; font-size: 0.9em; background: #ddd; color: #333333;text-transform: uppercase; } /* ou #search .submit */
#topnav.widget { padding:10px;background: url(images/sideheadtop.gif) #ededed no-repeat left top; margin-bottom: 10px;}
#topnav.widget a {color: #333333; }
.topnav-arch a { color: #333333; }
.topnav-home a { color: #333333; }
#sidebar #topnav.widget span {display:none;}
div.widget.categories h2, div.widget.pages h2, div.widget.selected h2, div.widget.lastposts h2, div.widget.lastcomments h2, div.widget.links h2, div.widget.syndicate h2, div.widget.langs h2 { }
div.widget.categories a, div.widget.pages a, div.widget.selected a, div.widget.lastposts a, div.widget.lastcomments a, .links a, div.widget.syndicate a, div.widget.langs a {color: #333333;}
.contact-me { font-size: 0.9em; }
div.widget.categories ul li {}
div.widget.categories li.category-current {font-weight: bold;}
div.widget .categories li.category-current li { font-weight: normal;}
div.widget.selected { }
div.widget.langs { }
div.widget.syndicate { }
div.widget.lastposts { }
div.widget.lastcomments { }
div.widget.text { color: #333333; font-size: 0.9em; }
div.widget.text img { margin:0;padding:3px; background:none;max-width:185px;}
div.widget.links { }
.tags { word-break:hyphenate;word-wrap:break-word;}
.tags a {font-size: 85%;}
.tags ul { }
.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. FOOTER
------------------------------------------------------------- */
#footer { border-top: 1px solid #d2d2d2; color: #d2d2d2; min-height: 40px; padding: 2% 2% 1% 2%; width: 96%;}
.blogname { float: left; text-align: left;width: 60%;font-weight: 700; }
.blogname a { color: #d2d2d2; font-size: 210%; }
.blogname a:hover { color: #7c7c7c;text-decoration: none; }
.copyright {float: right; text-align: right; width:30%; font-style: italic; font-size: 100%;}
.copyright a { color: #d2d2d2; }
.copyright a:hover { color: #7c7c7c; text-decoration: none;}
/* ------------------------------------------------------------
9. 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: 2px 0px 18px 20px;background: transparent url(images/media/feed.png) no-repeat left top;margin-bottom: 40px;}
.dc-category .feed, .dc-tag .feed {clear: both;}
.comments-feed { margin-bottom: 40px;clear:both;}
/* 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; }
/* ------------------------------------------------------------
10. 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 { }
.arch-block {display: block;margin: 0 0 2em 4em;vertical-align: top;line-height: 22px;}
.arch-block:first-child {margin-left: 0;}
.arch-block h3 {color: #265E15;font-family: "Georgia", "Verdana", "Arial", serif;font-weight: 400; line-height: 24px; text-align: left;letter-spacing: 0.1em; margin-bottom: -1em;text-transform: uppercase; }
.arch-block h4 {color: #265E15;font-family: "Georgia", "Verdana", "Arial", serif;font-weight: 400;line-height: 24px;font-weight: bold;}
.arch-block ul { list-style-type: none; margin: 0;padding: 0; }
.arch-block li {font-size: 11px; line-height: 24px; padding: 2px 0px 2px 0px; }
.arch-block li a { }
.arch-block li li {padding: 0px 0px 0px 20px; }
.arch-block ul ul {margin-left: 20px;}
#time-criteria h3:first-child { color: #265E15;font-family: "Georgia", "Verdana", "Arial", serif;font-weight: 400;margin:0; padding:0 5px; line-height:30px; margin-top: 0; }
#by-date { margin-right: 0; margin-bottom: 2em; margin-top: 2em;}
#by-date h3 { color: #265E15;font-family: "Georgia", "Verdana", "Arial", serif;font-weight: 400; display: none; line-height:30px; margin-bottom: 0; }
.fromto { margin-top: 0;margin-bottom: 2.5em; line-height: 24px;font-style: italic;}
#by-date div {display: inline-block; vertical-align: top; margin: 0;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 { }
/* ---------------------------------------------------
11. 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;
}