/* Style for the Obsedian theme using Dotclear 2.36 
Licence: domaine public 
December 2025
*/


@font-face {  font-family: "Noto Sans";  src: url(index.php?tf=fonts/NotoSans-Regular.ttf);}
@font-face {  font-family: "NotoSerif-MediumItalic";  src: url(index.php?tf=fonts/NotoSerif-MediumItalic.ttf);}

*,*::after,*::before{box-sizing:border-box}
html{font-size:100%;text-size-adjust:100%; margin:0; padding:0}
body,page {margin:0;padding:0,}
body {
-moz-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';
}
html,input,textarea { -webkit-font-smoothing:antialiased; }

body {font-family: "Noto Sans", -apple-system,BlinkMacSystemFont,"Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,"Helvetica Neue", sans-serif;
	background: #e0deda; color: #434445;  line-height: 1.6em; font-size: 100%; }

* { box-sizing: border-box;}
#page {display: grid;  grid-template-columns: repeat(12, [col-start] 1fr);}

/* Mobile first */
#page > * { grid-column: col-start / span 12;}

@media (max-width: 998px) {
#page { background: #f7f7f7; margin: 0 auto;}
#top {grid-column: col-start 1 / span; grid-row: 1; padding: 20px 20px 0px 20px; background: #6aa4c5; }
p#prelude {grid-column: col-start 1 / span;  grid-row: 2; padding: 0px 20px 0px 20px; }
#top h1 {margin: 1em 0 2em 0 !important; font-size: 160%; font-weight: 400; text-align: right; color: #f7f7f7;}
#top h1 a { color: #f7f7f7 !important;}  
p#prelude { font-size: 80%; font-weight: 100; text-align: right; color: #a5a9ac;}
p#prelude a { color: #8d9295 !important;}  
#main {grid-column: col-start 1 / span;  grid-row: 3; padding: 0px 20px 0px 20px;  }
#sidebar {grid-column: col-start 1 / span;  padding: 2em 20px; grid-row: 4; background: #6aa4c5; }
#footer {grid-column: col-start 1 / span;  grid-row: 5;  padding: 0px 20px 20px 20px; }
nav ul {display: flex; justify-content: space-between;}
}

@media (min-width: 999px) {
#page { margin: 3em auto; background: linear-gradient(to top, #99c0dd, #6aa4c5);   border-radius: 40px;  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.257), 0px 2px 20px 0px rgba(0, 0, 0, 0.118) !important;  }
#top { grid-column: col-start 4 / span 9; grid-row:1; background: #f7f7f7; padding: 30px 50px 0px 50px;  border-radius: 0 40px 0 0; }
#top h1 {margin: 0 !important; font-size: 85%; font-weight: 100; text-align: right; }
#top h1 a {border-bottom: 1px dotted; }
p#prelude { display: none;  grid-column: col-start 4 / span 9; grid-row:2; margin: 0; padding: 0 50px; }
#wrapper { display: grid; grid-template-columns: repeat(12, [col-start] 1fr);}
#sidebar {grid-column: col-start 1 / span 3; grid-row: 1; padding: 0 25px; }
#main {grid-column: col-start 4 / span 9; grid-row:1; background: #f7f7f7; padding: 0 50px; }
#footer {grid-column: col-start 4 / span 9; grid-row: 4; background: #f7f7f7; padding: 0px 50px 30px 50px; border-radius: 0 0 40px 0; }
#footer p {margin: 0; }
nav ul { flex-direction: column;} 
}

/* -------------------------------------------------------------------
HTML 
----------------------------------------------------------------------*/

a { text-decoration: none; transition: all 0.2s ease-in-out; color: #434445; }
a:hover {}
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 140%;  }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%;  }
h6 { font-size: 90%;  }
nav ul {list-style: none;  margin: 0;  padding: 0;}
ol, ul {list-style-position: inside;}
p { font-optical-sizing: auto; }
img {max-width: 100%;} 
blockquote {background: transparent url(index.php?tf=img/quote.svg) no-repeat left top; padding: 6px 50px 0; margin: 0 0 2em 0; min-height: 100px;}
blockquote p { font-family: "NotoSerif-MediumItalic", serif; font-size: 100%; }
figure { padding: 0; margin: 2em 0; }
figure img { }
figcaption { font-size: 80%; color: gray; margin: 0.5em 0; text-align: center; font-style: italic;}
fieldset{ border: none;}
abbr, acronym { line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help;}
code { font-family: monospace; line-height: 1em; background: lightgray;}
pre { background: transparent; overflow: auto; clear: both;}
code, pre {vertical-align: baseline;}
hr {}
table {border-collapse:collapse;border-spacing:0;width:100%;display:table}
tr {text-align: left;border-bottom: 1px solid #434445;}
th {border-bottom: 1px solid #434445; }
table,th,td {border:none}

/* -------------------------------------------------------------------
WRAPPER, PAGE, MAIN
----------------------------------------------------------------------*/
#page {max-width: 980px; }
#content { }
#content-info { }
#content-info h2 { line-height: 1.7em;}
#content-info p { }
.content-inner { }
#subcategories ul li { list-style: circle;}

/*--------------------------------------------------------------------
PAGINATION, NAVLINKS
---------------------------------------------------------------------*/
#navlinks { font-size: 80%; }  /* display: flex; justify-content: space-between;  will push all content in a navilink equzl to left, center and right */
a.prev, a.next { }

/* Pagination for plugin mrvbPagination but will work with normal pagination */

.pagination {text-transform: uppercase; margin: 75px auto; padding: 10px 6%; text-align: center; font-size: 80%; }  
.pagination span.label{padding: 0 5px 0 0;  }
.pagination span.this,
.pagination a { line-height: 1.5em; text-decoration: none; margin: 0 1px 0 0; text-align: center; }
.pagination span.etc{text-decoration: none; margin: 0 1px 0 0; text-align: center;}
.pagination span.this{min-width: 13px; padding: 4px 8px 4px 8px;}
.pagination a { padding: 4px 12px; margin-right: 3px; }
.pagination a:hover { }

/* replace default pagination in __layout.html, category.html, tag.html. search.tml:

	<tpl:Pagination>
	<div class="pagination">
	<tpl:PaginationIf start="0">
	<a href="{{tpl:PaginationURL offset="-1"}}" class="prev left">{{tpl:lang previous}}</a></tpl:PaginationIf>
	<tpl:PaginationIf start="1">
	<span class="prev left">{{tpl:lang previous}}</span></tpl:PaginationIf>
	<tpl:PaginationIf end="0"><a href="{{tpl:PaginationURL offset="+1"}}" class="next right">{{tpl:lang next}}</a></tpl:PaginationIf>
	<tpl:PaginationIf end="1"><span class="next right">{{tpl:lang next}}</span></tpl:PaginationIf>
	{{tpl:PaginationLinks max="10"}}
	</div>
	</tpl:Pagination>
	
*/

/* -------------------------------------------------------------------
POST
----------------------------------------------------------------------*/

.dc-home .post-info, .dc-home ul.post-tags, .dc-home .post-info-co, #breadcrumb{ display: none; } 
.post { margin: 3em 0; }
.dc-post .post { margin: 2em 0; }
.post.first { }
.post.odd { }
.day-date { font-size: 80%; } /* is the date above the title */
.post-title { margin-bottom: 1em; line-height: 1.8em;}
.post-info, .page-info { font-size: 80%;  }
.post-tags { margin-top: 0.1em;  font-size: 80%; padding-left:0px; }
.post-tags li:first-child { padding: 2px 0px 2px 0px; word-spacing: 2px;}
.post-tags li {	display: inline;	}
.post-tags li:after {	content: ", ";}
.post-tags li:last-child:after {	content:"";	}

.post-excerpt { font-family: "NotoSerif-MediumItalic"; }
.post-content { }
.post-content a { border-bottom: 1px dotted; padding-bottom: 1px; }
.post-content p { text-align: justify; margin-bottom: 1em; }
.post-content ul li { list-style: circle;}
.dc-post .post img {} 
p.read-it { }

.footnotes { font-size: 80%; }
.footnotes h4 {}

.post-info-co {  font-size: 80%; }
.post-info-co a { }

.footnotes {font-size: 80%;  }
.footnotes h4 { }

.post-info-co { font-size: 80%; }
.comment_count { }
.pings_count { }
.attach_count { }

.dc-tags ul.tags { padding-left: 0; }
.dc-tags .tags li { list-style: none; display: inline-block; padding: 10px 10px 10px 0px;}

.page-info { }

/* -------------------------------------------------------------------
COMMENTS, ATTACHMENTS 
----------------------------------------------------------------------*/
#attachments,#comment-form, #comments, #comments-feed , #pings, #comment-form #pr {  margin-bottom: 3em; font-size: 90%;  }
#attachments h3,#comment-form h3, #comments h3, #comments-feed h3 , #pings h3 {  font-size: 100%; }

#attachments {  }
#attachments ul {  }
#attachments ul li {list-style: circle; list-style-position: inside;  }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }

#comment-form fieldset {width: 100%; padding: 0; }
a.comment-number {padding-right: 20px;}

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

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

.form-help { }

#ping-url {  font-size: 80%; }
#comments-feed {  font-size: 80%;  }
#pr dl { }
#pr dd { }

p.field input  {width: 100%; background: white; color: #434445; padding: 8px !important; border: 1px solid  #434445; border-radius: 5px;  }
p.field textarea  {width: 100%;  background: white; padding: 8px !important; border: 1px solid  #434445; border-radius: 3px;  } 
p.buttons input  { padding: 10px; background: linear-gradient(to top, #99c0dd, #6aa4c5);  color: #f7f7f7; border: 0; font-weight: 700; text-transform: uppercase; border-radius: 5px; }
p.buttons input:hover {color: #f7f7f7 !important; background: linear-gradient(to bottom, #99c0dd, #6aa4c5); }
p#pr.error {color: Red;}
span.jstb_icon { color: #434445 !important;} /* commonWikibar color on iOS */

/* -------------------------------------------------------------------
FEED, PRE
----------------------------------------------------------------------*/
#sidebar .feed { padding-left:22px; background: transparent url(index.php?tf=img/feed.svg) no-repeat left center; }
#content-info .feed { padding-left:22px; background: transparent url(index.php?tf=img/feed2.svg) no-repeat left center; }

/*.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 #8d9295; background: #f7f7f7; padding: 0.5em; }
.error ul { padding-left: 20px;	}
.error li {	list-style: square; }
	
.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; }

/* -------------------------------------------------------------------
SIDEBAR
----------------------------------------------------------------------*/
#sidebar { font-size: 90%;  color: #f7f7f7 !important; }
div.widget { margin-bottom: 2em;  }
div.widget h2, div.widget h3, div.widget.text p , div.widget a { color: #f7f7f7 !important;}
div.widget h2, div.widget h3 {text-transform: uppercase; font-size: 100%; font-weight: 700; }
div.widget a { }
div.widget.text p { }

div.widget ul { list-style-type:circle;  list-style-position: outside; padding-left: 20px; margin: 0; }
div.widget ul ul {padding-left: 20px;}
div.widget li li {list-style: circle; list-style-position: outside;}
div.widget.tags ul {padding-left: 0px;  }
div.widget.tags li{ display:inline-block; list-style-type: none; line-height: 1.5em; padding: 1% 2%;}
div.widget.tags p a { padding-left: 5px;}
#search.widget p { display: flex; justify-content: space-between; margin: 0 !important; padding: 5px; }
#search.widget form { background: #f7f7f7;  font-size: 100%; padding: 0 !important; border: 1px solid #f7f7f7; border-radius: 5px;}
#search.widget input:active { border: #f7f7f7;  }
#search.widget input {width: 76.66666%;  background: #f7f7f7;  font-size: 100%; border: none; padding: 2px !important; outline-color: #f7f7f7 }
#search.widget input[type=submit] {width: 19.33333%; background: #f7f7f7 url(index.php?tf=img/find.svg) no-repeat center center; border: none; color: transparent;} 
#search.widget input[type=submit]:hover {background: transparent url(index.php?tf=img/find.svg) no-repeat center center;  }

/* -------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------*/
#footer {font-size: 80%; font-weight: 100; text-align: right; color: #434445 !important;}
#footer a { color: #434445 !important; border-bottom: 1px dotted; }
#footer p { }
.arrowup {    font-size: 160%; font-weight: 700; position: relative; }
a.arrowup { padding: 0 0 0 6px; border-bottom: 1px dotted; }

/* -------------------------------------------------------------------
SPECIAL PAGES
----------------------------------------------------------------------*/
.dc-404 {}
.dc-archive {}
.dc-archive h3 { font-size: 120%;}
.dc-archive .content-inner li {list-style: none; display: inline; padding-right: 10px; }
.dc-archive-month {}
.dc-category {}
.dc-page {}
.dc-post {}
.dc-search {}
.dc-tag {}
.dc-tags ul.tags { padding-left: 0; }
.dc-tags .tags li { list-style: none; display: inline-block; padding: 10px 10px 10px 0px;}

/* -------------------------------------------------------------------
CLEAR: BOTH
----------------------------------------------------------------------*/
.post-content, .footnotes, .attachments, .post-info-co, #comments, #footer { clear:both; }