/* Theme Somerset 2024
Licence : domaine public */

/* ------------------------------------------------------------
LAYOUT
------------------------------------------------------------- */

html, body, #page, #top, #prelude, #wrapper, #footer,#main, #content,#sidebar, #blognav, #blogextra {margin : 0;padding : 0;}

#main, #sidebar { padding-left: 1em; padding-right: 1em; }

/* ------------------------------------------------------------
Style
------------------------------------------------------------- */

@font-face {font-family: "Open Sans"; src: url(fonts/OpenSans-Regular.ttf);}
@font-face {font-family: "Lora-Regular"; src: url(fonts/Lora-Regular.ttf);}
html { font-size: 101%; -webkit-text-size-adjust: 101%;  -ms-text-size-adjust: 101%;}
body { background-color: #f0efe9; font: 18px/1.7em "Open Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #212529;} 
#page { }

@media screen and (max-width:1023px) {
#top {min-height: 200px;}
#menu {margin: 0 auto 10px auto !important;}
#top nav  {height: 30px; font-size: 75%; line-height: 0.7em !important; padding-top: 10px; letter-spacing: 0px;margin-bottom:10px;}
#top nav li { padding: 5px 5px 0px 5px !important; }

.post { margin: 0em auto 4em auto;  padding-top: 20px;}
.dc-home .post {padding-top: 0px !important;}
.post-title {  font-size: 200%; }
p.pagination, p.pagination a.prev, p.pagination a.next, #navlinks a, #navlinks span  { font-size: 70% !important; }
#sidebar {padding-top: 20px;}
div#search.widget { width: 100%; }
#search input[type=text] {  width: 65% !important; } /* ou #search #q */
#search input[type=submit] {width: 25% !important; } /* ou #search .submit */
#sidebar, #sidebar nav, #sidebar h2, #sidebar h3 { font-size: 110%; text-align: left;}
div.widget {float: none; margin: 1em 0; width: 100%;}
p#gotop { padding: 1px 4px 7px 4px !important; font-size: 150% !important;}
	
} /* end of max-width:999px */

@media screen and (min-width:1024px) {
#top h1 a { padding: 0 10px;  font-size: 140% !important; }
#menu  { margin: auto !important; }

.post {margin: 0em auto 4em auto;  padding-top: 30px;}
.dc-home .post {padding-top: 30px !important;}
.post-title {  font-size: 240%; }
p.pagination, p.pagination a.prev, p.pagination a.next, #navlinks a, #navlinks span  { font-size: 85% !important;}
#sidebar div.widget ul { font-size: 100%; text-align: left;}
#sidebar div.widget ul ul { text-align: left;}
#blognav div.widget {float: left; margin: 50px 15px 15px 15px; min-width: 300px; max-width: 350px; min-height: 300px;}
div#search.widget { min-width: 350px; }
#blogextra div.widget {margin: 15px 15px 5px 15px; }
#blognav, #blogextra {clear:both;}
blockquote p {  max-width: 700px !important; }
p#gotop { padding: 1px 5px 10px 5px !important; font-size: 200% !important; }
	
} /* end of min-width:1024px */

/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}

/* ------------------------------------------------------------
2. BALISES HTML PAR DEFAUT 
------------------------------------------------------------- */

h1 { }
h2 { }
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { font-weight: 400;  line-height: 1.2;  font-family: "Open Sans", sans-serif;}
h3 { }
h4 {}
h5 { }
h6 { }
p { }
em { font-style: italic; }
img { max-width: 100%; }
sup,sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
abbr, acronym { }

