@charset "UTF-8";
@import url(index.php?tf=rebase.css);
@import url(index.php?tf=mediaqueries.css);

/*Infos
Plan de cette feuille : 1. Structure, imports | 2. Liens, HTML | 3. Page | 4. Haut de page | 5. Wrapper, Main, Content | 6. Billets | 7. Commentaires et rétroliens | 8. Sidebar | 9. Footer | 10. Classes communes | 11. Pages spécifiques | 12. Clearers | 13. Ductile Focus Goodies | 14. Specifics
Thanks to : Colorzilla WYSIWYG Gradient Editor https://colorzilla.com/gradient-editor | Micro clearfix by Nicolas Gallagher https://nicolasgallagher.com
*/

/*1. Structure, typo*/

@font-face{font-family:"Liberation Sans"; src:local("Liberation Sans"),local("Liberation-Sans"),local("LiberationSans"); font-weight:normal; font-style:normal; src:url("index.php?tf=fonts/Liberation_Sans_Regular.woff2") format("woff2"),url("index.php?tf=fonts/Liberation_Sans_Regular.woff") format("woff"),url("index.php?tf=fonts/Liberation_Sans_Regular.ttf") format("truetype");}

@font-face{font-family:"Liberation Sans"; src:local("Liberation Sans"),local("Liberation-Sans"),local("LiberationSans"); font-weight:bold; font-style:normal; src:url("index.php?tf=fonts/Liberation_Sans_Bold.woff2") format("woff2"),url("index.php?tf=fonts/Liberation_Sans_Bold.woff") format("woff"),url("index.php?tf=fonts/Liberation_Sans_Bold.ttf") format("truetype");}

@font-face{font-family:"Liberation Sans"; src:local("Liberation Sans"),local("Liberation-Sans"),local("LiberationSans"); font-weight:normal; font-style:italic; src:url("index.php?tf=fonts/Liberation_Sans_Italic.woff2") format("woff2"),url("index.php?tf=fonts/Liberation_Sans_Italic.woff") format("woff"),url("index.php?tf=fonts/Liberation_Sans_Italic.ttf") format("truetype");}

@font-face{font-family:"Liberation Sans"; src:local("Liberation Sans"),local("Liberation-Sans"),local("LiberationSans"); font-weight:bold; font-style:italic; src:url("index.php?tf=fonts/Liberation_Sans_Bold_Italic.woff2") format("woff2"),url("index.php?tf=fonts/Liberation_Sans_Bold_Italic.woff") format("woff"),url("index.php?tf=fonts/Liberation_Sans_Bold_Italic.ttf") format("truetype");}

/*Body*/

