nav.mainMenu,.notificationsList{
    display: none!important;
}
body{
    background-color: #e7e7e7;
}


main{
    background-image: url("../../../images/2022/fond_papier_recycle.jpg") ;
    scroll-behavior: smooth;
}
.bonus .txtBonus{
    background-image: url(../../../../images/transparentBackground/black-50.png);
}
.elemDecoration{
    width: 40%;
}
.blocCentral{
    width: 55%;
    /*margin-left: auto;*/
}
.wrapperTop{
    align-items: flex-start;
}
.containerLinkedin{
    display: inline-block;
}
.shareSocialsNetwork{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.shareSocialsNetwork .fb-share-button,.shareSocialsNetwork .containerLinkedin{
    width: 45%;
}
.shareSocialsNetwork .btnLinkedin{
    bottom: 0;
    margin: 0;
}
@media screen and (max-width: 1300px) {
    .hideCard {
        height: 13em;
        width: 8em;
    }
    .hideCard .name {
        padding: 0.5em 2em 6em 4em;
    }
}
@media screen and (max-width: 1100px) {
    .ekip::before {
        width: 30%;
    }
    .ekip::after {
        width: 30%;
    }
}
@media screen and (max-width: 950px) {
    .imgTeam{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .hideCard{
        width: 26%;
    }
    .card1 {
        transform: rotate(-20deg) translateY(1em);
    }
    .card2 {
        transform: rotate(-2deg) translateX(0.5em);
    }
    .card3 {
        transform: rotate(17deg);
    }
    .card4 {
        transform: rotate(-16deg);
    }
    .card5 {
        transform: rotate(9deg) translateY(0.5em);
    }
}
@media screen and (max-width: 900px) {
    .oneTrophee {
        width: 45%;
    }
    .scores .scoreContainer p {
        left: 30%;
    }
    .trophes{
        justify-content: space-around;
    }
    .ekip::before {
        width: 25%;
    }
    .ekip::after {
        width: 25%;
    }
    .oneTrophee {
        width: 90%;
        padding: 1em 0;
    }
    .scores {
        margin-bottom: 1em;
    }
    .barreContainer {
        margin: 0 auto 1em auto;
    }
    .topResult{
        margin-bottom: 3em;
    }
}
@media screen and (max-width: 800px) {
    .bonus .tagList {
        width: 45%;
        margin-bottom: 1.5em;
    }
    .shareModule .w45{
        width: 90%;
        margin: 0 auto;
    }
    .shareModule .w45 .playAgain button{
        margin-bottom: 2em;
    }


}
@media screen and (max-width: 700px) {

    .ekip::before {
        width: 20%;
    }
    .ekip::after {
        width: 20%;
    }
    .hideCard{
        width: 29%;
        margin: 0 .5em;
    }
    .hideCard .name {
        transform: rotate(-30deg) translateX(-40%);
        width: 170%;
        padding: 0.5em 4em 7em 3em;
    }
    .imgTeam {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    .elemDecoration{
        width:100%;
    }
    .elemDecoration img{
        margin: 0 auto;
        display: block;
    }
    .blocCentral{
        width:100%;
    }
    .results .blocCentral hgroup{
        text-align: center;
        padding-top: 2em;
    }
    .results .blocCentral hgroup h1{
        margin-bottom: -0.8em;
    }
    .ekip::before {
        display: none;
    }
    .ekip::after {
        display: none;
    }
    .bonus .tagList {
        width: 90%;
    }
}
@media screen and (max-width: 500px) {
    .hideCard .name {
        padding: 0.5em 4em 8em 3em;
    }
    .hideCard{
        width: 27%;
        height: 10em;
        margin: 0 .5em;
    }
    .hideCard .name{
        font-size: 0.7em;
    }
    .scores .scoreContainer p {
        left: 25%;
    }
}

@media screen and (max-width: 350px) {
    .hideCard{
        width: 27%;
        height: 8em;
        margin: 0 .5em;
    }
    .hideCard .name {
        padding: 0.5em 4em 5em 3em;
    }

}
@media screen and (max-width: 300px) {
    .shareSocialsNetwork .fb-share-button,.shareSocialsNetwork .containerLinkedin{
        width: 100%;
        margin-bottom: 2em;
    }
}