@media (max-width: 1586px)
{
    .content-top .btn-participer
    {
        margin-top: 5%;
    }

    .wrapper h1 {
        line-height: 120%;
    }

    .content-top p.slogan
    {
        margin-bottom: 5%;
    }

    label.label-bold
    {
        margin-top: 5%;
    }

    #register_participate_optinInfos, #register_participate_optin
    {
        margin-top: 3px;
        display: block;
    }
}

@media (max-width: 1280px)
{
    #home .challengers .text-challengers
    {
        left:0;
    }
}

@media (max-width: 968px)
{
    body
    {
        font-size:12px;
    }

    .desktop {
    	display:none;
    }
    .mobile {
    	display:inline-block;
    }

    .menu {
        padding: 15px 15px 0;
    }

    #header
    {
        background-color: #3b444b;
    }

    #header .logo img {
        width: 40% !important;
        height: auto !important;
        margin: 0 !important;
    }

    #footer, #footer
    {
        gap: 30px;
    }

    #footer, #footer .footer-columns
    {
        flex-direction: column;
    }

    #footer .footer-columns .footer-column
    {
        margin: 0;
    }

    #footer .footer-columns .footer-column li:first-child
    {
        border: 0;
    }

    #footer .footer-columns .footer-column li:first-child
    {
        margin-top: 15px;
    }

    #footer .footer-columns .footer-column li:nth-child(2)
    {
        padding-top: 0;
    }

    #footer .footer-logos
    {
        text-align: center;
        margin: 0;
    }

    .intro {
        background: #06151e;
        max-height: unset;
        flex-direction: column;
    }

    .intro img.header-mobile {
        width: 100%;
    }

    .account a {
        font-size: 1em;
    }

    .account
    {
        top: 15px;
        right: 15px;
    }

    .intro .back, .challengers .back
    {
        top: 1.25em;
        left: 1.25em;
        margin: 1em 0;
    }

    .content-top {
        flex-direction: column;
        padding: 2em 2em;
    }

    .content-top h2 {
        margin-top: -2em;
    }

    .content-top div.inscription {
        flex-direction: column;
        align-items: center;
        gap: 1.66em;
    }

    .content-top div.inscription a {
        font-size: 2.67em;
        line-height: 1em;
        display: inline-block;
        width: fit-content;
    }
    .content-top div.inscription p {
        font-size: 1.75em;
        line-height: 0.95em;
        letter-spacing: 0.03em;
        margin-top: 1.5em;
    }
    .content-top > a.link-challengers {
        font-size: 2em;
    }

    .btn-participate {
        padding: 0.45em 1.25em 0.25em 1.25em;
        letter-spacing: 0.06em;
    }

    .wrapper h1 {
        font-size: 3.33em;
    }

    #home .registration-web {
        height: 40em;
        background-image: url(../gfx/register-mobile-bg.jpg);
        background-size: 100%;
    }
    #home .registration-web > div {
        width: 100%;
        left: 0;
        bottom: 5em;
    }
    #home .registration-web > div:has(> a) {
        bottom: 1em;
    }
    #home .registration-web > div a {
        margin: 0.5em auto;
    }
    #home .registration-club .info {
        font-size: 1.25em;
        line-height: 1em;
    }
    #home .registration-club .info p {
        margin-top: 1em;
    }
    #slider-registration-clubs {
        margin-bottom: 4em;
    }
    #slider-registration-clubs > .slick-arrow
    {
        top: 4.25em;
        height: 3em;
    }
    #slider-registration-clubs .registration-club-card > div.card {
        height: 11.5em;
        border-radius: 2em;
    }
    #slider-registration-clubs .registration-club-card > div.card > div {
        border-radius: 0 0 2em 2em;
        padding: 1em;
    }
    #slider-registration-clubs .registration-club-card > div.card > div h3 {
        font-size: 1em;
    }
    #slider-registration-clubs .registration-club-card > div.card > div p {
        font-size: 1em;
    }
    #slider-registration-clubs .registration-club-card > div.address {
        font-size: 1em;
        margin-top: 1em;
    }

    #home .challengers {
        margin-top: 7em;
    }

    #home .challengers .challengers-list {
        margin-bottom: 0;
        padding-top: 0;
    }

    #home .challengers .challengers-list img.slide-button.slide-previous {
        left: 3%;
    }
    #home .challengers .challengers-list img.slide-button.slide-next {
        right: 3%;
    }

    #home .challengers .challengers-list.few-slides .slick-list,
    #home .challengers .challengers-list .slick-list .slick-track {
        padding-top: 0;
    }

    #home .challengers .challengers-list:not(.few-slides) .challenger-card {
        filter: none;
        transform: scale(0.75);
    }

    #home .challengers .challengers-list:not(.few-slides) .challenger-card:not(.slick-center) .challenger-data,
    #home .challengers .challengers-list:not(.few-slides) .challenger-card:not(.slick-center) .challenger-links {
        display: flex;
    }

    .challengers-list .challenger-card .challenger-data .challenger-name {
        font-size: 2em;
        line-height: 2em;
    }

    .challengers-list .challenger-card .challenger-links {
        padding: 0.75em;
    }

    #home .challengers .challengers-buttons {
        flex-direction: column;
        align-items: center;
        gap: 1.66em;
        margin-bottom: 7.5em;
    }

    #home .challengers .challengers-buttons .btn {
        font-size: 2.66em;
        padding: 0.45em 1.25em 0.25em 1.25em;
    }

    /* region CHALLENGERS */

    #challengers
    {
        padding-top:30px;
    }

    #challengers img.challengers-fleches {
        top: 60px;
        width: 30px;
        right: 0;
    }

    #challengers h1 {
        margin: 1.5em 0 30px;
    }

    #challengers .filters {
        display: block;
        margin-top: 0;
    }
    #challengers .filters > * {
        margin: 0 0 15px;
        float: left;
        width: 100%;
    }
    #challengers .filters span {
        display: none;
    }

    #challengers .filters
    {
        padding:0 60px;
    }

    #challengers .cta {
        padding-bottom: 30px;
    }

    #challengers .filters .selectize-control .selectize-input {
        font-size: 100%;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    #challengers .filters .selectize-control .selectize-input::after {
        display: none;
    }
    #challengers .filters .selectize-control .selectize-dropdown {
        border: none;
        border-radius: 0;
    }
    #challengers .filters .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
        text-align: left;
        font-size: 16px;
        line-height: 1em;
        color: #ffffff;
    }
    #challengers .filters input {
        padding: 0.5em 0.5em 0.5em 2em;
        margin-top: -6px;
        font-size: 16px;
        border: none;
        border-radius: 0;
        box-shadow: none;
        text-transform: uppercase;
    }
    #challengers .filters input:focus {
        outline: none;
    }

    .challengers-list {
        width: 100%;
        margin: 0;
        padding: 30px 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap:30px;
    }

    #challengers .challengers-list .item {
        width: 100%;
        margin: 0;
    }

    #challengers .challengers-list .challenger-card .photos .photo
    {
        width: 22.35em;
        height: 30.75em;
    }
    .challengers .challengers-list .challenger-card .button-container
    {
        display:none;
    }

    .challenger-card .button-container {
        width: 86px;
        height: 41px;
        background:url(../gfx/fleches.svg) no-repeat scroll center center transparent;
        position: absolute;
        z-index: 1;
        margin-top: -1px;
        margin-left: -11px;
        display: flex;
    }
    .challenger-card .button-container .slick-arrow {
        display: block;
        width: 41px;
        height: 41px;
        cursor: pointer;
        transform: skew(-10deg);
        margin-left: 2px;
    }
    .challenger-card .challenger-card-content {
        position: relative;
        overflow: hidden;
    }
    .challenger-card .challenger-card-content .challenger-bottom {
        width: 100%;
        margin-top:0;
        bottom: 0;
    }

    .challenger-card .challenger-card-content .challenger-bottom .challenger-data {
        font-family: 'Cactus Medium Italic', serif;
        display: flex;
        margin-left: -6px;
        width: 100%;
    }
    .challenger-card .challenger-card-content .challenger-bottom .challenger-data .challenger-name {
        border: 1px solid #ffd600;
        background: #ffd600;
        display: flex;
        align-items: center;
    }
    .challenger-card .challenger-card-content .challenger-bottom .challenger-data .challenger-name h3 {
        margin: 10px 5px 10px 15px;
    }
    .challenger-card .challenger-card-content .challenger-bottom .challenger-data .challenger-age {
        margin:15px 10px 0;
        margin-right: 0;
        font-size: 70%;
    }
    #home .slider-items .slick-center .challenger-card .challenger-card-content .challenger-bottom {
        font-size: 300%;
    }
    #home .slider-items .slick-center .challenger-card .challenger-card-content .challenger-bottom .challenger-data {
        width: calc(100% + 6px);
    }
    #home .slider-items .slick-center .challenger-card .challenger-card-content .challenger-bottom .challenger-data .challenger-name div {
        width: 100%;
    }
    #home .slider-items .slick-center .challenger-card .challenger-card-content .challenger-bottom .challenger-data .challenger-name {
        max-width: 75%;
    }
    #home .slider-items .slick-center .challenger-card .challenger-card-content .challenger-bottom .challenger-data .challenger-name h3 {
        max-width: 100%;
        display: block;
    }
    #home .slider-items .slick-center .challenger-card .challenger-card-content .challenger-bottom .challenger-links {
        display: none;
    }

    .challengers .challengers-list .challenger-card .challenger-card-content .challenger-bottom .challenger-links
    {
        display:none;
    }

    .challenger-card .challenger-card-content .challenger-bottom .challenger-links .challenger-vote {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 20px;
        margin-top: -40px;
    }
    .challenger-card .challenger-card-content .challenger-bottom .challenger-links .challenger-vote span {
        font-family: 'Cactus Bold Italic', serif;
        color: #ffd600;
    }

    #profil .profil-left .challenger-links .vote img.like,
    #profil .profil-left .challenger-links .profile img:nth-child(2),
    #profil .profil-left .challenger-links .share img:nth-child(2),
    .challengers-list .challenger-card .challenger-links .vote img.like,
    .challengers-list .challenger-card .challenger-links .profile img:nth-child(2),
    .challengers-list .challenger-card .challenger-links .share img:nth-child(2) {
        display: none;
    }
    #profil .profil-left .challenger-links .vote img.empty-like,
    #profil .profil-left .challenger-links .voted img.like,
    #profil .profil-left .challenger-links .profile img:nth-child(1),
    #profil .profil-left .challenger-links .share img:nth-child(1),
    .challengers-list .challenger-card .challenger-links .vote img.empty-like,
    .challengers-list .challenger-card .challenger-links .voted img.like,
    .challengers-list .challenger-card .challenger-links .profile img:nth-child(1),
    .challengers-list .challenger-card .challenger-links .share img:nth-child(1) {
        display: block;
        filter: alpha(opacity=100);
        opacity: 1;
        z-index: 1;
    }

    #home .slick-slide .challenger-card .challenger-card-content .challenger-top
    {
        display: none;
    }

    #home .slick-center .challenger-card .challenger-card-content .challenger-top, .slick-center .challenger-card .challenger-card-content .challenger-top .challenger-vote {
        display: block;
    }
    .slick-center .challenger-card .challenger-card-content .challenger-top .challenger-vote {
        max-width: 20%;
    }
    .slick-center .challenger-card .challenger-card-content .challenger-top .challenger-vote a {
        width: 100%;
        display: block;
        max-width: 86px;
    }
    .slick-center .challenger-card .challenger-card-content .challenger-top .challenger-vote a img {
        max-width: 100%;
    }

    .challenger-card .challenger-card-content .challenger-top .more
    {
        top:15px;
        right:15px;
        width:20%;
        max-width: 20%;
    }

    .challenger-card .challenger-card-content .challenger-top .more
    {

    }

    .challenger-card .challenger-card-content.mask-02 .challenger-top .more
    {
        right: 30px;
    }

    .challenger-card .challenger-card-content .challenger-vote img
    {
        max-width: 100%;
    }

    .challenger-card .challenger-card-content.mask-03 .challenger-top .challenger-vote
    {
        left: 30px;
    }

    /* endregion CHALLENGERS */


    .bloc {
        padding: 10% 15px 50%;
        background-size: contain;
        display: none;
    }

    .bloc h2
    {
        font-size: 200%;
        margin:30px 0 15px;
    }

    .popup h2 {
        font-size: 3.33em;
        margin-top: 0;
    }

    .popup h3 {
        font-size: 1.67em;
        letter-spacing: 0.06em;
    }

    .popup p {
        font-size: 0.92em;
        line-height: 1.2em;
    }

    .popup form .fields input, .popup form .fields select, .popup form .fields textarea {
        border-width: 1px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2em;
        padding: 0.5em;
    }
    .popup form .fields input:has(+ .toggle-password) {
        padding-right: 1.5em;
    }

    .popup .btn-login
    {
        width:60%;
    }

    .popup .btn-retrieve-password
    {
        width:80%;
    }

    .bloc .links
    {
        flex-direction: column;
        gap: 15px;
    }

    .bloc .links a
    {
        font-size:14px;
    }

    .popup
    {
        width: calc(100% - 30px);
    }

    .popup .popup_content {
        padding: 1.625em 1.625em 4.185em;
    }

    .popup .close {
        top: 20px;
        right: 15px;
        width: 2.54em;
        height: 2.54em;
        background-size: 2.5em;
    }

    #popup_howto .popup_content {
        padding: 1.625em 1.625em 4.185em;
        gap: 2.79em;
    }
    #popup_howto .popup_content .popup_step {
        flex-direction: column;
        align-items: center;
        gap: 0.5em;
    }
    #popup_howto .popup_content .popup_step .parallelogram {
        flex: 1;
        margin: 0 1em 0 0;
        justify-content: center;
    }
    #popup_howto .popup_content .popup_step .parallelogram h3 {
        font-size: 1.92em;
        padding: 0.25em 0.5em 0;
    }
    #popup_howto .popup_content .popup_step h3 {
        text-align: center;
    }
    #popup_register .popup_content {
        padding: 0;
    }
    #popup_register .popup_content .register_choose h3 {
        font-size: 1.92em;
    }
    #popup_register .popup_content .register_choose p {
        padding: 0.33em 0;
        font-size: 10px;
        font-weight: 700;
    }
    #popup_register .popup_content .register_choose {
        background-size: 100%;
        align-items: stretch;
        margin: 0;
    }

    #popup_register .popup_content .register_choose .register_disclaimer {
        padding:25px 50px;
    }

    #popup_register .popup_content .register_choose h4.btn-register-select-form {
        max-width: calc(100% - 100px);
        margin: 0 auto;
        padding: 0.5em 1em 0.25em;
        font-size: 1.92em;
    }
    #popup_register .popup_content .register_forms {
        padding: 1.625em;
    }

    #popup_register[data-form="egerie"] .popup_content .register_forms form#form_register_participate .steps {
        flex-direction: column;
        gap: 0.5em;
        margin-bottom: 15px;
    }
    #popup_register[data-form="egerie"] .popup_content .register_forms form#form_register_participate .steps img {
        width: unset;
    }
    .popup form .fields label.label-upload {
        font-size: 1.2em;
    }
    .popup form .fields label.label-upload span {
        flex: 0 0 65%;
        line-height: 1em;
    }

    .page-profil, #compte {
        padding: 60px 0 0;
        flex-direction: column;
        gap: 30px;
    }

    .profil-left, .profil-right {
        width: 100%;
        padding: 0 1em;
    }
    .profil-fullwidth {
        max-width: 100%;
    }

    .page-profil .profil-left {
        padding: 0;
        gap: unset;
    }

    .page-profil .profil-left .challenger-data {
        display: flex;
        position: absolute;
        top: 3em;
        left: 1em;
        z-index: 1;
        width: 100%;
    }

    #profil .challenger-photos img {
        width: 100%;
    }

    #profil .profil-left .challenger-links {
        display: flex;
        width: 100%;
        margin-top: calc(-5em + 1px);
        position: relative;
        justify-content: space-between;
    }
    .profil-right .challenger-vote,
    .profil-right .challenger-data .challenger-name,
    .profil-right .challenger-data .challenger-category {
        display: none;
    }
    .page-profil .challenger-data .challenger-title {
        width: 100%;
    }
    .page-profil .challenger-likes {
        margin-left: auto;
    }

    .profil-right h2 {
        font-size: 2em;
        margin-top: -2.25em;
    }
    .profil-right .compte-data-header h2 {
        margin-top: 0;
    }
    .page-profil .challenger-photos, #compte .challenger-photos {
        max-width: 100%;
        gap: 0;
    }

    .page-profil .challenger-photos img.slide-button.slide-previous, #compte .challenger-photos img.slide-button.slide-previous
    {
        left:0;
    }

    .page-profil .challenger-photos img.slide-button.slide-next, #compte .challenger-photos img.slide-button.slide-next
    {
        right:0;
    }

    .page-profil .profil-top > .challenger-data .challenger-rs, #compte .profil-top > .challenger-data .challenger-rs {
        justify-content: space-around;
        gap: 0;
        flex-direction: column;
    }

    .page-profil .challenger-photos .slick-slide, #compte .challenger-photos .slick-slide {
        padding: 0;
        filter: unset;
        transform: unset;
    }

    .challenger-photos .slick-slide .corner
    {
        margin: 0;
    }

    .page-profil .challenger-photos .slick-slide
    {
        padding:0;
    }

    .page-profil .challenger-description, #compte .challenger-description
    {
        font-size: 1.67em;
        padding: 0.8em;
        border-width: 1px;
        text-align: left;
    }

    .page-profil .challenger-rs,
    #compte .challenger-rs {
        gap: 1em;
    }

    .page-profil .challenger-rs > div a img,
    #compte .challenger-rs > div a img {
        width: 3em;
    }

    .page-profil .challenger-vote, #compte .challenger-vote
    {
        margin:30px 0;
    }

    .page-profil .challenger-vote img, #compte .challenger-vote img
    {
        width:60px;
    }

    .profil-bottom .challenger-sharing
    {
        margin: 2em 0;
    }

    .profil-bottom .challenger-sharing img
    {
        height:2.5em;
    }

    .profil-bottom .challenger-sharing h3
    {
        margin:0;
        font-size: 200%;
    }

    #compte .compte-disclaimer
    {
        width:70%;
        margin:30px 15%;
    }

    #compte .compte-name
    {
        margin: 0 0 30px;
    }

    #compte .compte-data
    {
        font-size:200%;
    }

    #compte .compte-data .compte-data-header > * {
        margin: 0 5px;
    }

    .page-profil, #compte .compte-data #compte-data-photos
    {
        margin-top: 4em;
        margin-bottom: 1em;
    }

    .page-profil .compte-data-infos-line
    {
        margin:10px 0;
    }

    .compte-links
    {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: center;
        justify-content: center;
    }

    .page .wrapper
    {
        padding:80px 15px;
    }

    .page h2
    {
        margin: 20px 0 15px;
    }

    .footer-links .wrapper
    {
        align-items: center;
    }

    .footer-links li
    {
        padding:15px;
    }

    .asteric
    {
        padding: 15px 15px;
    }

    #register_participate_optinInfos, #register_participate_optin
    {
        margin-top: 0;
        display: block;
    }

    #home .challengers .challengers-list > .slick-arrow
    {
        top:calc(50% - 22px) ;
        width:44px;
    }

    #home .challengers .challengers-list > .slide-previous
    {
        left:15%;
    }

    #home .challengers .challengers-list > .slide-next
    {
        right:15%;
    }
}

@media (max-width: 716px) {
    .page-profil .challenger-data .challenger-name > div, .page-profil .challenger-likes {
        font-size: 3em;
        line-height: 1em;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .page-profil .challenger-data .challenger-category > div img {
        max-height: 3em;
    }
    .popup form .fields label.label-upload {
        flex-direction: column;
        align-items: start;
        margin-bottom: 1.5em;
        gap: 0.5em;
    }
    .popup form .fields label.label-upload > span {
        flex: 1;
        width: 100%;
        padding-right: 4em;
    }
    .popup form .fields label.label-upload > span img {
        max-width: 4em;
        max-height: 4em;
    }
}

@media (max-width: 440px)
{
    #popup_register[data-form="egerie"] .popup_content .register_forms form#form_register_participate .step-links {
        font-size: 1em;
    }
}

@media (max-width: 370px)
{
    #popup_register[data-form="egerie"] .popup_content .register_forms form#form_register_participate .step-links {
        font-size: 0.75em;
    }
}

@media (max-width: 320px)
{
    #content
    {
        font-size: 9px;
    }
}