: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: var(--main-color); 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 .content {text-align: center}
.header .subNav .content {text-transform: uppercase}
.header .subNav a {font-size: .875rem}
.header :is(.logo, .subNav) {margin-top: 1.875rem}
.header nav {
margin: 0;
border-radius: 0;
background: none}
.logo--small{height: 55px}
.logo--small img {margin-top: -13px}

.mainGrid {grid-template-columns: 1.875rem repeat(12, minmax(10px, 1fr)) 1.875rem}
.mainGrid > .half {grid-column: 3 / -3}
.colGrid_12 > .half {grid-column: 2 / -2}

.dropbtn {
margin-top: .250rem;
margin-bottom: .250rem;
text-transform: none;
font-family: var(--font-secondary);	
font-size: 1.375rem}
.dropdown a[aria-current] {background: var(--second-color)}

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

.home_carousel .container {
position: relative;
top: 0;
transform: translateY(0)}
.home_carousel .title {
background: var(--main-light-color);	
margin-bottom: 0;	
padding-top: .9375rem;
padding-bottom: .9375rem;
font-size: var(--s3)}	
.home_carousel .descriptif {
display: block;
padding-top: .5rem;	
padding-bottom: .5rem;
border-radius: 0;
font-size: var(--s0)}
.home_seo .intro {grid-column-end: span 10}
.home_seo :is(h1, p) {margin-bottom: 1.875rem}

.rub-header,
.art-header {margin-bottom: 2rem}
.page_rubrique .container,	
.page_article .container {padding-top:2rem}
.rub-chapo,
.art-chapo {
padding-top: 2rem;
padding-bottom: 2rem}
.art-logo {margin-top: -2rem}

.row_actus {padding-top: 1.250rem}
.rub-art--title :is(h2, h3, div),
.row_actus .title {padding-right: 0}
.row_actus .date {
margin-bottom: .250rem;
font-size: .875rem}

.rub-art--title {text-align: center}
.rub-art--title button {margin-top: .9375rem}

.card--team,
.card--team.row + .row {grid-column: span 4}
.card--team.row {grid-column: 1 / span 4}

.header_prev-next {
margin-left: auto;
margin-right: auto;
text-align: center}
.header_prev-next h2 > span {display: inline}
.prev-ref, .next-ref {grid-column: span 2}

.formulaire_spip fieldset {padding: 1rem .9375rem}

@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%}
}