body{background:#ccc; color:#333;}

/*Font-Families*/

body,.supranav li a span,.comment-info,#comments .me,.comment-number{font-family:"Liberation Sans",sans-serif;}

#blogdesc,.supranav,#prelude,#submenu,#content-info,#subcategories,p.post-date,#comments,#ping-url,#comment-form,#comments-feed,.field input,.field textarea,#sidebar,#footer p,.arch-block h4{font-family:"Liberation Sans",sans-serif;}

h1,h2,h3,h4,h5,h6,.focus1-headline{font-family:"Liberation Sans",sans-serif;}

h1,h2,h3,h4,h5,h6{text-align:left;}

@media only screen and (max-width:480px){.post-title{font-family:"Liberation Sans",sans-serif;}
}

/*2. Liens, complément balises HTML*/

del{color:#800000;}

blockquote{clear:left; border-left:4px solid #ccc; padding:1px 1em 0.5em; background:#f9f9f9;}

code,pre{background:#efefef; border-right:1px solid #aaa; border-bottom:1px solid #aaa; font-size:0.81em;}

pre{white-space:normal;}

a{color:#808080;}

a:hover,a:focus{background-color:#eceded; text-decoration:none;}

ul ul{margin-top:0;}

h2,h2 a{margin-top:0.75em; color:#333;}

table{border:1px solid #999; border-collapse:collapse;}

td,th,tr{padding:2px 8px; border:1px solid #ccc; border-collapse:collapse;}

thead th,tbody th{color:#555; background:#f0f0f5; text-align:left; font-weight:normal;}

tbody tr:hover,tbody th:hover{background:#eee;}

table caption{color:#4682b4; text-align:left; margin-bottom:0.33em; font-weight:bold;}

/*3. Page*/

#page{position:relative;}

/*4. Haut de page*/

#header{position:relative; background-image:linear-gradient(to top,#333,#808080); text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}

#logo a img,#stickers a img{border:0;}

h1 a{text-decoration:none; color:#333;}

#blogdesc{margin:0 0 0 32px; font-style:italic; font-weight:bold; color:#fff;}

.supranav,#prelude{list-style-type:none; line-height:1.25; font-size:1em;}

.supranav li,#prelude li{text-transform:uppercase; vertical-align:top;}

.supranav{clear:both;}

.supranav li a{text-decoration:none; white-space:nowrap; background-color:#999; border-radius:0; font-style:normal; margin-bottom:0;}

.supranav li a:hover,.supranav li a:active,.supranav li a:focus{background-color:#eceded; background-position:right -150px;}

.supranav li a{color:#333;}

.supranav li.active a{background:#ccc; color:#000; font-weight:bold;}

.supranav li a[href*="?"]{background:#999 url(index.php?tf=img/Icon_Home.svg) no-repeat bottom 5px left 5px; background-size:30px; padding-left:40px; padding-bottom:7px; padding-top:9px;}

.supranav li a[href*="?"]:hover{background:#eceded url(index.php?tf=img/Icon_Home.svg) no-repeat bottom 5px left 5px; background-size:30px;}

.supranav li.active a[href*="?"]{background:#ccc url(index.php?tf=img/Icon_Home.svg) no-repeat bottom 5px left 5px; background-size:30px;}

.supranav li a[href*="?archive"]{background:#999 url(index.php?tf=img/Icon_Archive.svg) no-repeat bottom 5px left 5px; background-size:25px; padding-left:40px; padding-bottom:7px; padding-top:9px;}

.supranav li a[href*="?archive"]:hover{background:#eceded url(index.php?tf=img/Icon_Archive.svg) no-repeat bottom 5px left 5px; background-size:25px;}

.supranav li.active a[href*="?archive"]{background:#ccc url(index.php?tf=img/Icon_Archive.svg) no-repeat bottom 5px left 5px; background-size:25px;}

.supranav li a[href*="?contact"]{background:#999 url(index.php?tf=img/Icon_Mail.svg) no-repeat bottom 5px left 5px; background-size:25px; padding-left:40px; padding-bottom:7px; padding-top:9px;}

.supranav li a[href*="?contact"]:hover{background:#eceded url(index.php?tf=img/Icon_Mail.svg) no-repeat bottom 5px left 5px; background-size:25px;}

.supranav li.active a[href*="?contact"]{background:#ccc url(index.php?tf=img/Icon_Mail.svg) no-repeat bottom 5px left 5px; background-size:25px;}

.supranav li a[href*="?pages/%C3%80-propos"]{background:#999 url(index.php?tf=img/Icon_About.svg) no-repeat bottom 5px left 5px; background-size:30px; padding-left:40px; padding-bottom:7px; padding-top:9px;}

.supranav li a[href*="?pages/%C3%80-propos"]:hover{background:#eceded url(index.php?tf=img/Icon_About.svg) no-repeat bottom 5px left 5px; background-size:30px;}

.supranav li.active a[href*="?pages/%C3%80-propos"]{background:#ccc url(index.php?tf=img/Icon_About.svg) no-repeat bottom 5px left 5px; background-size:30px;}

.supranav li a span{display:block; text-transform:none; text-shadow:none; font-style:normal;}

#submenu{clear:both; padding:3px 2.3em 3px 32px; font-size:0.875em; line-height:1.5;}

#breadcrumb,#searchform,#submenu #searchform p{margin:0; padding:0;}

a#bc-home{display:inline-block; vertical-align:top; font-size:0; background-image:url(index.php?tf=img/Icon_Home.svg); background-repeat:no-repeat; background-size:18px; width:18px; height:17px; text-decoration:none; background-position:bottom left;}

#searchform{float:right; margin-bottom:3px;}

#searchform label{display:none;}

#sf{width:18em; border:1px solid #999; margin:0; padding-left:0.5em; height:18px; border-radius:4px; background:#f5f5f5;}

#sf:focus{background:#fff;}

.search-submit{width:24px; height:24px; font-size:0; border:none; cursor:pointer; padding:0; background:transparent url(index.php?tf=img/Icon_Search.svg) no-repeat top left; background-size:22px;}

.search-submit:hover,.search-submit:focus{background-image:url(index.php?tf=img/Icon_Search.svg); background-size:22px;}

/*5. Wrapper Main Content*/

#wrapper{clear:both; position:relative;}

#content{padding-bottom:2em;}

.dc-home #content,.dc-category .content-inner,.dc-tag .content-inner,.dc-archive .content-inner,.dc-archive-month .content-inner{display:flex; flex-wrap:wrap;}

/*Content-Info*/

#content-info{font-size:0.875em; margin-bottom:3em;}

#content-info h2{color:#333; margin-top:0; margin-bottom:0.33em;}

#subcategories{padding-top:1em; font-size:0.875em;}

#subcategories h3,#subcategories ul{display:inline; padding-right:1em;}

#subcategories h3{font-size:1.1em;}

#content-info p,#content-info ul,#subcategories ul{margin:0.5em 0; padding:0; list-style-type:none;}

#subcategories li{margin:0; display:inline; padding-right:1em;}

.feed-info{color:#fff;}

.feed-info a{font-size:0.875em; padding-top:0.1em; padding-bottom:0.1em;}

/*Pagination, navlinks*/

.navlinks,.pagination{margin:0 0 1em 0; padding:4px 8px; text-align:center; font-size:0.875em; color:#000; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f2f2f0; border-radius:4px;}

.navlinks a,.pagination a{color:#333;}

.navlinks.topnl{border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#f2f2f0; padding:2px 0;}

/*6. Billets*/

p.post-date{font-size:0.875em; color:#333; margin:0; border-radius:3px;}

.post-title{font-size:1.33em; margin-bottom:0.33em; margin-top:0.5em; color:#333; line-height:1.17;}

.post-title a{text-decoration:none; color:#000;}

.post-icon,.photo-icon{margin:0.33em 0 0.66em; padding:4px; border:1px solid #999; box-shadow:2px 2px 3px #ccc;}

.post-icon{margin-right:1em; background:#fff; display:block; float:left;}

.short{margin-bottom:3em; display:inline-block; vertical-align:top; background-color:#dcdcdc; border-radius:10px; padding:10px;}

.short .post-content p{margin-top:0; text-align:justify;}

.short .post-info{margin-bottom:0.33em;}

.short-photo{max-width:100%; margin-bottom:0; text-align:center;}

.short-photo img{max-width:96%; margin-bottom:0; background:#fff;}

.post h3,.post h4,.post h5,.post h6{color:#333;}

.simple .post-content{text-align:justify;}

.post.simple{padding:10px; border:1px solid #bbb; background-color:#dcdcdc; border-radius:10px;}

.post-content img,.post-excerpt img{border:1px solid #999; max-width:96%;}

img.smiley{border:none; padding:0;}

.post-info,.post-tags,.post-info-co{margin:0; padding:0;}

.post-attr{font-size:0.875em; margin:0.5em 0;}

.post-attr p{margin-top:0;}

.post-cat{background:#fff url(index.php?tf=img/Icon_Folder.svg) left 2px center no-repeat; color:#000; background-size:20px; border-radius:3px; display:inline; margin:2px; padding:3px; padding-left:24px; line-height:2.5; white-space:nowrap;}

.post-cat a{color:#000; text-decoration:none; font-weight:bold;}

.permalink a{padding-left:17px; background:transparent url(index.php?tf=img/Icon_Link.svg) 0 center no-repeat; background-size:16px; white-space:nowrap;}

.post-tags li:first-child{background-size:18px;}

.post-tags li{display:inline; margin:2px; line-height:2.5; white-space:nowrap;}

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

.post-tags li a{background:#4682b4; border-radius:3px; font-weight:bold; color:#fff; text-decoration:none; padding:4px;}

.post-content ul,.post-excerpt ul{list-style-type:square; margin-left:0; text-align:left;}

.post ol{margin-left:0;}

.footnotes{font-size:0.875em;}

.footnotes h4{font-weight:bold;}

.read-it{text-align:right!important; margin:0 0 0.25em 0;}

.read-it a{color:#fff; padding:3px; background:#686867; font-weight:bold; text-decoration:none; border-radius:4px;}

.read-it a:hover{background:#4682b4;}

.post-info-co{margin:0;}

.post-info-co a{text-decoration:none; padding-right:1em; padding-left:20px;}

a.comment_count{background:transparent url(index.php?tf=img/Icon_Comments.svg) 0 center no-repeat; background-size:18px; padding-left:20px;}

a.ping_count{background:transparent url(index.php?tf=img/Icon_Ping.svg) 0 center no-repeat; background-size:12px; padding-left:14px;}

a.attach_count{background:transparent url(index.php?tf=img/Icon_Attachment.svg) 0 center no-repeat; background-size:18px; padding-left:20px;}

#attachments{font-size:0.875em; border-bottom:1px solid #999; margin:0 0 2em;}

#attachments h3{color:#686867;}

#attachments ul{list-style-type:none; margin:0 0 1em; padding:0;}

#attachments ul li{padding-left:24px; background:transparent url(index.php?tf=img/Icon_Download.svg) 4px center no-repeat; background-size:14px;}

figure{text-align:center;}

figcaption{font-size:0.875em;}

/*7. Commentaires, Pings*/

/*Commentaires et rétroliens*/

#comments,#ping-url,#comment-form,#comments-feed{color:#333; font-size:0.875em; clear:both;}

#comment-form,#ping-url{padding:1em; background:#dcdcdc; margin-bottom:1em; color:#333; border:1px solid #ddd; border-radius:10px;}

#pr{padding:1em; border:1px dashed #808080; margin-bottom:1em;}

#comments h3,#ping-url h3,#pr h3,#comment-form h3{margin-top:2em;}

#comment-form h3,#ping-url h3{margin-top:0;}

#comments > ul{margin-left:0; padding-left:0; list-style-type:none;}

.comment,.ping{clear:left; margin-left:0; border-top:1px solid #bbb;}

.comment-info{padding-bottom:0.2em; line-height:1.25; color:#686867;}

#comments .me{color:#4682b4;}

.comment-number{font-size:.8em; line-height:1.2em; font-weight:normal; text-decoration:none; color:#000; display:block; width:3.1em; text-align:center;}

.comment-number span{line-height:26px;}

.comment .comment-number{background:transparent url(index.php?tf=img/Icon_Comment.svg) 3px center no-repeat; background-size:28px; font-weight:bold; height:30px;}

.ping .comment-number{background:transparent url(index.php?tf=img/Icon_Ping.svg) right center no-repeat;}

#comments-feed{border-top:1px solid #bbb; margin-top:1.5em; padding-top:1em;}

/*Formulaire des commentaires*/

.field{margin-bottom:1em;}

.field label{display:block; color:#444;}

.field input,.field textarea{display:block; font-size:100%; border:1px solid #ccc; padding:4px; background:#fff; border-radius:3px;}

.field textarea{padding:0.5em 1em;}

.field input:focus,.field textarea:focus{background:#fff;}

#comment-form input[type='submit'],#comment-form input[type='reset']{color:#eee; display:inline-block; text-transform:capitalize; font-weight:bold; text-align:center; padding:0.33em 0.66em; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); background:rgb(119, 119, 119); border:1px solid #686867; border-radius:5px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); background-image:-webkit-gradient( linear,  left top,  left bottom,  color-stop(0%, rgba(119, 119, 119, 1)),  color-stop(100%, rgba(85, 85, 85, 1))); background:-webkit-linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(85, 85, 85, 1) 100%); background:-moz-linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(85, 85, 85, 1) 100%); background:-o-linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(85, 85, 85, 1) 100%); background:-ms-linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(85, 85, 85, 1) 100%); background:linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(85, 85, 85, 1) 100%);}

#comment-form input[type='submit']:hover,#comment-form input[type='submit']:focus,#comment-form input[type='reset']:hover,#comment-form input[type='reset']:focus{background:rgb(85, 85, 85); background-image:-webkit-gradient( linear,  left top,  left bottom,  color-stop(0%, rgba(85, 85, 85, 1)),  color-stop(100%, rgba(119, 119, 119, 1))); background:-webkit-linear-gradient(top, rgba(85, 85, 85, 1) 0%, rgba(119, 119, 119, 1) 100%); background:-moz-linear-gradient(top, rgba(85, 85, 85, 1) 0%, rgba(119, 119, 119, 1) 100%); background:-o-linear-gradient(top, rgba(85, 85, 85, 1) 0%, rgba(119, 119, 119, 1) 100%); background:-ms-linear-gradient(top, rgba(85, 85, 85, 1) 0%, rgba(119, 119, 119, 1) 100%); background:linear-gradient(top, rgba(85, 85, 85, 1) 0%, rgba(119, 119, 119, 1) 100%); text-decoration:none;}

#c_content{width:95%; padding:4px;}

.form-help{margin-top:0; font-size:0.875em; font-style:italic;}

#comments-feed{margin-top:2em;}

/*8. Sidebar*/

#sidebar{font-size:0.875em;}

#sidebar h2,#sidebar h3{font-weight:bold; margin-bottom:0;}

#sidebar h2{font-size:1.1em; color:#333; background:#eee; padding:2px 0.5em;}

#sidebar h2.toggle{background:#fff url(index.php?tf=img/Icon_Plus.svg) no-repeat 3px; background-size:12px; padding-left:18px;}

#sidebar h2.expanded{background:#fff url(index.php?tf=img/Icon_Minus.svg) no-repeat 3px; background-size:12px;}

#sidebar h2.toggle a{text-decoration:none; color:#686867;}

#sidebar h3{font-size:1em; margin-bottom:0;}

#sidebar img{max-width:100%;}

#sidebar ul{margin:0.75em 0 0.5em 4px; list-style-type:none; padding:0;}

#sidebar ul li ul{margin:0;}

#sidebar li{padding-left:16px; background:transparent url(index.php?tf=img/Squares.png) no-repeat -133px 0.5em;}

#sidebar ul li ul li{background:transparent url(index.php?tf=img/Squares.png) no-repeat -70px center;}

#sidebar ul li ul li ul li{background:transparent url(index.php?tf=img/Squares.png) no-repeat 0 center;}

#sidebar .syndicate li{background-image:none; padding-left:0;}

.categories{border-radius:4px; background-color:#686867;}

#sidebar .categories ul,#sidebar .categories ul ul{margin:0;}

#sidebar .categories ul li{line-height:2; border-bottom:1px solid #fff; padding:0; background-image:none;}

#sidebar .categories > ul li:last-child{border-bottom:none;}

#sidebar .categories li ul li{line-height:1.75; border-bottom:none;}

.categories ul a{display:block; background:transparent url(index.php?tf=img/Icon_Folder.svg) 4px center no-repeat; background-size:18px; color:#fff; text-decoration:none; padding-left:24px;}

.categories ul ul a{padding-left:48px; background-position:24px;}

#sidebar .category-current{background-color:#999;}

ul ul .category-current{border-top:1px solid #fff;}

.categories ul a:hover,.categories ul a:focus{font-weight:normal; background-color:#4682b4;}

/*Recherche déjà présente dans le Header, on la supprime dans le sidebar */

#search{display:none;}

/*9. Footer*/

#footer{clear:both; background:#303030; color:#fff; font-size:0.875em;}

#footer p{padding:0.66em 2em; margin:0; text-align:right;}

#blogcustom{clear:both; text-align:center; color:#ccc; border-bottom:1px solid #999; background-image:linear-gradient(to top,#808080,#333);}

#blogcustom a:link,#blogcustom a:visited{color:#fff;}

#blogcustom > div{display:inline-block; text-align:left; vertical-align:top; width:294px; padding:12px;}

#blogcustom div.feed{background-image:none;}

#blogcustom img{max-width:100%;}

#blogcustom ul{padding:0.66em 1em 0; margin:0; text-align:left; line-height:1.75;}

#blogcustom li{padding-left:0; margin-left:0;}

#blogcustom .syndicate ul{list-style-type:none; padding-left:0;}

#footer a{color:#fff;}

#footer a:hover,#footer a:focus{background-color:#686867;}

#stickers{list-style-type:none; margin:0;}

#footer h2{color:#fff;}

/*10. Classes communes*/

/*RSS*/

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

/*Tags*/

.dc-tags .content-inner,.dc-tags .content-inner ul{font-size:1.25em; margin:0; padding:0;}

.dc-tags #content ul li,.dc-tags #content ul li a,#sidebar .tags ul li,#sidebar .tags ul li a{display:inline; width:auto; padding-left:0; padding-right:0.5em; background-color:transparent; background-image:none; text-decoration:none; 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;}

/*Class à dispo pour billets*/

/*Mini-galeries*/

.expo{text-align:center; line-height:1.2;}

.expo p{border:1px solid #ccc; background:#f2f2f0; text-align:center; display:inline-block; vertical-align:middle; position:relative; overflow:hidden;}

.expo_m p{padding:8px 2px 32px; font-size:0.875em; margin:1em;}

.expo_s p{padding-top:8px; width:260px; height:280px; margin:6px 4px; font-size:0.875em;}

.expo_t p{padding-top:4px; width:112px; height:132px; margin:6px 4px; font-size:0.75em;}

.expo img{display:inline-block; margin:auto; border:none; padding:0; border:1px solid #fff;}

.expo a{text-decoration:none; color:#000;}

.expo a:after{content:attr(title); display:block; position:absolute; padding:2px 0; left:0; bottom:0; width:100%; background-color:#e3e3df;}

.expo a:hover,.expo a:focus{zoom:1; opacity:0.5;}

/*Autres classes*/

.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:0.875em;}

.little-upper-text{font-size:0.875em; text-transform:uppercase;}

hr.hidden{background:#fff; color:#fff; border-color:#fff; margin:0;}

/*11. Pages spécifiques*/

/*Home*/

.dc-home #content{clear:both; margin-top:1.66em;}

#content-focus{padding-bottom:2em;}

/*Focus 1*/

.focus1{padding:0 1em 0.2em 1em; background:#f2f2f0; box-shadow:3px 3px 5px #bbb; margin-bottom:2em;}

.focus1-top{background-color:#333; color:#fff; margin:0 -1em 1.5em; padding:0.3em 1em; line-height:1.1;}

.focus1-headline{font-size:1.2em; font-weight:bold;}

.focus1 .post-title{margin:.5em 0 .5em 0;}

.focus1-icon{display:block; float:left; line-height:0.7em; margin:.5em 1em .5em 1em; padding:0; border:1px solid #999; box-shadow:2px 2px 3px #ccc;}

.focus1-icon img{padding:4px; background:#fff;}

img.author-icon{padding:0;}

.focus1-top a:link,.focus1-top a:visited{color:#333; background-color:transparent;}

.focus1 .post-content p{margin-bottom:0; text-align:justify;}

.focus1 p.post-author{margin-top:0;}

.post-author{font-style:italic;}

/*Focus 2*/

.focus2 h2{font-size:1.2em; margin-top:0;}

/*.focus2 h2 span{}*/

.focus2 h3{font-size:1em; margin-bottom:0.2em;}

.focus2 a{text-decoration:none; color:#000;}

.focus2 ol{list-style-type:none; margin:0; padding:0;}

.focus2 ol li{border-bottom:1px solid #ccc;}

.focus2 .post-info{font-size:0.875em; margin-top:0;}

/*Focus 3*/

.focus3 a:hover{background:none;}

.focus3 h2{font-size:1.2em; margin-top:0; margin-bottom:1em;}

/*.focus3 h2 span{}*/

.focus3 ul{margin:0; padding:0; list-style-type:none;}

.focus3 ul li{background:#ccc; overflow:hidden; display:inline-block; vertical-align:top; margin-bottom:4px;}

.focus3 img{opacity:1; -moz-transition-property:opacity; -moz-transition-duration:0.66s; -webkit-transition-property:opacity; -webkit-transition-duration:0.66s; -o-transition-property:opacity; -o-transition-duration:0.66s; transition-property:opacity; transition-duration:0.66s; border:1px solid #999;}

.focus3 img:hover{opacity:0.5;}

/*Archives*/

.arch-block{display:inline-block; margin:0 0 2em 4em; vertical-align:top;}

.arch-block:first-child{margin-left:0;}

.arch-block h3{margin-bottom:1em; font-size:1.2em; font-style:italic; font-weight:normal; text-transform:lowercase; color:#333;}

.arch-block h4{font-weight:normal; font-size:1.1em; margin-bottom:0; margin-top:0;}

.arch-block ul{list-style-type:none; margin:0; padding:0;}

.arch-block ul ul{margin-left:20px;}

#time-criteria h3:first-child{margin-top:0;}

#by-date{margin-right:0; margin-bottom:1em;}

#by-date h3{margin-bottom:0;}

.fromto{margin-top:0; margin-bottom:1.5em; font-size:0.875em; 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{font-size:0.875em;}

#by-cat ul{background:transparent url(index.php?tf=img/Line_Vertical.png) repeat-y;}

#by-cat ul ul{margin:0.5em 0 0 0.5em;}

#by-cat ul li{padding:0.2em 0.2em 0.2em 20px; background:transparent url(index.php?tf=img/Line_Horizontal.png) no-repeat left 0.82em;}

#by-cat ul li:last-child{background-image:url(index.php?tf=img/Line_Horizontal_Last.png);}

#by-tag{width:18em;}

#by-tag ul li{display:inline; padding-right:1em;}

#by-tag .tag0{color:#909090; font-size:90%;}

#by-tag .tag10{color:#828282; font-size:92%;}

#by-tag .tag20{color:#737373; font-size:94%;}

#by-tag .tag30{color:#656565; font-size:96%;}

#by-tag .tag40{color:#484848; font-size:98%;}

#by-tag .tag50{color:#3a3a3a; font-size:100%;}

#by-tag .tag60{color:#2b2b2b; font-size:102%;}

#by-tag .tag70{color:#1d1d1d; font-size:104%;}

#by-tag .tag80{color:#0e0e0e; font-size:106%;}

#by-tag .tag90{color:#030303; font-size:108%;}

#by-tag .tag100{color:#000; font-size:110%;}

/*Error 404*/

.dc-404 #content-info{padding-left:60px; background:transparent url(index.php?tf=img/Icon_Error_404.svg) no-repeat top left; background-size:50px;}

.dc-404 .content-inner ul{margin-left:0; padding-left:0; list-style-type:none;}

.dc-404 .content-inner h3{font-size:1.1em;}

/*Search*/

.dc-search #content-info em{color:#4682b4;}

/*12. Clearers*/

.pagination,.navlinks,.footnotes,#attachments,.read-it,.post-info-co,#comments,#footer,.clearer{clear:both;}

.post-content:before,.post-content:after{content:''; display:table;}

.post-content:after{clear:both;}

/*Pour les copies d'écran*/
/*body{background:url(index.php?tf=img/Line_Vertical.png) repeat-y 320px 0;}*/

/*14. Specifics*/

a[href*="ferrovia.be"]{background:transparent url(https://ferrovia.be/Images/FavIcon.svg) no-repeat; background-size:20px; padding-left:20px; padding-bottom:7px; padding-top:2px;}

a[href*="dotclear.org"]{background:transparent url(index.php?tf=img/Logo_Dotclear.svg) no-repeat; background-size:20px; padding-left:26px; padding-bottom:7px; padding-top:2px;}

a[href*=".pdf"]{background:transparent url(index.php?tf=img/Icon_Document.svg) no-repeat; background-size:20px; padding-left:22px; padding-bottom:7px; padding-top:2px;}

.catalogues_gallery{display:flex; flex-wrap:wrap; justify-content:center;}

.catalogues_gallery figure{width:270px; min-width:270px; margin:auto; margin-bottom:20px;}

.catalogues_gallery a{color:#333; font-weight:bold; text-decoration:none;}

.catalogues_gallery a[href*=".pdf"]{background:none; padding-left:0; padding-bottom:0; padding-top:0;}

.contactme label{font-weight:bold;}

#c_subject,#c_message{width:80%;}