blockquote {  margin: 0 0 1rem; }
blockquote p { font-size: 1.10rem !important; color: #515253 !important; }

cite { }
ul { list-style-position:inside;}
ol {  list-style-position:inside;}
dl { }
form { }
fieldset { }
figure {margin: 2em auto; padding: 0;max-width: 979px;}
figcaption {margin: 1em auto; font-family: "Open Sans"  !important; font-size: 93% !important;  padding: 0 0 0 10px; font-style: italic.}
input { }
label { }
a:hover, a:active { color: #3d3d3d; }
a, a:link, a:visited { color: #222222;text-decoration: none;}
a:link { }
a:visited { }
a:hover { text-decoration: none;  transition: .3s;border-bottom: 1px solid gainsboro;   border-color: #999; }
a:focus { }
a[hreflang]:after { }
a img { }
code, pre { font-size: 90%; }
pre { overflow: auto; clear: both;} 
hr { }
fieldset {border : none; margin: 0; padding: 0;}
.post h3, .post h4 {clear : both;}
table { background: #fcfcfc; max-width: 840px; border-collapse:collapse;border-spacing:0;width:100%;display:table; }
tr { text-align: left;border-bottom: 1px solid #999;}
th { padding-left: 10px;  border-bottom: 1px solid #999; border-top: 1px solid #999; }
td { padding-left: 10px; }


/* ------------------------------------------------------------
3. TOP
------------------------------------------------------------- */
#top { height: auto;  background: #1b2e2d;}
#top a { color: #e9e9e9 !important;}
#top a:hover { color: #9e9e9e9 !important;}

#menu { }
#top nav  { min-height: 35px;  text-align : center; background: #95c77d;}
#top nav ul { padding: 0; margin: 0 auto; list-style-type: circle;}
#top nav li { display:inline-block;  padding: 0 20px; }
#top nav a { display: block; text-decoration: none; }
#top nav a:active { text-decoration: none;  transition: .3s; border-bottom: 1px solid #e9e9e9; }
#name { max-width: 800px; margin: 0em auto !important; padding: 1em 0 !important; }
#name h1 {margin: 0 0 0 0.3em !important; text-align: center; letter-spacing: 1px;}
#name a { max-width: 300px; }

p.site-baseline {font-size: 80%;  color: #e9e9e9;  text-align: center; } 

p#prelude {display: none;}

/* ------------------------------------------------------------
5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */
.content-inner, #content-info { max-width: 800px; margin-left: auto; margin-right: auto; }
#content-info { margin-top: 2em; margin-bottom: 2em; background: #dedbce; max-width: 1200px; padding: 20px; }
#content-info h2 { padding: 0 20px;  text-transform: uppercase; font-size: 110%; }
#subcategories h3 {padding-top: 30px;  text-transform: uppercase; font-size: 100%; }
#content-info p { font-size: 90% !important;  padding: 0 20px; }


.pagination { text-align:center; text-transform: uppercase; height: auto;  width: auto; margin: 10px auto 6em auto !important; clear: both; padding: 20px;}
p.pagination a.prev, p.pagination a.next { background-color: #95c77d;  color: #fff; text-align: center; padding: 10px; 
	border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px; }
#navlinks { height: auto;  width: auto; margin-top: 2em !important; }
#navlinks a { line-height: 2em; }
#navlinks .prev {float: left; width: 43%; background-color: #c990c0;  color: #fff;   text-align: center;
		border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px;}
#navlinks .next { float: right; width:43%;background-color: #c990c0;  color: #fff;  text-align: center;
		border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px;}
#navlinks span  { display: none;}#subcategories {padding: 0px;margin-bottom: 3em;}

/* ------------------------------------------------------------
6. BILLETS
------------------------------------------------------------- */

#main p {font: 1.225rem/2rem "Lora-Regular"; max-width: 800px; margin: 1em auto;}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { max-width: 800px; margin: 1em auto;}
pre, code, table, fieldset, hr, ul, ol { max-width: 800px; margin: 1em auto;}

.post {max-width: 1200px; background : #fff; padding: 20px; }
.dc-page .post, .dc-home .post.odd.first {margin-top: 4em;}
.dc-post .post {padding-top: 3em !important; padding-bottom: 3em !important; position: relative; top: 2em;}

p.day-date { font-size: 90% !important; text-align: right !important; color: #6c757d !important; margin: 1em auto !important;}
.dc-search p.day-date { display: none; }

.post-title {  max-width: 800px; margin: 0.5em auto 1em auto !important;}
.dc-post .post-title { margin-bottom: 0.1em !important;}

.dc-home .post-info, .dc-home .post-info-co, .dc-home ul.post-tags,  .dc-category .post-info, .dc-category .post-info-co, .dc-category ul.post-tags,
.dc-tag .post-info, .dc-tag .post-info-co, .dc-tag ul.post-tags, .dc-page .page-info  { display: none;  font-size: 80%  !important;    }

.post-excerpt, .post-excerpt p { font-weight: 700 !important; font-family: "Open Sans"  !important; font-size: 93% !important; }
.post-content sup { font-size: 75% !important; }
.footnotes h4 { font-family: "Lora-Regular"; font-weight: 700; }
.footnotes p { font-size: 93% !important; }

.post-content img { border: 2px solid white; }
#attachments { margin-bottom: 4em;  max-width: 1200px; padding: 20px; margin: 2em auto; background: #014344; color: #fff; }
#attachments h2, #attachments a { color: #fff;  }
#attachments ul { list-style-type: circle; padding-left: 0; }

 .post-info {font-size: 80% !important; margin-bottom: 0em !important; }
ul.post-tags {  max-width: 800px; font-size: 80%; padding: 0;  margin: 0em auto 1em auto !important; }
.post-tags:before  {}
.post-tags:after {content: " "; }
.post-tags li:first-child { }
.post-tags li {display: inline;}
.post-tags li:after {content: ", ";}
.post-tags li:last-child:after {content:"";}
.post-content {margin-top: 2em;margin-bottom: 3em;}
.post-content img {max-width: 100%;  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px;}

.read-it {  margin-bottom: 3em !important;}
p.read-it {  padding: 6px; background: #f6d65b; text-transform: uppercase; font-size: 110%; width: 15em; text-align: center; 
	border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px; }

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

dl #comment {  }
#comments {  max-width: 1200px; padding: 20px; margin: 2em auto; background: #2c7974; }
#comment-form { max-width: 1200px; padding: 20px; margin: 2em auto; background: #f6d65b; }

dl { margin: 0em auto 3em auto; max-width: 800px; }
#pr  { margin: 0em auto 4em auto; max-width: 800px; }
#pr dl { margin: 0em auto 1em auto; }
#comment {max-width: 800px; margin: 1em 0; padding: 10px; background-color: #e7e7e7; 	border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px; }
.comment-number {border: 0; padding: 6px 12px; background: #ea8278; 	border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px;  }
dt { margin: 1em auto; font-weight: 700; font-size: 90%; padding-left: 20px;  }
a.comment-number {color: #fff !important;   }
dd p {font-size: 90% !important;  }
dd  { margin-bottom: 1em; margin: 20px;}

#comment-form fieldset {padding: 0; }
.field { }
.field label {width:100%; font-size: 90% !important;  }
.field input { width:100%; height: 2em; padding: 10px; background-color: #e7e7e7; border: 1px solid #e7e7e7;	border-radius: 15px;  -webkit-border-radius: 15px; -moz-border-radius: 15px;-webkit-border-radius: 15px;}
.field textarea { width: 100%; padding: 10px; background-color: #e7e7e7;  border: 1px solid #e7e7e7;border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px;}
@media (max-width:768px){
.field input,.field textarea {width:100%; }
}
#comments h3 { text-transform: uppercase; font-size: 120%; font-weight: 700; margin-bottom: 3em; color: #fff; }
#comment-form h3 { text-transform: uppercase; font-size: 120%; font-weight: 700; margin-bottom: 1em; }
#attachments  h3  { text-transform: uppercase; font-size: 120%; font-weight: 700; margin-bottom:1em; }
	
#comment-form input[type=submit] , #comment-form input[type=reset]  { border: 0; padding: 6px 12px; background: #95c77d; color: #fff;  text-transform: uppercase; font-size: 110%;
	border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px;  }

.form-help, .remember { font-size: 90% !important; }
p#pr { color: #ea8278; text-transform: uppercase; font-size: 120%; font-weight: 700;  font-family: "Open Sans", sans-serif;}

#ping-url {font-size: 90% !important;  }
#comments-feed {font-size: 90% !important; }
p#pr, #ping-url, #comments-feed  { background: #dedbce; max-width: 1200px  !important;  padding: 20px; }

/* ------------------------------------------------------------
8. SIDEBAR
------------------------------------------------------------- */
#sidebar { color: #e9e9e9; background:#1b2e2d; background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; padding: 0; margin-top: 4em;}
#sidebar a {  color: #e9e9e9; }
#sidebar a:hover { color: #9e9e9e; }
#blognav { width: 90%; max-width: 1600px; margin: auto; }
#blogextra { width: 90%; max-width: 1600px; margin: auto; padding-bottom: 3em; }

div.widget { padding: 10px;  }
div.widget h2, div.widget  h3 {font-family: "Open Sans";  font-size: 0.9em; font-weight: 100; letter-spacing: 3px; text-transform: uppercase; }
div.widget ul {list-style-position: inside; list-style: none;  max-width: 100% !important; padding-left: 0 !important; }
div.widget.tags li { display: inline;  padding: 5px 20px 5px 0px; line-height: 2em;}

/* boites du menu des widgets livres avec Dotclear */
div#search.widget { }
div#search.widget form { }
div#search.widget input[type=text] {  border: 0; padding: 12px; width: 65.66666%;
		border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px;} /* ou #search #q */
div#search.widget input[type=submit] { width: 20.33333%;  border: 0; padding: 6px; background: #95c77d; color: #fff;  text-transform: uppercase; font-size: 110%;
	border-radius: 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px;-webkit-border-radius: 25px; } /* ou #search .submit */

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

div.widget.selected { }
div.widget.lang { }
div.widget.categories { }
div.widget.categories ul ul { margin: 0 !important; }
div.widget.categories li li { padding-left: 20px; list-style-type: circle; list-style: inside; }
div.widget.syndicate { }
div.widget.feed {	} 
div.widget.lastposts { }
div.widget.lastcomments { }
div.widget.pages { }
div.widget.text { }
div.widget.text span {clear:both;}
div.widget.links { }
div.widget.simple-menu { }

div.tags { }
div.tags ul { }
div.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 */

/* ------------------------------------------------------------
9. FOOTER
------------------------------------------------------------- */
#footer { background-color: #1b2e2d; clear: both; text-align:left; height: auto; margin : auto;}

#footer p { color: #e9e9e9;  font-size: 0.8em; font-weight: 100; letter-spacing: 3px; text-transform: uppercase; padding: 10px 30px;margin: 0 auto;}
#footer a { color: #e9e9e9;}
#footer a:hover { color: #9e9e9e;}

#gotop {  display: block; z-index: 1000;  position: fixed;  bottom: .5em;  right: .5em;  width: 1em;  padding: .25em; border-radius: .25em;  
background-color: #7f54b3;  color: #fff;  text-align: center; }  
#gotop a, #gotop a:link, #gotop a:hover, #gotop a:active { background: transparent;  border: none; font-weight: bold; color: #fff; }
p#gotop { font-weight: 700;}


/* ------------------------------------------------------------
10. CLASSES COMMUNES
------------------------------------------------------------- */

/* ------------------------------------------------------------
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-tags { }
.dc-tags #content { min-height: 500px; }
.dc-tags ul {list-style-position: inside; list-style: none;  max-width: 100% !important; padding-left: 0 !important; }
.dc-tags ul li { display: inline;  padding: 5px 20px 5px 0px; line-height: 2em; }
.dc-archive { }
.dc-archive .content-inner, .dc-archive-month .content-inner, .dc-tags .content-inner {max-width: 1160px !important; background: #fff; padding: 20px !important;}
.arch-block {display: block;margin: 0 0 2em 4em;vertical-align: top;}
.arch-block:first-child {margin-left: 0;}
.arch-block h3 {  text-align: left; padding: 0.5em 1em; margin-bottom: -1em; text-transform: uppercase;  }
.arch-block h4 { font-family: "Open Sans"; font-size: 110%; padding-top: 5px;}
.arch-block ul { list-style-type: none;margin: 0;padding: 0;}
.arch-block li {line-height: 2.4em; 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 { margin:0; padding:0 5px; margin-top: 0;}
#by-date {margin-right: 0; margin-bottom: 2em; }
#by-date h3 {display: none; line-height:30px;margin-bottom: 0; }
.fromto {display: none; margin-top: 0;margin-bottom: 2.5em; line-height: 2.4em;}
#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 #content-info h2 { font-family: "Open Sans"; font-size: 110%; }
.dc-archive-month #navlinks { text-align: center;}
.dc-archive-month #navlinks .prev, .dc-archive-month #navlinks .next {width: 30%; }
.dc-archive-month p#navlinks a { padding-left: 20px;padding-right: 20px; }

.dc-tag { }
.dc-404 { }
.dc-search { }


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