div.widget a.btn-kofi, 
div.widget a.btn-kofi:visited, 
div.widget a.btn-kofi:hover, 
div.widget a.btn-kofi:active {
    background-color: light-dark(#f1f1f1, #6c6c6c) !important;
    color: light-dark(#000000, #ffffff) !important;
    
    /* On force l'affichage en bloc pour que le fond s'affiche bien */
    display: inline-block !important;
    padding: 2px 20px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 2px solid light-dark(#000000, #ffffff) !important;
      font-size: 0.875em;
    font-weight: 550 !important;
}

/* On s'assure que la couleur ne change pas au survol par erreur */
a.btn-kofi:hover, a.btn-kofi:focus {
    color: light-dark(#000000, #ffffff) !important;
    opacity: 0.8;
}

.qr-code {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; /* Un peu plus d'espace sous le bloc */
    flex-wrap: wrap;
    list-style: none;
}

.qr-code span::first-letter {
    font-size: 1.05em;
    font-weight: 700;
}

.qr-code img {
    width: 100px;
    height: 100px;
    background-color: light-dark(#f3f3f3, #242424);
    padding: 6px;
    border: 1px solid light-dark(#e0e0e0, #3a3a3a);
    border-radius: 4px;
    transition: transform 0.2s ease;
}

.qr-code img:hover {
    transform: scale(1.05);
    border-color: #3498db;
}

.header {background-image: url(/internet-gb/public/solide.png)}

pre {background-color:light-dark(#a5cc52, #a5cc52);color:light-dark(#000000, #000000)}

.signature li {
  display: block;
  text-align: center;
  line-height: 1.5em
}
footer.post-meta{
    text-align:left
}
.post-time{
    background-image: url(/internet-gb/public/mark-time.svg);
  	background-size: 1.125em;
	padding-left:22px;
    background-repeat:no-repeat;
    padding-right:.5em;
}
.bigfoot-footnote__content {
    color: #137bbb;
	color:light-dark(#137bbb, #4d9bcf)
}
dfn, abbr, acronym {
	border-bottom:1px dotted
}
.mrvbtext ul {
  	line-height:1.2em
}
.mrvbtext li {
	display:block !important;
}
.salvant {
	color:#8DB735;
    font-style: italic
}
q {
    color:#8DB735;/* Couleur par défaut pour les navigateurs ne supportant pas light-dark */
	color:light-dark(#8DB735, #a5cc52) /*27b04e*/
}
h2.post-title {
	font-size:2.5em !important;
	font-weight:400
}
a:link, a:visited {
    border-bottom: 1px dotted  
}
a:hover, a:active, a:focus {
      border-bottom: 1px solid!important
}
.site-title .site-title__link{
  border: none!important;
}
.simple-menu a:link, a:visited {
    border-bottom: 1px dotted!important;
    font-weight:400!important
}
.simple-menu a:hover, a:active, a:focus {
    border-bottom: 1px solid!important;
    font-weight:400!important
}
.intro {
  	background-color:light-dark(#f3f3f3, #242424);
    font-size: 0.875em;
    padding: 1em 1em;
    margin-bottom: 2em;
}
.intro abbr[title] {
    /*color:#ff5849;
    color:light-dark(#c0413c, #ff5849);*/
    font-weight:400;
}
.intro ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
.intro li {
    margin-bottom:.2em;
	/*font-weight:normal*/
}
.intro strong {
    font-weight: normal;
}
blockquote {
  font-size: 1em !important;
}
@media (max-width: 600px){
    .img-ext iframe{
        max-width:105%;
    }
    .visugpx{
        position:relative;
        padding-bottom:120%;
        padding-top:175px;
        height:0 
    }
    .visugpx iframe{
        position:absolute;
        top:0;
        left:0;
        max-width:360px;
        height:100% 
    }
    .img-ext iframe{
    }
    .videoasalvi{
        position:relative;
        padding-bottom:75%;
        padding-top:25px;
        height:0 
    }
    .videoasalvi iframe,.videoasalvi object,.videoasalvi embed{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100% 
    }
}
.videoasalvi iframe,.videoasalvi object,.videoasalvi embed, .visugpx iframe {
    display:table;
    margin:1em auto 0 auto 
}
.topo ul{
	background-color:light-dark(#f3f3f3, #242424);
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:0.875em 
}
.topo .qr-code span::first-letter,
.topo li:first-letter,.topo a:first-letter{
    font-size:1.05em;
    font-weight:700 
}
/*Données topographiques avec <blockquote>*/
.topo blockquote {
	quotes:none!important;
	margin:0
	}
.topo blockquote p{
	margin:3px 0
}
.topo blockquote p:first-letter{
	font-weight:700
}
h3#avertissement, h5#avertissement{
    color:light-dark(#c0413c, #ff5849) 
}
.tags li{
    display:inline ! important;
    margin:0 5px;
    list-style:none
}
.widget a:link {
	color:light-dark(#444444, #cdcdcd) ! important
}
.widget a:visited {
	 color:light-dark(#7e7e7e, #7f7f7f) ! important
}
.widget a:active {
 	color:light-dark(#ffffff, #fafafa)!important
}
.dc-tags a:link {
    color:light-dark(#444444, #cdcdcd) ! important;
}
.dc-tags a:visited {
    /*color:light-dark(#7e7e7e, #7f7f7f) ! important;*/
}
.dc-tags a:active {
    color:light-dark(#ffffff, #ffffff) ! important
}
.dc-tags .tag0,.tags .tag0{
    color:light-dark(#444444, #cdcdcd) ! important;
    font-size:85%
}
.dc-tags .tag10,.tags .tag10{
	color:light-dark(#444444, #cdcdcd) ! important;
    font-size:90% 
}
.dc-tags .tag20,.tags .tag20{
	color:light-dark(#444444, #cdcdcd) ! important;
    font-size:95% 
}
.dc-tags .tag30,.tags .tag30{
    color:light-dark(#c0413c, #ff5849) !important;
    font-size:100%;
    font-weight:500 
}
.dc-tags .tag40,.tags .tag40{
    color:light-dark(#c0413c, #ff5849) !important;
    font-size:105%;
    font-weight:500 
}
.dc-tags .tag50,.tags .tag50{
    color:light-dark(#c0413c, #ff5849) !important;
    font-size:110%;
    font-weight:500 
}
.dc-tags .tag60,.tags .tag60{
    color:light-dark(#c0413c, #ff5849) !important;
    font-size:115%;
    font-weight:700 
}
.dc-tags .tag70,.tags .tag70{
    color:light-dark(#c0413c, #ff5849) !important;
    font-size:120%;
    font-weight:700 
}
.dc-tags .tag80,.tags .tag80{
    color:light-dark(#c0413c, #ff5849) !important;
    font-size:125%;
    font-weight:700 
}
.dc-tags .tag90,.tags .tag90{
    color:light-dark(#c0413c, #ff5849) !important;
    font-size:130%;
    font-weight:700 
}
.dc-tags .tag100,.tags .tag100{
    color:light-dark(#c0413c, #ff5849) !important;
    font-size:135%;
    font-weight:700 
}
footer {
  	text-align:center;
	font-size:.75em
}
.livre {
    clear: both;
}
span.livre {
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
}