/* -------------------------------------------------------
This file is part of the Pastel dot 2 Dotclear theme after Dotclear 1 theme Pastel, author la lene.
Licensed under the GPL version 2.0 license.
See LICENSE file or
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
----------------------------------------------------------*/

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

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

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

/* --------------------------------------------------------------
	CENTRAGE DE LA PAGE DANS LA FENETRE DU NAVIGATEUR.
	(supprimer ces lignes si on ne veut pas centrer)
	Note : on peut remplacer la valeur (ici 0) des marges au-dessus 
	et en dessous de la page par la valeur de son choix (px ou em).
--------------------------------------------------------------- */
body {text-align: center;}
#page {margin: 0 auto;text-align: left;}
	
/* -------------------------------------------------------------
	STRUCTURE FIXE - 2 COLONNES - SIDEBAR A DROITE
--------------------------------------------------------------- */
#page {max-width: 820px;width: 100%;}
#top {height: 301px; }

@media only screen and (max-width:600px){
#content{width: 100%!important;} /*AVANT TOUTE CHOSE*/
#sidebar{width: 100%!important;} /*AVANT TOUTE CHOSE*/
}
@media (max-width:992px) and (min-width:601px){
/*   CHANGE EQUAL TO HAVE 99.99999% - CHANGEZ-LE ÉGAL POUR AVOIR 99,99999 %   */
#content {width: 66.66666%!important;vertical-align: top;}
#sidebar{width: 33.33333%!important;vertical-align: top;}
}
@media only screen and (min-width:993px){ 
/*   CHANGE EQUAL TO HAVE 99.99999% - CHANGEZ-LE ÉGAL POUR AVOIR 99,99999 %   */
#content {width: 66.66666%!important;vertical-align: top;}
#sidebar{width: 33.33333%!important;vertical-align: top;}
}

#content {float: left;padding: 0.8em 5% 0 5%;}
#sidebar {float: left;padding: 0;}
#blognav, #blogextra {margin: 0;}
#footer {margin: 0 auto;text-align:center;height: auto;min-height: 30px;}


