:root {
    --ratio: 1.3;
    --line-height: 1.45;
    --grid-gap-large:.9375rem;
	--text-base-size: 1em
    }

.py4,.py3 {padding-top: .9375rem;padding-bottom: .9375rem}.pt4,.pt3 {padding-top: .9375rem}.pb4,.pb3 {padding-bottom: .9375rem}
.my4,.my3 {margin-top: .9375rem;margin-bottom: .9375rem}.mt4,.mt3 {margin-top: .9375rem}.mb4,.mb3 {margin-bottom: .9375rem}
.py2 {padding-top: .5rem;padding-bottom: .5rem}.pt2 {padding-top: .5rem}.pb2 {padding-bottom: .5rem}
.my2 {margin-top: .5rem;margin-bottom: .5rem}.mt2 {margin-top: .5rem}.mb2 {margin-bottom: .5rem}

#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.250rem repeat(12, minmax(10px, 1fr)) 1.250rem}
.mainGrid > .half {grid-column: 2 / -2}
.colGrid_12 > .half {grid-column: 1 / -1}

.btn--primary {line-height: 30px}
.btn--secondary {line-height: 28px}
.btn--primary,
.btn--secondary {padding-left: 1.250rem;padding-right: 1.250rem}

.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(--s2)}
.home_carousel .descriptif {
display: block;
padding-top: .5rem;	
padding-bottom: .5rem;
border-radius: 0;
font-size: var(--s0)}
.home_seo .intro {
grid-column: 2 / -2;
padding-top: 3.750rem}
.home_seo .title, .home_zoom .title {font-size: var(--s3)}
.home_seo .list-art article:last-child {grid-column: span 12}
.home_seo .list-art img {width: 100%}
.home_partners h3 {font-size: 1rem}
.home_partners .multiple-items {margin-top: .9375rem}
.home_ref {border-top: .9375rem solid var(--main-color)}

.row_actus :is(.card, .line),
.footer :is(.contact, .infos) {grid-column: span 2}
.footer .contact {margin-top: 1.875rem;margin-bottom: 1.875rem}

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

.row_actus .card-content {border-bottom: none}
.list-art article {grid-column: span 6}
.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 :is(h2, h3, div) {font-size: var(--s0)}
.rub-art--title button {margin-top: .5rem}

.card--team,
.card--team.row + .row {grid-column: span 6}
.card--team.row {grid-column: 1 / span 6}
.card--team .name {font-size: var(--s0);margin-bottom: 0}
.card--team .job {font-size: .75rem}

.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}

:is(.rub-header, .art-header) h1,
.art-text h2,
.art-text h3 {
word-break: break-word;
hyphens: auto}
.rub-header h1,
.art-header h1,
.art-text h2 {font-size: var(--s3)}   
.art-text h3 {font-size: var(--s2)} 
.art-text h4 {font-size: var(--s1)}
.art-text h5 {font-size: var(--s0)}
:is(.rub-header, .art-header) h1,
.art-text :is(h2, h3, h4, h5, h6) {line-height: var(--line-height-small)}
:is(.art-chapo, .rub-chapo, .details--2) p {font-size: var(--text-base-size)}
.art-content {margin-top: 2.5rem}
.art-text :is(p, ul, h2, h3, h4, h5, h6, .texteencadre-spip, blockquote, table) {margin-top: .875em}
.art-text .texteencadre-spip {padding: 0.9375rem;border-radius: 15px}

.precedent,
.suivant {border: none}
.precedent + .suivant {margin-top: .5rem}

/* FICHE */
.bg-mission {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px}
.bg-details {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px}
.details, .bg-details {margin-top: .9375rem}
.art-chapo .ssTitle {font-size: var(--s1)}

tr { 
display: flex; 
flex-direction: column}
td:first-child {padding-bottom: 0}
td:nth-child(2){margin-bottom: .5rem}
td {width: 100%}
    
.formulaire_spip legend {padding: 1.5rem .9375rem}
.formulaire_spip fieldset {
padding: 0;
border-right:0;
border-left: 0;
border-bottom: 0}

.coordonnees,
.demande .editer {margin-bottom: 0}
.demande .editer-groupe,
.coordonnees .editer {width: 100%;padding: 0}
.formulaire_spip select {width: 100%}