:root {--grid-gap-large:.9375rem}

.py4 {padding-top: 1.875rem;padding-bottom: 1.875rem}.pt4 {padding-top: 1.875rem}.pb4 {padding-bottom: 1.875rem}
.my4 {margin-top: 1.875rem;margin-bottom: 1.875rem}.mt4 {margin-top: 1.875rem}.mb4 {margin-bottom: 1.875rem}

#wrap {z-index: 20; background: white; transition: transform .4s cubic-bezier(.25, .1, .25, 1);}
#wrap:not(:target) {transform: translate3d(-100%, 0, 0);}
#wrap:target {transform: translate3d(0, 0, 0);}
#wrap:target #open,
#wrap:not(:target) #close {display: none}
#wrap:target #open {display: none}

.header {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width:100%}
.navBar {z-index: 15}
.header, .header .subNav {text-align: center}
.header .logo {margin-top: 1.875rem}
.header .subNav li {display: block}

.mainGrid {grid-template-columns: [left-gutter] 3.750rem [grid-content] calc(100% - 7.5rem) [right-gutter] 3.750rem}
.autoGrid {grid-auto-flow: row; grid-template-columns: repeat(2,1fr)}

.dropbtn {
margin-top: .250rem;
margin-bottom: .250rem;
font-size: 1.250rem}
.dropbtn[aria-current] {background: #eee}

.page_sommaire,
.page_rubrique,
.page_article {padding-top: 48px}

.rub--list-items {padding-top: 0;margin: 0}
.rub--list-items article.flex:nth-child(2n) .thumbnail {order: 2}
.rub--list-items article.flex:nth-child(2n) .title {order: 1}

:is(.rub-header, .art-header) h1 {font-size: var(--s3)}
:is(.art-chapo, .rub-chapo) p {font-size: var(--s1)}
.ss-creations h2 {font-size: var(--s2)}	

.formulaire_spip fieldset {padding: 1rem .9375rem}
.mentions {
margin-top: .5rem;
text-align: left}

@media only screen and (min-width: 48rem) {
.coordonnees .editer-groupe {
display: flex;
flex-wrap: wrap}
}

@media only screen and (max-width: 47.9375rem) {
:is(.rub-header, .art-header) h1 {line-height: var(--line-height-small)}

.coordonnees .editer {width: 100%}
.formulaire_spip select {width: 50%}
}