:after, :before {vertical-align:middle;font: normal 150%/1 'Genericons';display: inline-block;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
:after {padding-left: 3px;}
:before {padding-right: 3px;}
#smallnav:before {content: '\f419';color:white;float:left;font-size: 120%;}
.category:before {content: '\f301';}
.comment_count:before {content: '\f300'; }
#comments h6:before {content: '\f108'; }
#comment-form h6:before {content: '\f411'; }
#pings h6:before {content: '\f107'; }
.ping_count:before {content: '\f308';}
.permalink:before {content: '\f308';}
.attach_count:before {content: '\f416';}
#attachments li.audio:before {content: '\f109';}
#attachments li.image:before {content: '\f473';}
#attachments li.package:before {content: '\f416';}
#attachments li.text:before,#attachments li.document:before {content: '\f443';}
#content-info .feed:before,#content .feed:before { content: '\f413';vertical-align:middle;}

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

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

@media screen and (max-width:619px){
#headersearch div.widget {width: 90%;position:relative; right: 5%;float:right; }
#top h1 {position:relative; top: 2.225em !important;}
ul.simple-menu.nav.header__nav {position:relative;top: 6.875em !important;}
.post-title{-webkit-text-size-adjust:110%; }
.post-excerpt, .post-content{-webkit-text-size-adjust:110%; line-height: 1.6em;}
blockquote {padding:margin: 1em 20px; }
}
@media screen and (min-width:620px){
#headersearch div.widget {width: 200px;position:relative;top: 0.725em !important; right: 2.5%;float:right; }
#top h1 {position:relative; top: 0.525em !important;}
#blogdesc p  {top: 0.525em !important; }
ul.simple-menu.nav.header__nav {position:absolute;top: 15.875em !important;}
}
	
/* ------------------------------------------------------------
削除すべきスタイルのブロック、最初のテストにのみ使用されるもの
------------------------------------------------------------- */

body {background: #f9f9f0 /*url(index.php?tf=img/fond.svg) */ ;font-size: .6875em;font-size:100%;color: #666666;font-family: "Calibri", "Candara", "Arial", "Helvetica", sans-serif;} 
/* #backgroundimage1{background: url(index.php?tf=img/backgroundimage1.svg) repeat-x;} */

/* -----------------------------------------------------------------
	1. STRUCTURE
	ここに記述するか、同じディレクトリに置かれた構造用のCSSをインポートし、以下の命令によって呼び出します。
------------------------------------------------------------------ */

/* ------------------------------------------------------------
	2. デフォルトのHTMLタグ
------------------------------------------------------------- */
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-family: Tahoma, Helvetica, sans-serif; }
h1{font-size: 1.6em;line-height: 1em;}
h2{font-size: 1.1em;}
h3{font-size: 1.1em;}
h4{font-size: 1em;}
h5{font-size: 1em;}
h6{font-size: 0.9em;}

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

blockquote { font-style: italic;}
q:before { padding-right: 1px;font-family: Georgia !important;font-size: 90%;}
q:after { padding-left: 1px;font-family: Georgia !important;font-size: 90%;}

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:0;}
input {font-family: Tahoma, Helvetica, sans-serif;font-size:0.825em; background: white;border: 1px solid #93a1ba;height: 24px;}
input[type=submit] , input[type=reset] {font-family: Tahoma, Helvetica, sans-serif;font-size:0.825em; background: white;border: 1px solid #93a1ba; height: 28px;}
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}

a {color: #FFA879;text-decoration: none;}
a:link { }
a:visited{color: #FFA879;}
a:hover{color: #333;text-decoration: none;}
a:focus { }
a[hreflang]:after { }

code,kbd,pre,samp {}
pre {overflow:auto}
hr {-moz-box-sizing:content-box;box-sizing:content-box}
	
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 {font-size:70%;margin-bottom: 1em;line-height: 1.3em; }
figure {margin: 1em 0;}

dfn { }
legend {border:0;padding:0}
mark { }

small {font-size:70%}
svg:not(:root) {overflow:hidden}
table {border-collapse:collapse;border-spacing:0;width:100%;display:table}
table,th,td {border:none}

/* ------------------------------------------------------------
	3. ページ
------------------------------------------------------------- */
/* #page {background: #ffffff 50%;} */
#page {background-color: rgba(255, 255, 255, 0.6);}
/* ------------------------------------------------------------
	4. ページの上部
------------------------------------------------------------- */
#headersearch div.widget {margin: 0em; line-height: 0em; }
#headersearch div.widget h2 {display:none; }
#headersearch div#search.widget {}
#headersearch div#search.widget fieldset { padding:0;margin:0;}
#headersearch div#search.widget form {}
#headersearch div#search.widget input { width: 69.66666%;} /* ou #search #q */
#headersearch div#search.widget input[type=submit] {width: 19.33333%; } /* ou #search .submit */

#top {background: url(index.php?tf=img/top.jpg) top center; margin-top:0px;}
#top h1 { font-weight: 100;text-transform: uppercase;left: 5%;max-width: 450px;margin-bottom: 0em;margin-top: 0em;}
#top h1 a {font-weight: 100;color: #ffffff;font-family:"Calibri", "Candara", "Arial", "Helvetica", sans-serif;}
#blogdesc { }
#blogdesc p {left: 5%;max-width: 450px;position:relative;}

ul.simple-menu.nav.header__nav {list-style: none;font-size: 1.0em;text-align: left;margin-top: 0em;}
.simple-menu.nav.header__nav{}
.simple-menu.nav.header__nav li {display: inline;margin-right: 30px;}
.simple-menu.nav.header__nav li a {color: #666666;}
.simple-menu.nav.header__nav li a:active {color: #FFA879;}
.simple-menu.nav.header__nav li a:hover {color: #FFA879;}
.simple-menu.nav.header__nav li.li1 {}
.simple-menu.nav.header__nav li.li1 a {}
.simple-menu.nav.header__nav li.li2 {}
.simple-menu.nav.header__nav li.li2 a {}
.simple-menu.nav.header__nav li.li3 {}
.simple-menu.nav.header__nav li.li3 a {}

/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */
p#breadcrumb {padding: 0em 5%;}
.dc-home p#breadcrumb {display:none;}

#content-info {margin-bottom: 2em; }
#content-info p a { color: #666666 !important;font-size:80%;}
#content-info p {margin-bottom: 2em;}

.pagination {clear:both; }
#navlinks {margin: 3em 0;clear:both;font-size: 85%;line-height: 1.5em;padding: 0.725em;/*background: #D4FC78 url(index.php?tf=img/fond.svg);*/}
#prev h2, #next h2 {font-size: 1.3em;margin-bottom: 0.5em;}
#prev h2 a, #next h2 a {color: #666l}
#prev p, #next p {margin-top: 0.2em;}
#line{clear:both;margin: 0em auto 2.3em auto;text-align:center;}

#subcategories  {margin-bottom: 2em;}
#subcategories h3 {margin-bottom: 0.1em;font-weight:100;}
#subcategories ul {list-style: none;padding-left: 0px;margin-top: 0.2em;}
#subcategories li {background: url(index.php?tf=img/li_a.svg) no-repeat 0% 50%;padding-left: 13px; }
#subcategories li:hover{background: url(index.php?tf=img/li_a_hover.svg) no-repeat 0% 50%;}

/* ------------------------------------------------------------
	6. 投稿・記事
------------------------------------------------------------- */

.post { line-height: 1.6em;margin-bottom: 3em;}
.post p{text-align:justify;}
.post a {font-size: 0.6875em;}  /*royer-settei*/

.day-date {display:none;}
.post-title {font-size: 0.75em;letter-spacing: -1px;word-spacing: -1px;line-height: 1.1em;}
.post-title, .post-title a {color: #534741;}

.post-info{font-size: 0.8125em;line-height: 1.4em; margin-bottom: 0.2em;/*background: #D4FC78 url(index.php?tf=img/fond.svg);padding:5px 10px;*/}
.post-info a {color: #666 !important;}
ul.post-tags { list-style:none;padding-left: 0;color: #666; }
ul.post-tags li{ display: inline;font-size: 0.825em;background: url(index.php?tf=img/li_a.svg) no-repeat 0% 50%;padding-left: 13px; }
ul.post-tags li:hover{background: url(index.php?tf=img/li_a_hover.svg) no-repeat 0% 50%;}
ul.post-tags li a{color: #666; }

.dc-post .post-excerpt, .dc-page .post-excerpt {font-weight: 700; }
.post-excerpt,.post-content {margin-bottom: 1.5em; }
.post-excerpt p a, .post-content p a {color: #666 !important; border-bottom: 1px dotted #666; }
.post-content ul, .post-content ol {list-style-position: inside;}
.post-content ol ol {padding-left: 20px;}
.post-content ol li {padding-left: 0px;}
.post-content ul {list-style-type: none;}
.post-content ul ul {padding-left: 0px;}
.post-content ul li { background: url(index.php?tf=img/li_a_hover.svg) no-repeat 1px 8px;padding-left: 20px;}

.post-excerpt img,.post-content img { }
.post-excerpt a img,.post-content a img { }

.read-it {text-align:right; }
.read-it a {color: #666; }

.footnotes {margin: 2em 0;font-size: 80%;line-height: 1.3em;  }
.footnotes h4 { border-top: 1px dotted #747e82; max-width: 200px;padding: 0.7em 0 0.2em 0;}

.post-info-co {font-size: 0.825em;line-height: 1.4em;/* background: #D4FC78 url(index.php?tf=img/fond.svg);padding:5px 10px;*/}
.post-info-co a {color: #666 !important;}
.comment_count { }
.ping_count { }
.attach_count { }

#attachments {  margin-bottom: 3em;clear:both; }
#attachments h3 {color: #2F758E; }
#attachments ul {list-style:none;padding-left: 0; }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }



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

#comments {  margin-bottom: 3em;clear:both; }
#pings { margin-bottom: 0.2em; clear:both; }
#pr {  margin-bottom: 3em;clear:both; }
#comment-form { margin-bottom: 3em; clear:both; }

#comments h6 {background: #D4FC78 url(index.php?tf=img/fond.svg);padding:5px 10px;}
#pings h5 {margin-bottom: 0.2em;  }
#pr h5 { }
#comment-form h6 {background: #D4FC78 url(index.php?tf=img/fond.svg);padding:5px 10px;}

#comments dl { }
#comments dt {margin-top: 2em;font-weight: 600; }
#comments dd {  margin: 0.5em 0;  }
#comments dd p {  margin: 0.2em 0;  }
#comments dt.first {border: none; }
#comments .odd { }
#comments .me { }

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

#pr dl { }
#pr dd { }

#comment-form fieldset { }
#comment-form .field { }
#comment-form .field label { }
#comment-form .field input,#comment-form .field textarea {margin-top: 0.7em; }
#comment-form .field input {width: 100%;background: white;}
#comment-form .field textarea {width: 100%;}
#comment-form .form-help {font-weight: 600;font-size:0.625em;}

#ping-url { }
#comments-feed { }


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

#sidebar {font-size: 85%; }
#blognav {background:#fff;padding: 2em 2em 0em 2em; }
#blogextra { background:#fff;padding: 2em;}

#sidebar div.widget { margin-bottom: 2em; line-height: 1.7em; }
#sidebar div.widget h2 {background: #AAD7FF url(index.php?tf=img/fond.svg);font-size: 1.2em;padding:5px;font-weight: 400;text-align: right;text-transform: uppercase;margin: 0.4em 0;}
#sidebar div.widget  h3 {background: #AAD7FF url(index.php?tf=img/fond.svg);font-size: 1.2em;padding:5px;font-weight: 400;text-align: right;text-transform: uppercase;margin: 2em 0 0.4em 0;}
#sidebar div.widget a {color:#747e82; }
#sidebar div.widget ul { list-style:none;padding-left: 3px;margin: 0.2em 0;}
#sidebar div.widget li {border-bottom: 1px dotted #747e82;padding: 0.2em 0; }
#sidebar div.widget li a {background: url(index.php?tf=img/li_a.svg) no-repeat 0% 50%;padding-left: 13px;}
#sidebar div.widget li a:hover {background: url(index.php?tf=img/li_a_hover.svg) no-repeat 0% 50%;}

/* boites du menu des widgets livres avec Dotclear */
#sidebar div#search.widget { }
#sidebar div#search.widget fieldset { padding:0;margin:0;padding-left: 3px;}
#sidebar div#search.widget form { }
#sidebar div#search.widget  input {background: white;}
#sidebar div#search.widget input { width: 69.66666%;} /* ou #search #q */
#sidebar div#search.widget input[type=submit] {width: 20.33333%; } /* ou #search .submit */

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

div.widget.selected { }
div.widget.lang { }
div.widget.categories ul ul {list-style-position: inside !important;}
div.widget.categories li li { padding-left: 1em !important;border:none !important;}
div.widget.syndicate { }
div.widget.feed {	} 
div.widget.lastposts { }
div.widget.lastcomments { }
div.widget.pages { }
div.widget.text img {float: left; padding: 0 10px 10px 0; }
div.widget.text span {clear:both;}
div.widget.links { }
div.widget.simple-menu { }
div.widget.calendar { margin-bottom: 1.4em;}

div.tags { }
div.tags ul { }
div.tags li {border:none !important; display: inline;}
/* 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  { }
div.widget.shortArchives li li { padding-left: 1em !important;border:none !important;}

.dc-archive-day #content-info {margin-bottom: 0; }
.dc-archive-day #content-info h2 {margin:0;}
.dc-archive-day #content-info p a { color: #666666 !important;font-size:80%;}
.dc-archive-day #content-info p {margin-bottom: 2em;}
.dc-archive-day .content-inner {padding: 0;margin-bottom: 20px;}
.calendar caption {text-align: left;padding: 0.5em 0;}
.calendar th {text-align: center;font-size: .8em;padding: 0.1em 0.1em 0.3em 0.1em;}
.calendar td{text-align: center;}
.calendar a{color: #FFA879 !important;}
.gravatar {max-width: 48px; max-height: 48px; }
.dc-contactme .content-inner {padding: 1.33em 0;margin-bottom: 20px;}
div.widget.weatherplus .weather {float: left !important; width: 33%;padding-bottom: 15px;margin-bottom: 2em; }
div.widget.weatherplus h2 {display: none; }
div.widget.weatherplus h3 {text-align: center !important; }
div.widget.weatherplus img {padding-left: 10px;}

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

#footer { background:#e0ffa3 url(index.php?tf=img/footer.svg);font-size: 0.825em;}
#footer p {padding: 10px; }

#gotop {display: none;z-index: 1000;position: fixed;bottom: 0;right: 0.5em; width: auto;text-transform: uppercase;font-family: "Tahoma", sans-serif;font-size:0.71rem;text-align: center;}
#gotop a, #gotop a:link, #gotop a:hover, #gotop a:active {color:#666;/* background: #D4FC78 url(index.php?tf=img/fond.svg); padding: 1em 1.75em;*/}
#gotop a:hover {color: rgba(0,0,0, 0.400);}

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


/* 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 { }
.dc-archive .content-inner h3{ font-size: 1.1em;/*background: #D4FC78 url(index.php?tf=img/fond.svg);padding:5px 10px;*/}
.dc-archive .content-inner, .dc-tags .content-inner{margin-bottom:1.33em; padding: 1.33em 0;}
.dc-archive .content-inner ul{list-style:none;padding-left:0;}
.dc-archive .content-inner li {display:inline;line-height:3.5;padding:1% 0.5%;white-space: nowrap;}
.dc-archive .content-inner li a {color: #666666 !important;}
.dc-archive-month { }
.dc-tags ul.tags { padding-left: 0px;}
.dc-tag { }
.dc-404 { }
.dc-search { }

/* ---------------------------------------------------
	12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post-content, .post-info,.post h3, .post h4,.footnotes, .attachments,.post-info-co, #comments, .pagination, #navlinks,#sidebar div.widget,#footer {clear:both;}