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

.dropbtn[aria-current] {text-decoration: underline}

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

.btn--primary:hover {background-color: rgba(0 0 0 / .15)}
.btn--secondary:hover svg {margin-left: .5rem}

.rub--list-items article.flex:nth-child(even) .thumbnail {order: 2}
.rub--list-items article.flex:nth-child(even) .title {order: 1}

:is(.art-chapo, .art-text) a {
background-image: linear-gradient(#eee,#eee);
background-size: 0 100%;
background-repeat: no-repeat;
transition: .25s}
:is(.art-chapo, .art-text) a:hover {background-size: 100% 100%}
:is(.art-chapo, .art-text) a:active {background: #ccc}
:is(.art-chapo, .art-text) a:is(:hover, :focus) {outline: none}

:is(.art-chapo, .art-text) a:hover.btn--text {background-color: var(--main-color)}
.next_prev a:hover svg {margin: 0}

.bio .texteencadre-spip + .texteencadre-spip {margin-left: 3.750rem}
.list-authors li a:hover {background: #e5e5e5}

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


@media only screen and (min-width: 80rem) {
.big-photo :is(.rub-header, .rub-logo, .art-header, .art-logo) {grid-row: 1}	
}

@media only screen and (min-width: 90rem) {
.home_seo h1, .creations h2 {font-size: var(--s3)}
}

@media only screen and (max-width: 99.9375rem) {
.mainGrid {grid-template-columns: [left-gutter] 1fr [grid-content] minmax(10px,1280px) [right-gutter] 1fr}	
}

@media only screen and (max-width: 89.9375rem) {	
:root {--grid-gap-large:1.875rem}
.mainGrid {grid-template-columns: [left-gutter] 1fr [grid-content] minmax(10px,1152px) [right-gutter] 1fr}
	
: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)}
.bio .texteencadre-spip + .texteencadre-spip {margin-left: 1.875rem}
	
}

@media only screen and (max-width: 79.9375rem) {
.mainGrid {grid-template-columns: [left-gutter] 1fr [grid-content] minmax(10px,960px) [right-gutter] 1fr}

.rub--list-items {padding-top: 0;margin: 0}
.home_seo,	
.art-item {padding-top: 1.875rem;padding-bottom: 1.875rem}	
}

@media only screen and (max-width: 71.9375rem) {
}