archil/css/theme.css

body {
    display: block;
    margin: 8px;
    }
    
.content{
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    word-wrap: break-word;
}

header .bandeau {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1em 0;
}

.header .site-description {
    display: flex;
    justify-content: space-between;
}

nav li {
    display:inline-block;
    margin:0 0.2em 0.4em 0;
}
nav ul {
    margin: 0;
}

nav .pagination {
    margin-top: 10em;
}

.postes {
    font-family: var(--policetitre);
}
.postes li {
    margin: 0;
}

.postes ul {
    margin: 0;
}

header .titre-site {
    font-size: 1.5rem;
}

.site-description {
    font-family: var(--policecorps);
}

ul .liste-item {
    font-family: var(--policetitre);
}

.liste-item time {
    margin-bottom: 0em;
    font-family: var(--policetitre);
}

.liste-item p {
    margin-bottom: 0em;
    font-family: var(--policetitre);
}

nav li{
    font-family: var(--policetitre);
}
/*Bouton de paginations*/
.pagination .pagination-items {
    list-style: none;
    display: flex;
    flex-wrap: wrap; 
    flex-direction: row; 
    justify-content: space-between;
}
.pagination .pagination-item {  
    margin: 0em; 
    flex-basis: 7.5%; 
    display: flex;
    align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { 
    flex-basis: auto;
    margin-top: 2em;
}
.pagination .pagination-item + .pagination-item {  
    margin-left: 0.5em 
}
/*.pagination .pagination-item-label { 
    display:block; 
    flex-basis: 100%; 
    background: #f0f0f0; 
    text-decoration: none; 
    padding:.5em; 
    border-radius:.25em; 
    text-align: center;
}*/
/*.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { 
    background: #c41558; 
    color: #fff; 
}*/
/*.pagination .on .pagination-item-label {
    font-weight: bold;
}*/
.pagination .pagination_precedent_suivant .disabled {
    visibility: hidden
}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {
    color:#888; 
    font-weight: normal;}
/*
.menu_articles .pagination strong {
    font-size:1em;
}*/

/*Pour tester*/
/* exemple d'habillage */
.sociaux{
    padding-top: 0.5em;
}
.sociaux ul {margin:0;padding:0;list-style:none;}
.sociaux li {display:inline-block;margin:0 0.2em 0.4em 0;}
.sociaux a {text-decoration:none;}
.sociaux a:focus, .sociaux a:hover, .sociaux a:active {background-color:transparent;}
.sociaux a.spip_out::after, .sociaux a.external::after { content: none; }
.sociaux .name { position:absolute; clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; margin:0; overflow:hidden; padding:0; width:1px; white-space:nowrap; }
.sociaux .socicon { display: block; font-size:1.4em;padding:.5em;border-radius:1em;color:#fff;background-color:#000; transition: background-color 0.2s;}

.sociaux .facebook .socicon		{background-color:var(--couleurpolices);}
.sociaux .twitter  .socicon		{background-color:var(--couleurpolices);}
.sociaux .mastodon .socicon		{background-color:var(--couleurpolices);}
.sociaux .instagram .socicon	{background-color:var(--couleurpolices);}
.sociaux .googleplus  .socicon	{background-color:var(--couleurpolices);}
.sociaux .blogger  .socicon		{background-color:var(--couleurpolices);}
.sociaux .linkedin .socicon		{background-color:var(--couleurpolices);}
.sociaux .youtube  .socicon		{background-color:var(--couleurpolices);}
.sociaux .pinterest  .socicon	{background-color:var(--couleurpolices);}
.sociaux .rss  .socicon			{background-color:var(--couleurpolices);}
.sociaux .mail .socicon			{background-color:var(--couleurpolices);}
.sociaux .tripadvisor .socicon	{background-color:var(--couleurpolices);}
.sociaux .vimeo .socicon		{background-color:var(--couleurpolices);}
.sociaux .fickr .socicon		{background-color:var(--couleurpolices);}
.sociaux .viber .socicon		{background-color:var(--couleurpolices);}
.sociaux .whatsapp .socicon		{background-color:var(--couleurpolices);}
.sociaux .skype .socicon		{background-color:var(--couleurpolices);}
.sociaux .bandcamp .socicon		{background-color:var(--couleurpolices);}

.sociaux .socicon:hover {background-color:var(--couleursurvol);} /* doit rester en dernier pour être pris en compte ! */