.transition,
:is(.art-chapo, .art-text) a,
.formulaire_spip [type="submit"]{transition: all .15s ease-in-out}
.scaleHover img {transition: all .25s ease-in-out}
a:hover .scaleHover img {transform: scale(1.025)}

.dropdown:hover .dropdown-content {display: block}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown a:hover {color:var(--second-color)}
.dropdown a:hover[aria-current] {color:var(--main-color)}

:is(.page_article, .page_rubrique) .subNav {background-color: #ccc}
:is(.page_article, .page_rubrique) .subNav a {color: black}

.btn--primary:hover {background-color: black}
.bg-color-black .btn--primary:hover {background-color: var(--main-color)}
.btn--secondary:hover {background-color: rgba(0 0 0 / .15)}
:is(.bg-main-color, .bg-main-light-color) .btn--secondary:hover {background-color: rgba(255 255 255 / .15)}
.rub-art--title a:hover button {background-color: var(--main-light-color)}
.link {
background-image: linear-gradient(var(--second-color),var(--second-color));
background-size: 0 100%;
background-repeat: no-repeat;
transition: .25s}
.link:hover {background-size: 100% 100%}

/* ===================================================================
 *  RUBRIQUE
 *  ARTICLE
 * ------------------------------------------------------------------- */
.rub-header,
.art-header {margin-bottom: 6rem}
.page_rubrique .container,
.page_article .container {padding-top: 6rem}
.rub-chapo,
.art-chapo {
padding-top: 6rem;
padding-bottom: 6rem}
.art-logo {margin-top: -6rem}

.rub-art--title button {margin-left: auto}

/* FICHE */
.art-chapo .ssTitle {font-size: 2.250rem}

.coordonnees .editer-groupe {
display: flex;
flex-wrap: wrap}

@media only screen and (min-width: 72rem) {
.mission {grid-column: 2 / span 5}
.details {grid-column: 9 / span 5}
.bg-mission {
grid-column: 1 / span 7;
margin-right: 1.875rem}
.bg-details {
grid-column: 8 / span 7;
margin-left: 1.875rem}
.mission, .details, .bg-mission, .bg-details {grid-row:3}
.card_prev-next, .card_prev-next--bg {grid-row: 7}	
.details, .bg-details {margin-top: 0}	
}

@media only screen and (min-width: 80rem) {
.home_carousel .title {font-size: var(--s5)}
.row_actus .date {margin-left: auto}
.art-chapo p, .rub-chapo p,
.details--2 p {font-size: var(--s1)}	
.card_prev-next .title {font-size: var(--s4)}	
}

@media only screen and (max-width: 99.9375rem) {
.mainGrid {grid-template-columns: 2.5rem repeat(12, minmax(10px, 1fr)) 2.5rem}
.mainGrid > .half {grid-column: 4 / -4}
.colGrid_12 > .half {grid-column: 3 / -3}
}

@media only screen and (max-width: 89.9375rem) {
:root {--grid-gap-large:1.875rem}

.dropbtn {
padding-left: .625rem;
padding-right: .625rem}
.row_actus {padding-top: 1.875rem}

.home_seo .intro {grid-column-end: span 8}
}

@media only screen and (max-width: 79.9375rem) {
.mainGrid > .half {grid-column: 3 / -3}
.colGrid_12 > .half {grid-column: 2 / -2}
.rub-header,
.art-header {margin-bottom: 3.750rem}
.page_rubrique .container,	
.page_article .container {padding-top: 3.750rem}
.rub-chapo,
.art-chapo {
padding-top: 3.750rem;
padding-bottom: 3.750rem}
.art-logo {margin-top: -3.750rem}
	
.home_carousel .title {margin-bottom: .9375rem}
.home_carousel .descriptif {font-size: var(--s0)}
.home_seo .intro {grid-column-end: span 10}
.home_seo :is(h1, p) {margin-bottom: 1.875rem}
.home_zoom {padding: 0}
	
.row_actus .title {padding-right: 0}
.row_actus .date {
margin-bottom: .250rem;
font-size: .875rem}	
}

@media only screen and (max-width: 71.9375rem) {
.card--team,
.card--team.row + .row {grid-column: span 4}
.card--team.row {grid-column: 1 / span 4}
}