.transition,
:is(.art-chapo, .art-text) a,
.card-actus 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: #e5e5e5}
.dropdown:hover .dropbtn {color:#ddd}

.btn--primary:hover, .btn--eshop:hover, .btn--buy:hover,
.formulaire_spip  [type="submit"]:hover {background-color: black}
:is(.art-chapo, .art-text) a:hover.btn--text {background-color: #b7b576}
.btn--primary:active, .btn--eshop:active, .btn--buy:active,
.formulaire_spip  [type="submit"]:active,
:is(.art-chapo, .art-text) a:active.btn--text{transform: scale(0.97)}
.btn--secondary:hover {border-color: black}
.btn--more:hover {border-bottom-style:solid}
.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%}
.card-actus a:hover {color: black}

.header {position: sticky; top:0; z-index: 15; background: white}
.header :is(.subNav, nav) {transition: .3s}
.header.unLarge .subNav {margin-right: .750rem}
.header.unLarge nav {border-radius: 0;margin: 0;box-shadow: 0 0px 25px rgba(0,0,0,0.06), 0 2px 4px rgba(0,0,0,0.1)}

.home_zoom {grid-column-gap: 3.75rem}
.row_nouveautes .card:last-child {border-right: 1px solid rgb(255 255 255 / .3)} 

/* ===================================================================
 *  RUBRIQUE
 *  ARTICLE
 * ------------------------------------------------------------------- */
.page_rubrique .container {padding-top: 5rem;padding-bottom: 5rem}
.page_article .container {padding-top: 5rem}

.rub-logo {
grid-column: 1 / span 5;
border-top-right-radius:30px; 
border-bottom-right-radius:30px}
.rub-logo, .rub-logo img,
.art-logo--survol, .art-logo--survol img {height: 100%}
.rub-main {grid-column: 8 / span 5}

.rub-article {grid-column: span 3}

.rub-article h2 a:hover,
.rub_art-content h2 a:hover {color: var(--main-color)}

.rub_art-logo {grid-column-end: span 7}
.rub_art-content {
grid-column-end: span 4;
align-self: center}

.rub_art-logo.even {
border-top-right-radius: 275px;
border-bottom-right-radius: 275px}
.rub_art-content.even {grid-column-start: 9}
.rub_art-logo.odd {
grid-column-start: 8;
border-top-left-radius: 275px;
border-bottom-left-radius: 275px}
.rub_art-content.odd {grid-column-start: 3}

.page_art-couteaux .art-header {grid-column: 8 / span 5}
.page_art-couteaux .art-logo {
grid-column: 8 / span 7;
align-self: end;
border-top-left-radius: 275px;
border-bottom-left-radius: 275px}
.page_art-couteaux .art-logo--survol {
grid-column-end: span 5;
grid-row-end: span 2;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px}

.art-album .first,
.art-album .third {grid-column-end: span 3}
.art-album .second {grid-column-end: span 6}
.art-album .first {align-self: start}
.art-album .third {align-self: end}
.art-album .second,
.btn--eshop-album {
grid-row: 1;    
grid-column: 4 / span 6;
align-self: center}

.card-actus:first-of-type,
.row_actus .title {grid-column-start: 3}
.card-actus {grid-column-end: span 4}
.row_actus .title {grid-column-end: span 8}

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

@media only screen and (max-width: 99.9375rem) {
:root {--grid-gap-large:1.875rem}	
.mainGrid {grid-template-columns: repeat(14, minmax(10px, 1fr))}
.mainGrid > .half {grid-column: 4 / -4}
.colGrid_12 > .half {grid-column: 3 / -3}
.colGrid_12 > .half.plus {grid-column: 2 / -2}
	
.page_rubrique .container {padding-top: 4rem;padding-bottom: 4rem}
.page_article .container {padding-top: 4rem}
.page_art-couteaux .art-header {grid-column-end: span 6}
.rub-article,
.row_nouveautes .card {padding-left: .9375rem; padding-right: .9375rem}
.rub-logo,
.rub-main {grid-column-end: span 6}
.card-content h2 {font-size: 1.5rem}
.list-couteaux {grid-column-gap: 3.750rem}
.rub_art-content.even {grid-column-start: 8}
.rub_art-content.odd {grid-column-start: 2}	
.rub_art-content {grid-column-end: span 6}
.rub_art-logo:is(.odd, .even) {
margin-top: 2.5rem;
margin-bottom: 2.5rem}	
}

@media only screen and (max-width: 89.9375rem) {
.mainGrid {grid-template-columns: 2.5rem repeat(12, minmax(10px, 1fr)) 2.5rem}

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

.btn--primary,
.btn--secondary,
.btn--eshop {
min-width: 140px;
padding-left: .9375rem;
padding-right: .9375rem}
	
.page_art-couteaux .art-logo--survol {grid-column-end: span 6}
.page_art-couteaux .art-logo {margin-top: 2.5rem}	
}

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

.header nav {
padding-left: .5rem;
margin-left: .9375rem;
margin-right: .9375rem}
.logo {margin-left: 0}
.mainNav, .secondNav {width: inherit}
.card-actus:first-of-type,
.row_actus .title {grid-column-start: 1}
.row_actus .title {grid-column-end: span 12}
.card-actus {grid-column-end: span 6}

.home_carousel span {margin: 0}

.list-couteaux {grid-column-gap: 1.875rem} 
.home_temoignage h2,	
.page_art-couteaux .art-header h1 {font-size: var(--s2)}
.row_nouveautes .card {grid-column: span 4}
.home_zoom .rub_art-content h3,
.home_eshop h3,	
.rub_art-content h2 {font-size: 2rem}
.home_temoignage .citation {font-size: 1.250rem}
.home_zoom .rub_art-content h2 {font-size: .750rem}
	
}