/* -- BEGIN LICENSE BLOCK ---------------------------------------
This is part of theme Fjalla for Dotclear 2 blog
# Copyright (c) 2014
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# https://gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK -----------------------------------------*/

@font-face{font-family:"Cantarell"; src:local("Cantarell"); font-weight:normal; font-style:normal; src:url(index.php?tf="fonts/Police_Cantarell_Regular.woff2") format("woff2"),url(index.php?tf="fonts/Police_Cantarell_Regular.woff") format("woff"),url(index.php?tf=fonts/Police_Cantarell_Regular.otf) format("truetype");}

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

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

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

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

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

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

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

@font-face{font-family:"Genericons"; src:local("Genericons"); src:url(index.php?tf=fonts/Police_Genericons.eot);}

@font-face{font-family:"Genericons"; src:local("Genericons"); font-weight:normal; font-style:normal; src:url(index.php?tf=fonts/Police_Genericons.woff2) format("woff2"),url(index.php?tf=fonts/Police_Genericons.woff) format("woff"),url(index.php?tf=fonts/Police_Genericons.ttf) format("truetype"),url(index.php?tf=fonts/Police_Genericons.svg#genericonsregular) format("svg");}

@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"Genericons"; src:local("Genericons"); src:url(index.php?tf="fonts/Police_Genericons.svg#Genericons") format("svg");}}

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

*:after,*:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

html,body{font:100%/1.4em "Cantarell",sans-serif;}

