/** #####################################################
* Etendre un lien à son container
* https://wabeo.fr/etendre-liens-javascript/
* => mettre la classe "expand" sur le container; le lien à l'intérieur bubble up alors sur l'ensemble du container
* => permet de garder un markup HTML correct et digestible par les moteurs de recherche
** ##################################################### */

.expand {
    overflow: hidden;
    position: relative;
}


.cards .expand a:after,
.expand span.qcd:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: -250px;
}




/** #####################################################
* Obfuscation
* https: //www.410-gone.fr/seo/optimisation-on-site/maillage-interne/cocon-semantique/obfuscation.html
** ##################################################### */

.qcd {
    text-decoration: underline;
}

.qcd:hover {
    text-decoration: none;
    cursor: pointer;
}



@media screen and (min-width: 861px) {
    .mobile_only {
        display: none;
    }
}

@media screen and (max-width: 860px) {
    .nomobile {
        display: none;
    }
}