body{-o-font-feature-settings:"liga" 1,"kern"; -moz-font-feature-settings:"liga=1","kern=1"; -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";}

html,input,textarea{-webkit-font-smoothing:antialiased;}

body{background:#ededed; color:#404040; text-align:center;}

#page{max-width:1260px; text-align:left; padding:0; margin:0 auto;}

#navigation{position:relative; top:0; clear:both; width:100%; min-height:46px; margin:0;}

#navigation,#prelude{font-size:120%;}

#top{width:100%; height:160px;}

#top h1{height:20px; margin:0 0 15px 0; padding:0 5% 30px 5%;}

#blogdesc{font-size:90%; position:relative; top:10px; padding:0 5% 10px 5%;}

#content,#sidebar{float:left;}

#footer{text-align:center; height:auto; min-height:28px;line-height:24px; padding:2px;}

#footer a,.bold,.supranav li.active a,#top,h1,h2,h3,h4,h5,h6,.post-title,.post-title a,#comments h3,#pings h3,#comment-form h3,#sidebar h2,#sidebar h3{font-weight:bold;}

#footer a:hover{color:#ccc!important; text-decoration:underline;}

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

#footer img{height:20px; vertical-align:middle;}

#blognav,#blogextra,#blogcustom{width:100%; margin:0; padding:0;}

.post,.post-content,#comments dt,.footnotes,.attachments,.post-info-co,#comments,#footer,.post h3,.post h4,.dc-archive .post-title{clear:both;}

#prelude a,.supranav li a,.supranav li a:link,.supranav li a:visited,#footer p,#footer a{color:#fff;}

a,h1,h2,#top h1 a,#comments h3,#pings h3,#pr h3,#comment-form h3,#sidebar h2,.error{color:#333;}

.supranav li.active a{color:#fff;}

#top h1 a:hover,a:hover,#prelude a:hover,.supranav li a:hover,.supranav li a:focus,.post a:hover,#sidebar a:hover,.dc-archive .post-title a:hover,#footer a:hover,.pagination a:hover,#navlinks a:hover,.post-tags a:hover,.category a:hover,a:hover.comment_count,a:hover.ping_count ,.attach_count a:hover{color:#03224c;}

h3,h4,h5,h6,.pagination,#navlinks,.pagination a,#navlinks a,.comment-number{color:#404040;}

#navigation,#prelude,#footer{background:#1d4851;}

#top,h1,h2,h3,h4,h5,h6,.post-title,.post-title a,#comments h3,#pings h3,#comment-form h3,#sidebar h2,#sidebar h3,#navigation,#prelude{font-family:"Liberation Sans Narrow",sans-serif;}

.date{display:none;}

ul.supranav{margin:0;}

.supranav{list-style-type:none;}

.supranav li{min-height:32px;}

.supranav li a{white-space:nowrap;}

.supranav li a span{display:block; text-transform:none;}

@media only screen and (max-width:800px){

.supranav li{padding:0; text-align:center; border-right:0; border-left:0; border-bottom:1px solid #808080;}

.supranav li a{border-right:0; display:block; padding:8px 0 8px 0; text-decoration:none; white-space:nowrap; margin-bottom:0;}
}

@media (min-width:801px){
#navigation{padding:5px 0 0 0;}

.supranav li{display:inline; padding:8px 0 8px 0; border-right:1px solid #808080; border-top:0; border-bottom:0;}

.supranav li a{display:inline-block; vertical-align:middle; padding:8px 32px 8px 28px; min-height:26px;}

.supranav li a span{display:block;}
}

/*Écrans*/
@media screen and (max-width:799px){#content,#sidebar{width:90%!important;}}

@media (min-width:800px){#content{width:60.66666%; vertical-align:top;}#sidebar{width:19.33333%;}}}

@media (min-width:1024px){#content{width:60.66666%; vertical-align:top;}#sidebar{width:19.33333%;}}

@media (min-width:1280px){#content{width:60.66666%; vertical-align:top;}#sidebar{width:19.33333%;}}

#content,#sidebar{margin:2.5% 5%;}

@media (max-width:600px){
body{font-size:90%;}

#top h1 a{font-size:110%; line-height:1.2em;}

#blogdesc{position:relative; top:10px;}

#comment-form fieldset{width:90%;}

.field,.field label,.field input,.field textarea {width:100%;}

ul,ol{padding-left:0;}

blockquote{margin:1em 0;}

#attachments li,.post-info-co,.date{font-size:80%;}

#attachments li,.post-info-co{line-height:1.5em;}

#comments dl{padding-left:0; padding-right:0;}

.pagination,#navlinks{margin-bottom:30px!important;}

#sidebar{margin:5%; border-top:1px solid #d2d2d2;}

#blognav div,#blogextra div,#blogcustom div{margin:5%;}

.dc-archive .archive-post-date{display:none;}

.dc-archive #main{margin-bottom:28px;}

#gototop{bottom:150px!important;}
}

@media screen and (min-width:601px) and (max-width:800px){
body{font-size:90%;}

#top h1 a{font-size:110%; line-height:1.2em;}

ul,ol{padding-left:0;}

blockquote{margin:1em 0;}

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

#comments dl{padding-left:0; padding-right:0;}

#sidebar{margin:0%;}

#blognav div,#blogextra div,#blogcustom div{margin:5%;}

.dc-archive .archive-post-date{display:none;}
}

@media screen and (min-width:801px) and (max-width:939px){
#top h1 a{font-size:100%;}

ul,ol{padding-left:40px;}

blockquote{margin:1em 40px;}

#attachments li,.post-info-co{font-size:100%; line-height:1.5em;}

#comments dl{padding-left:0; padding-right:0;}

.dc-archive .archive-post-date{display:none;}

 #blognav div,#blogextra div,#blogcustom div{width:100%; padding-top:20px!important; padding-bottom:20px!important;}
}

@media screen and (min-width:940px) and (max-width:1039px){
#top h1 a{font-size:150%;}

#prelude{display:none;}

ul,ol{padding-left:40px;}

blockquote{margin:1em 40px;}

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

#comments dl{padding-left:40px; padding-right:40px;}

#blognav div,#blogextra div,#blogcustom div{width:100%; padding-top:20px!important; padding-bottom:20px!important;}
}

@media (min-width:1040px){
body{font-size:90%;}

#top h1 a{font-size:150%;}

#prelude{display:none;}

ul,ol{padding-left:40px;}

blockquote{margin:1em 40px;}

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

#comments dl{padding-left:40px; padding-right:40px;}

#blognav div,#blogextra div,#blogcustom div{width:100%; float:left; padding-top:20px!important; padding-bottom:20px!important;}
}

html{font-size:100.01%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}

a{text-decoration:none;}

abbr[title]{border-bottom:1px dotted;}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}

audio,canvas,video{display:inline-block; vertical-align:baseline; margin-bottom:1em;}

audio:not([controls]){display:none; height:0;}[hidden]

blockquote,q{font-size:95%; line-height:1.5em; font-style:italic\0/;}

blockquote:before{content:"\f106"; color:#fd8181; padding-right:5px; font-size:110%; float:left;}

code,pre{font-family:Monospace,"Courier New",Courier; overflow:auto;}

dfn{font-style:italic;}

fieldset{margin:0; padding:0; border:none;}

input,button,select{vertical-align:middle;}

button,input,select,textarea{font-family:inherit; font-size:100%; margin:0; border:1px solid #ccc; background:#fff; color:#3e4850; padding:5px;}

button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer;}

button[disabled],html input[disabled]{cursor:default;}

input[type="checkbox"],input[type="radio"]{padding:0; border:0;}

input[type="search"],input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{text-transform:uppercase;}

.buttons input,input.submit,.capitalize{text-transform:capitalize;}

input[type="search"]{-webkit-appearance:textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}

button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0;}

figure{margin:1em 0; font-size:80%;}

figcaption{margin:0 0 1.5em .5em; line-height:1.5em;}

h1{line-height:1.4em;}

img{max-width:100%;}

img,a img,legend{border:0;}

legend{padding:0}

pre,samp{font-family:monospace; font-size:1em;}

pre,textarea{overflow:auto}

svg:not(:root){overflow:hidden;}

table{border-collapse:collapse; border-spacing:0; width:100%; display:table;}

table,th,td{border:0;}

template{display:none;}

sub,sup{line-height:0; position:relative; vertical-align:baseline;}

sup{top:-.5em;}

sub{bottom:-.25em;}

:after,:before{vertical-align:middle; font:normal 100%/1 "Genericons"; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

:after{padding-left:3px;}

:before{padding-right:3px;}

#page{background:#fff;}

#top{background:transparent url(index.php?tf=img/Header.svg) no-repeat center center; text-align:left;}

#prelude{text-align:center; padding:8px 0;}

.dc-home #breadcrumb{display:none;}

#breadcrumb,#content-info{font-size:90%;}

#breadcrumb{margin:1% 5% 0% 5%;}

#content-info{margin-bottom:50px;}

#content-info h2{font-size:140%;}

.dc-404 #content-info h2{font-weight:700; font-size:440%; color:#ccc;}

.pagination,#navlinks{margin-bottom:50px; font-size:90%; color:#333; font-weight:400; text-shadow:1px 1px 1px rgba(243,243,243,0.600);}

#navlinks span,.pagination span{padding:0 5px;}

.next:after{content:"\f429"; padding-left:2px;}

.prev:before{content:"\f430"; padding-right:2px;}

#subcategories{margin-bottom:30px;}

/*#subcategories h3,.post-title,.post-excerpt,.post-content{font-weight:400!important;}*/

#subcategories h3{font-size:140%; text-transform:uppercase;}

#footer{box-shadow:0 -5px 8px #efefef;}

#gototop{font-size:90%; float:right; position:relative; right:1%; bottom:100px; padding-top:15px;}

#gototop a:hover{color:#5d5d5d;}

.post{-webkit-text-size-adjust:95%; margin-bottom:36px;}

.date{margin-bottom:.5em; margin-top:.5em; text-align:right; font-style:italic;}

.post-title a{font-size:100%;}

.post-title{line-height:1.5em; font-size:240%;}

.post-excerpt,.post-content{line-height:1.6em; margin-bottom:23px; overflow-wrap:break-word; color:#333; text-shadow:1px 1px 1px rgba(243,243,243,0.600);}

.post-excerpt a,.post-content a,.read-it a{text-decoration:underline;}

.post-excerpt a,.post-content a,.read-it,.read-it a{color:#808080;}

.post-excerpt img a,.post-content img a{padding-bottom:4px;}

.read-it{font-weight:700; text-align:center;}

.footnotes{font-size:90%;}

.footnotes h4{border-top:1px dotted #404040; width:200px; padding-top:10px; margin-bottom:.5em;}

.post-info-co{margin-bottom:36px; line-height:2em!important;}

.page-info{font-size:.875em; margin-bottom:30px;}

.page-info,.post-info-co{padding:5px 10px;}

.dc-home .post-info-co,.dc-category .post-info-co,.dc-tag .post-info-co,.dc-search .post-info-co{margin-bottom:66px;}

.author,.comment_count,.category,.ping_count,.attach_count,.day-date{padding-right:10px;}

.footnotes h4,.post-tags a,.category a,a.comment_count,a.ping_count,.attach_count,.attach_count a,.comment_count:before,.ping_count:before,.attach_count:before,#subcategories a,#navlinks span,.pagination span,.next:after,.prev:before{color:#404040;}

.day-date:before{content:"\f305";}

ul.post-tags{margin-bottom:0; margin-top:.1em; padding-left:0;}

.post-tags:before{content:"\f302"; padding-right:0;}

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

.post-tags li{display:inline; list-style:none; margin:0; padding:0; line-height:1.4em;}

.post-tags li:after{content:", "; padding-left:0;}

.author:before{content:"\f304";}

.category:before{content:"\f301";}

.comment_count:before{content:"\f300";}

.ping_count:before{content:"\f308";}

.attach_count:before{content:"\f416";}

#attachments{margin-bottom:50px;}

#attachments ul{list-style:none; list-style-position:outside; padding-left:0;}

#attachments li.audio:before{content:"\f109";}

#attachments li.package:before,#attachments li.text:before,#attachments li.document:before{content:"\f425";}

#attachments li.image:before{content:"\f102";}

.all_photo{padding:20px;}

#pictures h3{background:#effaf6; border:1px solid #d2d2d2; margin:20px 0 20px 8px; padding:5px;}

.pictures-div .text-div a{padding:15px 0 20px 20px;}

.noodles-comments{padding-right:10px;}

.gravatar{padding-left:20px; float:right; max-width:48px; max-height:48px;}

a img.external-link{cursor:pointer; margin-bottom:0; margin-right:0; box-shadow:none!important;}

#comments,#comment-border,#pr,#comment-form{margin-bottom:30px;}

#comment-border{background:#f8f7f7; border:1px solid #d2d2d2; padding:5px 25px 25px 25px;}

#comment-form fieldset{padding:0 5%;}

#comments h3{margin-bottom:20px;}

#pings h3,#pr h3,#comment-form h3{margin-bottom:10px;}

.comment-number{font-weight:700;}

#comments dl{padding:0 5%;}

#comments dt{padding:20px 0 10px 0; font-size:.84em;}

#comments dd{margin-left:0; line-height:1.4em;}

#comments dd p{margin-top:0;}

#comments dd ol{padding-left:60px;}

.comment-info{margin:.5em 0 .5em 0; font-weight:700;}

.field label{display:block; padding-bottom:10px;}

.field textarea{width:100%; padding:5px;}

#blognav div,#blogextra div,#blogcustom div{line-height:1.8em; color:#333; font-weight:400; text-shadow:1px 1px 1px rgba(243,243,243,0.600);}

#sidebar h2{font-size:120%; line-height:30px; text-transform:uppercase; margin-top:18px; margin-bottom:18px;}

#sidebar h3,#sidebar ul{margin-bottom:2px;}

#sidebar h3{font-size:100%; text-transform:uppercase; margin-top:18px;}

#sidebar ul{list-style-position:outside; padding-left:0; margin-top:2px;}

#sidebar li{margin:0; padding:0; text-indent:0;}

#sidebar a{color:#3e4850;}

#search.widget input[type=text]{width:70%;}

#search.widget input[type=submit]{width:20%;}

#topnav.widget span{display:none;}

.tags ul{padding-left:0;}

.tags li:before{padding-right:3px;}

.tags strong,.tags strong a{font-weight:normal;}

.tags strong a{color:#3e4850;}

div.widget.text,.post-info-co,.page-info{background:#f3f3f3; border:1px solid #d2d2d2; border-radius:7px;}

.dc-archive .content-inner h3{border-bottom:1px solid #d2d2d2;}

div.widget.pages ul,div.widget ul.simple-menu,div.widget.categories ul,div.widget.selected ul,div.widget.lastposts ul,div.widget.links ul,div.widget.lastcomments ul,#topnav.widget ul{list-style-image:url(index.php?tf=img/List_Style_Line.png);margin-left: 20px;}

div.widget.text{padding:10px;}

div.widget.text img{padding:0 10px 10px 0;}

div.widget.text img.photo{border:1px solid #d2d2d2; padding:2px; box-shadow:0 -5px 8px #efefef; border-radius:5px; background:#fff;}

div.widget p strong{font-weight:100!important;}

.syndicate ul{list-style:none; margin-left:0;}

.feed:before{content:"\f413"; vertical-align:middle;}

.feed,a.feed,.feed:before{color:#404040;}

.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%;}

.error{background:#f8f7f7; border:1px solid #747e80; padding:.5em; font-weight:700;}

.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;}

.bold{font-weight:bold;}

.little-text,.little-upper-text{font-size:.8em;}

.little-upper-text{text-transform:uppercase;}

.dc-archive .post{font-size:96%; padding:.3% 0% 0% 4%; margin-bottom:10px;}

.dc-archive .post-title,.dc-archive .post-title a{color:#404040; line-height:1.5em; font-weight:100!important; font-size:98%;}

.dc-archive .archive-post-date{float:right; padding-left:20px; font-size:100%;}

.dc-archive .content-inner h3{margin-bottom:.2em; clear:both; padding:10px 10px 10px 40px;}

.dc-archive .content-inner ul{list-style:none; margin-bottom:60px; margin-top:.2em;}

.dc-archive .content-inner li{padding-top:20px; clear:both; font-size:100%; margin-bottom:10px;}

.dc-archive-month .date{clear:both; display:block; margin-bottom:.5em; margin-top:.5em; text-align:right;}

.readmore-ellipsis{margin-left:5px;}