/*
Theme Name: Trico 2k25
Theme URI: https://connecte.triathlondesroses.fr/
Version: 25.0
Author: jeFFF @ tisseur de toile (based on Hopening / WP&Co)
Author URI: https://hopening.fr/

License: Commercial
*/

@import url('css/header.css');
@import url('css/footer.css');
@import url('css/plugins.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

/*------------------------------------*\
MAIN
\*------------------------------------*/

.hide_forced{
    display: none!important;
}

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body {
    font-family: 'Poppins', sans-serif;
    padding-top: 90px;
    line-height: 1.4;
    overflow-x: hidden;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    color:#444;
    text-decoration:none;
}
a:hover {
    color:#444;
}
a:focus {
    outline:0;
}
a:hover,
a:active {
    outline:0;
}
input:focus {
    outline:0;
    border:1px solid #04A4CC;
}
.video-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.video-popup video {
    max-width: 100%;
    height: auto;
}
.white-popup {
    position: relative;
    background: #FEF3EF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.white-popup .title {
    color: #EE7E52;
    font-weight: 800;
    line-height: 1;
    font-size: 25px;
    text-align: center;
    margin-bottom: 15px;
}
.white-popup p {
    text-align: center;
}
.white-popup input[type="submit"] {
    font-weight: 800;
    border: 0 none;
    color: #fff;
    background-color: #E3097D;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
}

.mfp-close-btn-in .mfp-close {color: #000}
.mfp-close {top: -9px !important;right: -11px !important;}
.white-popup .mfp-close {top: 0 !important;right: 0 !important;}

/*------------------------------------*\
ANIMATIONS
\*------------------------------------*/

@-webkit-keyframes phone-icon {
    0% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

@-moz-keyframes phone-icon {
    0% {
        -moz-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    50% {
        -moz-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -moz-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

@-o-keyframes phone-icon {
    0% {
        transform: translate3d(5px, 0, 0);
    }
    50% {
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes phone-icon {
    0% {
        -webkit-transform: translate3d(5px, 0, 0);
        -moz-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -moz-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(5px, 0, 0);
        -moz-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

/*------------------------------------*\
FRONTPAGE
\*------------------------------------*/

.page-template-template-frontpage .before-count {
    font-size: 24px;
    font-weight: 800;
    color: #E3097D;
    margin-right: 13px;
}
.page-template-template-frontpage .countdown {
    position: fixed;
    background-color: #E3097D;
    -webkit-border-top-left-radius: 33px;
    -webkit-border-bottom-left-radius: 33px;
    -moz-border-radius-topleft: 33px;
    -moz-border-radius-bottomleft: 33px;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
    height: 54px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-right: 15px;
    line-height: 1.1;
    right: 0;
    top: -webkit-calc(100vh - 104px);
    top: -moz-calc(100vh - 104px);
    top: calc(100vh - 104px);
    z-index: 3;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
}
.page-template-template-frontpage.before .countdown.after_section_one ,
.page-template-template-user-page.before .countdown.after_section_one {
    right: -227px;
}
.page-template-template-frontpage.during .countdown.after_section_one ,
.page-template-template-user-page.during .countdown.after_section_one {
    right: -123px;
}
.page-template-template-frontpage.after .countdown.after_section_one ,
.page-template-template-user-page.after .countdown.after_section_one {
    right: -202px;
}
.page-template-template-frontpage.before .countdown.after_section_one:hover,
.page-template-template-user-page.during .countdown.after_section_one:hover,
.page-template-template-frontpage.after .countdown.after_section_one:hover,
.page-template-template-user-page.before .countdown.after_section_one:hover,
.page-template-template-frontpage.during .countdown.after_section_one:hover,
.page-template-template-user-page.after .countdown.after_section_one:hover {
    right: 0;
}
.page-template-template-frontpage .picto-chrono {
    position: relative;
    display: block;
    margin: 0;
    width: 47px;
    height: 47px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    margin-right: 10px;
    margin-left: 4px;
}
.page-template-template-frontpage .picto-chrono::after {
    position: absolute;
    content: "";
}
.page-template-template-frontpage .countdown .picto-chrono::after {
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzI4MzIwIiBkYXRhLW5hbWU9Ikdyb3VwZSAyODMyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIuMjA1IiBoZWlnaHQ9IjM3LjMxIiB2aWV3Qm94PSIwIDAgMzIuMjA1IDM3LjMxIj4NCiAgPHBhdGggaWQ9IlRyYWPDqV8xMjM5IiBkYXRhLW5hbWU9IlRyYWPDqSAxMjM5IiBkPSJNMTYuMTE5LDcuMzU0QTEyLjg3MSwxMi44NzEsMCwxLDEsMy4yNDksMjAuMjI0LDEyLjg4NSwxMi44ODUsMCwwLDEsMTYuMTE5LDcuMzU0bTAtMy4yQTE2LjA3NCwxNi4wNzQsMCwxLDAsMzIuMTk0LDIwLjIyNCwxNi4wNzUsMTYuMDc1LDAsMCwwLDE2LjExOSw0LjE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAxMSAxLjAxMSkiIGZpbGw9IiNlZTdlNTIiLz4NCiAgPHBhdGggaWQ9IlRyYWPDqV8xMjQwIiBkYXRhLW5hbWU9IlRyYWPDqSAxMjQwIiBkPSJNMTUuMTc1LDguMDI3VjE5LjI4bDcuOTU3LTcuOTU3YTExLjI1MywxMS4yNTMsMCwxLDEtNy45NTctMy4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjk1NiAxLjk1NikiIGZpbGw9IiNlZTdlNTIiLz4NCiAgPHBhdGggaWQ9IlRyYWPDqV8xMjQxIiBkYXRhLW5hbWU9IlRyYWPDqSAxMjQxIiBkPSJNMS45ODcsMTAuMDEzLjQxMiw4LjQzN2ExLjQwNSwxLjQwNSwwLDAsMSwwLTEuOTg5TDEuNyw1LjE2NGExLjQwNSwxLjQwNSwwLDAsMSwxLjk4OSwwTDUuMTcsNi42NDlhMTcuNDQzLDE3LjQ0MywwLDAsMC0zLjE4MywzLjM2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxLjE1OCkiIGZpbGw9IiNlZTdlNTIiLz4NCiAgPHBhdGggaWQ9IlRyYWPDqV8xMjQyIiBkYXRhLW5hbWU9IlRyYWPDqSAxMjQyIiBkPSJNMjEuNyw2LjY1MmwxLjQ4OS0xLjQ4OWExLjQwNSwxLjQwNSwwLDAsMSwxLjk4OSwwbDEuMjg1LDEuMjg1YTEuNDA1LDEuNDA1LDAsMCwxLDAsMS45ODlsLTEuNTgxLDEuNTgxQTE3LjQwNiwxNy40MDYsMCwwLDAsMjEuNyw2LjY1MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4yODcgMS4xNTgpIiBmaWxsPSIjZWU3ZTUyIi8+DQogIDxyZWN0IGlkPSJSZWN0YW5nbGVfNzE1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3MTUiIHdpZHRoPSI0LjYzIiBoZWlnaHQ9IjMuODU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy43MzQgMy4xMDgpIiBmaWxsPSIjZWU3ZTUyIi8+DQogIDxwYXRoIGlkPSJUcmFjw6lfMTI0MyIgZGF0YS1uYW1lPSJUcmFjw6kgMTI0MyIgZD0iTTkuNjY1LDEuMjg2YzAsMS4wNjYuMjE5LDIuNTcyLDEuMjg1LDIuNTcySDE2LjZjMS4wNjUsMCwxLjI4NS0xLjUwNiwxLjI4NS0yLjU3MlMxNy42NjQsMCwxNi42LDBIMTAuOTVDOS44ODQsMCw5LjY2NS4yMiw5LjY2NSwxLjI4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNTUpIiBmaWxsPSIjZWU3ZTUyIi8+DQo8L3N2Zz4NCg==);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 28px 33px;
    -moz-background-size: 28px 33px;
    -o-background-size: 28px 33px;
    background-size: 28px 33px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.page-template-template-frontpage .countdown:hover .picto-chrono::after {
    -webkit-animation: phone-icon 80ms 10;
    -moz-animation: phone-icon 80ms 10;
    -o-animation: phone-icon 80ms 10;
    animation: phone-icon 80ms 10;
}

.page-template-template-frontpage #countdown-frontpage {
    font-weight: 800;
    font-size: 45px;
    margin-right: 13px;
    line-height: 1;
}

.page-template-template-frontpage #s1 {
    background-color: rgb(229, 24, 120);
    height: -webkit-calc(100vh - 90px);
    height: -moz-calc(100vh - 90px);
    height: calc(100vh - 90px);
}
.page-template-template-frontpage #s1 .mot {
    max-height: 75px;
    width: auto;
    margin: 0 auto;
}
.page-template-template-frontpage #s1 .content {
    bottom: 0;
    padding-bottom: 50px;
}
.page-template-template-frontpage #s1 .btn_degrade {
    font-size: 27px;
}
.page-template-template-frontpage #s1 .btn_register {
    padding: 12px 18px 12px 11px;
}
.page-template-template-frontpage #s1 .btn_degrade .toggle {
    width: 48px;
    height: 30px;
    border: 3px solid #FFF;
}
.page-template-template-frontpage #s1 .btn_register .toggle .handle {
    width: 26px;
    height: 26px;
}
.page-template-template-frontpage #s1 .btn_register:hover .toggle .handle {
    left: 17px;
}
.page-template-template-frontpage #s1 .event-date {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    background-color: #EE7E52;
    line-height: 51px;
    padding: 0 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.page-template-template-frontpage #s1 .mots {
    margin-bottom: 35px;
}
.page-template-template-frontpage #s1 .intro {
    margin-bottom: 35px;
    font-size: 48px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.page-template-template-frontpage #s1 .tryptique-item {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.page-template-template-frontpage #s2 {
    padding: 40px 0 80px 0;
    background: rgb(229,24,120);
    background: -webkit-linear-gradient(315deg, rgba(229,24,120,1) 0%, rgba(237,113,87,1) 100%);
    background: -moz-linear-gradient(315deg, rgba(229,24,120,1) 0%, rgba(237,113,87,1) 100%);
    background: -o-linear-gradient(315deg, rgba(229,24,120,1) 0%, rgba(237,113,87,1) 100%);
    background: linear-gradient(135deg, rgba(229,24,120,1) 0%, rgba(237,113,87,1) 100%);
}
.page-template-template-frontpage #s2 .s2a {
    margin-bottom: 50px;
}
.page-template-template-frontpage .s2__content {
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
}
.page-template-template-frontpage .s2__content h1 {
    font-size: 35px;
    line-height: 1.1;
    margin-bottom: 15px;
    font-weight: 700;
}
.page-template-template-frontpage .s2__content h1 img {
    width: 44px;
    height: 44px;
    margin: 0;
    vertical-align: bottom;
    display: inline-block;
}
.page-template-template-frontpage .s2__content p:last-child {
    margin-bottom: 0;
}
.page-template-template-frontpage .s2__pastille-compteur {
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 385px;
    height: 385px;
}
.page-template-template-frontpage .s2__pastille-compteur .picto {
    width: 102px;
    height: auto;
    margin-bottom: 18px;
}
.page-template-template-frontpage .s2__pastille-compteur .global-counter {
    margin-bottom: 18px;
    font-size: 32px;
    font-weight: 800;
}
.page-template-template-frontpage .s2__pastille-compteur .global-counter-number {
    font-weight: 800;
    font-size: 32px;
    line-height: 56px;
    color: #fff;
}
.page-template-template-frontpage .s2__pastille-compteur .global-counter-number span {
    width: 45px;
    height: 56px;
    background-color: #E3097D;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.page-template-template-frontpage .s2__pastille-compteur .small-text {
    color: #E3097D;
    font-weight: 800;
    font-size: 22px;
}
.page-template-template-frontpage .s2__pastille-compteur .big-text {
    color: #EE7E52;
    font-weight: 800;
    font-size: 33px;
}
.page-template-template-frontpage .s2b {
    margin-bottom: 50px;
}
.page-template-template-frontpage .discipline-counter {
    height: 120px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    padding-left: 130px;
}
.page-template-template-frontpage .discipline-counter .picto {
    width: 120px;
    height: 120px;
    background-color: #fff;
    -webkit-border-radius: 49%;
    -moz-border-radius: 49%;
    border-radius: 49%;
    top: 0;
    left: 0;
}
.page-template-template-frontpage .discipline-counter .picto img {
    height: 73px;
    width: auto;
}
.page-template-template-frontpage .discipline-counter .number {
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    color: #E3097D;
    margin-bottom: 5px;
}
.page-template-template-frontpage .discipline-counter .number span {
    width: 19px;
    height: 25px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.discipline-counter .cloture_event_txt,
.s2__pastille-compteur .cloture_event_txt {
    display: block;
    font-size: 12px;
}
.discipline-counter .cloture_event_txt {
    margin-top: 18px;
}
.page-template-template-frontpage .discipline-counter .content {
    color: #fff;
    font-size: 18px;
}
.page-template-template-frontpage .discipline-counter .content strong {
    font-size: 20px;
    font-weight: 800;
}
.page-template-template-frontpage .s2c {
    margin-bottom: 50px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
.page-template-template-frontpage .s2c .btn_register{
    padding: 0 40px 0 16px;
    line-height: 55px;
    font-size: 27px;
    color: #EE7E52;
    font-weight: 800;
    background-color: #fff;
    width: 312px;
    margin: 0 auto 15px auto;
}
.page-template-template-frontpage .s2c .btn_register .toggle {
    border: 4px solid #EE7E52;
    width: 48px;
    height: 31px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-right: 28px;
    background-color: #fff;
}
.page-template-template-frontpage .s2c .btn_register .toggle .handle {
    background-color: #EE7E52;
    width: 25px;
    height: 25px;
}
.page-template-template-frontpage .s2c .btn_register:hover .toggle .handle {
    left: 16px;
}
.page-template-template-frontpage .s2c .login {
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: #fff;
}
.page-template-template-frontpage .s2c .login:after {
    display: block;
    width: 0;
    opacity: 0;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    transition: all ease 500ms;
    height: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    bottom: 3px;
    right: 0;
}
.page-template-template-frontpage .s2c .login:hover:after {
    width: 100%;
    opacity: 1;
}

.page-template-template-frontpage #s3 {
    padding-top: 70px;
}
.page-template-template-frontpage .s3__title {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 25px;
    color: #E3097D
}
.page-template-template-frontpage .s3__logo {
    margin-bottom: 25px;
}
.page-template-template-frontpage .s3__logo img {
    width: 308px;
    height: auto;
}
.page-template-template-frontpage .s3__intro {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 50px;
}
.page-template-template-frontpage .s3__parrains-list {
    margin-bottom: 40px;
}
.page-template-template-frontpage .s3__parrain {
    padding: 10px;
    background-color: #E3097D;
    -webkit-border-radius: 175px;
    -moz-border-radius: 175px;
    border-radius: 175px;
    color: #fff;
    font-weight: 800;
    font-size: 26px;
}
.page-template-template-frontpage .s3__parrain span {
    font-size: 20px;
    font-weight: 500;
}
.page-template-template-frontpage .s3__parrain .content {
    margin-bottom: 30px;
}
.page-template-template-frontpage .s3__parrain img {
    max-width: 324px;
}
.page-template-template-frontpage .s3b {
    background-color: #FEF3EF;
    padding-top: 250px;
    margin-top: -175px;
    padding-bottom: 110px;
}
.page-template-template-frontpage .s3b .open-popup-link {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
}
.page-template-template-frontpage .s3b .open-popup-link:after {
    display: block;
    position: absolute;
    content: '';
    background: url(img/play.png) 50% / 100% no-repeat;
    width: 80px;
    height: 80px;
    top: auto;
    right: 0;
    bottom: 25px;
    left: 0;
    margin: auto;
}
.page-template-template-frontpage .s3__parrain-item {
    background-color: #fff;
    -webkit-border-radius: 50%/25%;
    -moz-border-radius: 50%/25%;
    border-radius: 50%/25%;
    padding-bottom: 80px;
    height: 100%;
}
.page-template-template-frontpage .s3__parrain-item .visu-wrapper {
    margin-bottom: 28px;
}
.page-template-template-frontpage .s3__parrain-item .visu-wrapper svg.insta {
    stroke-dasharray:1;
    stroke-dashoffset:0;
    stroke-linecap:round;
    position: relative;
    z-index: 2;
}
.page-template-template-frontpage .s3__parrain-item:hover .visu-wrapper svg.insta {
    -webkit-animation:loading 2000ms ease-in-out 2 alternate;
    -moz-animation:loading 2000ms ease-in-out 2 alternate;
    -o-animation:loading 2000ms ease-in-out 2 alternate;
    animation:loading 2000ms ease-in-out 2 alternate;
}
@-webkit-keyframes loading {
    100% {
        stroke-dasharray:15;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
    }
}
@-moz-keyframes loading {
    100% {
        stroke-dasharray:15;
        -moz-transform:rotate(200deg);
        transform:rotate(200deg);
    }
}
@-o-keyframes loading {
    100% {
        stroke-dasharray:15;
        -o-transform:rotate(200deg);
        transform:rotate(200deg);
    }
}
@keyframes loading {
    100% {
        stroke-dasharray:15;
        -webkit-transform:rotate(200deg);
        -moz-transform:rotate(200deg);
        -o-transform:rotate(200deg);
        transform:rotate(200deg);
    }
}
.page-template-template-frontpage .s3__parrain-item .visu-wrapper img.visu {
    top: 10px;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 1;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
}
.page-template-template-frontpage .s3__parrain-item .visu-wrapper img.picto {
    max-width: 94px;
    z-index: 3;
    top: 58px;
    left: -26px;
}
.page-template-template-frontpage .s3__parrain-item .nom {
    color: #EE7E52;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 5px;
}
.page-template-template-frontpage .s3__parrain-item .legende {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 0 40px;
}
.page-template-template-frontpage .s3__parrain-item .citation {
    color: #E3097D;
    font-size: 20px;
    font-weight: 800;
    padding: 0 40px;
}
.page-template-template-frontpage .s3c {
    color: #E3097D;
    font-size: 22px;
    font-weight: 700;
}
.page-template-template-frontpage .s3c .btn_register{
    padding: 0 40px 0 16px;
    line-height: 55px;
    font-size: 27px;
    font-weight: 800;
    width: 312px;
    margin: 0 auto 15px auto;
}
.page-template-template-frontpage .s3c .btn_register .toggle {
    border: 4px solid #fff;
    width: 48px;
    height: 31px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-right: 28px;
}
.page-template-template-frontpage .s3c .btn_register .toggle .handle {
    background-color: #fff;
    width: 25px;
    height: 25px;
}
.page-template-template-frontpage .s3c .btn_register:hover .toggle .handle {
    left: 16px;
}
.page-template-template-frontpage .s3c .btn_login {
    padding: 0 0 0 0;
    line-height: 1;
    font-size: 24px;
    font-weight: 800;
    width: 312px;
    margin: 0 auto;
    margin-top: 0;
    align-items: center;
    height: 55px;
}
.page-template-template-frontpage .s3c .btn_login.btn_bordered:hover svg rect {
    stroke-width: 1;
    stroke-dasharray: 200, 366;
    stroke-dashoffset: 200;
}
.page-template-template-frontpage .s3c .login {
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: #E3097D;
}
.page-template-template-frontpage .s3c .login:after {
    display: block;
    width: 0;
    opacity: 0;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    transition: all ease 500ms;
    height: 2px;
    background-color: #E3097D;
    content: '';
    position: absolute;
    bottom: 3px;
    right: 0;
}
.page-template-template-frontpage .s3c .login:hover:after {
    width: 100%;
    opacity: 1;
}

.page-template-template-frontpage #socialwall,
.page-template-template-user-page #socialwall {
    background-color: #E8E8E8;
    padding: 80px 0 215px 0;
}
.page-template-template-frontpage #socialwall .picto-thumb {
    position: absolute;
    display: block;
    margin: 0;
    width: 110px;
    height: 110px;
    background-color: #E3097D;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    top: -55px;
    left: 0;
    right: 0;
    margin: auto;
}
.page-template-template-frontpage #socialwall .picto-thumb::after {
    position: absolute;
    content: "";
}
.page-template-template-frontpage #socialwall .picto-thumb::after {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75.287' height='71.069' viewBox='0 0 75.287 71.069'%3E%3Cg id='Groupe_28266' data-name='Groupe 28266' transform='translate(0 0)'%3E%3Cpath id='Tracé_1128' data-name='Tracé 1128' d='M159.762,90.286h0a6.028,6.028,0,0,0,1.458-3.935v-.865a6.058,6.058,0,0,0-6.058-6.058H141.284a1.311,1.311,0,0,1-1.314-1.293c-.029-2.533.33-7.623.312-8.226l-.189-11.73a6.83,6.83,0,0,0-6.823-6.512,6.2,6.2,0,0,0-6.2,6.158l-.037,5.577a12.611,12.611,0,0,1-1.43,5.747l-.477.915a24.527,24.527,0,0,1-3.913,5.494,15.4,15.4,0,0,1-6.092,3.956l-6.014,2.113a1.7,1.7,0,0,0-1.133,1.6v34.125a1.7,1.7,0,0,0,1.4,1.67,235.893,235.893,0,0,0,41.376,3.7l.256.012a5.493,5.493,0,0,0,4.243-9.271,6.05,6.05,0,0,0,4.444-9.956,6.636,6.636,0,0,0,4.244-6.189v-.866a6.635,6.635,0,0,0-4.173-6.161' transform='translate(-88.648 -51.666)' fill='%23fff'/%3E%3Cpath id='Tracé_1129' data-name='Tracé 1129' d='M64.288,177.031h-10a2.788,2.788,0,0,1-2.788-2.788V142.319a2.788,2.788,0,0,1,2.788-2.788h10a2.788,2.788,0,0,1,2.788,2.788v31.924a2.788,2.788,0,0,1-2.788,2.788' transform='translate(-51.5 -109.461)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 54% 42%;
    background-repeat: no-repeat;
    -webkit-background-size: 71px 75px;
    -moz-background-size: 71px 75px;
    -o-background-size: 71px 75px;
    background-size: 71px 75px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.page-template-template-frontpage #socialwall .picto-thumb:hover::after {
    -webkit-animation: phone-icon 150ms 5;
    -moz-animation: phone-icon 150ms 5;
    -o-animation: phone-icon 150ms 5;
    animation: phone-icon 150ms 5;
}


/*------------------------------------*\
PAGE UTILISATEUR
\*------------------------------------*/

.page-template-template-user-page #s1 {
    background-color: #FEF3EF;
    padding-top: 85px;
    padding-bottom: 5px;
}
.page-template-template-user-page .user-avatar {
    margin-right: 27px;
}
.page-template-template-user-page .user-avatar img {
    display: block;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.page-template-template-user-page .user-name {
    line-height: 1;
    font-size: 26px;
    font-weight: 500;
    color: #1C1C1C
}
.page-template-template-user-page .user-name span {
    line-height: 1;
    font-size: 40px;
    font-weight: 800;
    color: #E3097D
}
.page-template-template-user-page .countdown {
    position: fixed;
    background-color: #E3097D;
    -webkit-border-top-left-radius: 33px;
    -webkit-border-bottom-left-radius: 33px;
    -moz-border-radius-topleft: 33px;
    -moz-border-radius-bottomleft: 33px;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
    height: 54px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-right: 15px;
    line-height: 1.1;
    right: 0;
    top: 175px;
    z-index: 1000;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
}
.page-template-template-user-page .picto-chrono {
    position: relative;
    display: block;
    margin: 0;
    width: 47px;
    height: 47px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    margin-right: 10px;
    margin-left: 4px;
}
.page-template-template-user-page .picto-chrono::after {
    position: absolute;
    content: "";
}
.page-template-template-user-page .picto-chrono::after {
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzI4MzIwIiBkYXRhLW5hbWU9Ikdyb3VwZSAyODMyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIuMjA1IiBoZWlnaHQ9IjM3LjMxIiB2aWV3Qm94PSIwIDAgMzIuMjA1IDM3LjMxIj4NCiAgPHBhdGggaWQ9IlRyYWPDqV8xMjM5IiBkYXRhLW5hbWU9IlRyYWPDqSAxMjM5IiBkPSJNMTYuMTE5LDcuMzU0QTEyLjg3MSwxMi44NzEsMCwxLDEsMy4yNDksMjAuMjI0LDEyLjg4NSwxMi44ODUsMCwwLDEsMTYuMTE5LDcuMzU0bTAtMy4yQTE2LjA3NCwxNi4wNzQsMCwxLDAsMzIuMTk0LDIwLjIyNCwxNi4wNzUsMTYuMDc1LDAsMCwwLDE2LjExOSw0LjE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAxMSAxLjAxMSkiIGZpbGw9IiNlZTdlNTIiLz4NCiAgPHBhdGggaWQ9IlRyYWPDqV8xMjQwIiBkYXRhLW5hbWU9IlRyYWPDqSAxMjQwIiBkPSJNMTUuMTc1LDguMDI3VjE5LjI4bDcuOTU3LTcuOTU3YTExLjI1MywxMS4yNTMsMCwxLDEtNy45NTctMy4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjk1NiAxLjk1NikiIGZpbGw9IiNlZTdlNTIiLz4NCiAgPHBhdGggaWQ9IlRyYWPDqV8xMjQxIiBkYXRhLW5hbWU9IlRyYWPDqSAxMjQxIiBkPSJNMS45ODcsMTAuMDEzLjQxMiw4LjQzN2ExLjQwNSwxLjQwNSwwLDAsMSwwLTEuOTg5TDEuNyw1LjE2NGExLjQwNSwxLjQwNSwwLDAsMSwxLjk4OSwwTDUuMTcsNi42NDlhMTcuNDQzLDE3LjQ0MywwLDAsMC0zLjE4MywzLjM2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxLjE1OCkiIGZpbGw9IiNlZTdlNTIiLz4NCiAgPHBhdGggaWQ9IlRyYWPDqV8xMjQyIiBkYXRhLW5hbWU9IlRyYWPDqSAxMjQyIiBkPSJNMjEuNyw2LjY1MmwxLjQ4OS0xLjQ4OWExLjQwNSwxLjQwNSwwLDAsMSwxLjk4OSwwbDEuMjg1LDEuMjg1YTEuNDA1LDEuNDA1LDAsMCwxLDAsMS45ODlsLTEuNTgxLDEuNTgxQTE3LjQwNiwxNy40MDYsMCwwLDAsMjEuNyw2LjY1MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4yODcgMS4xNTgpIiBmaWxsPSIjZWU3ZTUyIi8+DQogIDxyZWN0IGlkPSJSZWN0YW5nbGVfNzE1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3MTUiIHdpZHRoPSI0LjYzIiBoZWlnaHQ9IjMuODU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy43MzQgMy4xMDgpIiBmaWxsPSIjZWU3ZTUyIi8+DQogIDxwYXRoIGlkPSJUcmFjw6lfMTI0MyIgZGF0YS1uYW1lPSJUcmFjw6kgMTI0MyIgZD0iTTkuNjY1LDEuMjg2YzAsMS4wNjYuMjE5LDIuNTcyLDEuMjg1LDIuNTcySDE2LjZjMS4wNjUsMCwxLjI4NS0xLjUwNiwxLjI4NS0yLjU3MlMxNy42NjQsMCwxNi42LDBIMTAuOTVDOS44ODQsMCw5LjY2NS4yMiw5LjY2NSwxLjI4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNTUpIiBmaWxsPSIjZWU3ZTUyIi8+DQo8L3N2Zz4NCg==);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 28px 33px;
    -moz-background-size: 28px 33px;
    -o-background-size: 28px 33px;
    background-size: 28px 33px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.page-template-template-user-page .countdown:hover .picto-chrono::after {
    -webkit-animation: phone-icon 80ms 10;
    -moz-animation: phone-icon 80ms 10;
    -o-animation: phone-icon 80ms 10;
    animation: phone-icon 80ms 10;
}
.page-template-template-user-page #countdown-frontpage {
    font-weight: 800;
    font-size: 45px;
    margin-right: 13px;
    line-height: 1;
}
.page-template-template-user-page .edit-picture {
    width: 25px;
    height: 25px;
    background: url(img/picto-crayon.png) 50% / 100% no-repeat;
    z-index: 1;
    top: 0;
    right: 0;
}
.page-template-template-user-page .user-detail {
    margin-bottom: 160px;
}
.page-template-template-user-page .user-counter {
    margin-bottom: 75px;
}
.page-template-template-user-page .user-counter .slick-list {
    padding-top: 60px;
}
.page-template-template-user-page .discipline-counter {
    width: 290px;
    height: 290px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #E3097D;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    padding-top: 87px;
    margin: 0 auto 20px auto;
}
.page-template-template-user-page .discipline-counter.total{
    background: -webkit-linear-gradient(315deg, rgba(237,113,87,1) 0%, rgba(229,24,120,1) 100%);
    background: -moz-linear-gradient(315deg, rgba(237,113,87,1) 0%, rgba(229,24,120,1) 100%);
    background: -o-linear-gradient(315deg, rgba(237,113,87,1) 0%, rgba(229,24,120,1) 100%);
    background: linear-gradient(135deg, rgba(237,113,87,1) 0%, rgba(229,24,120,1) 100%);
}
.page-template-template-user-page .discipline-counter.empty,
.page-template-template-user-page .discipline-counter.total.empty {
    background: #FFF;
    color: #FAD6C8;
}
.page-template-template-user-page .discipline-counter strong {
    font-weight: 800;
}
.page-template-template-user-page .discipline-counter .picto {
    width: 125px;
    height: 125px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    top: -60px;
    margin: auto;
    left: 0;
    right: 0;
}
.page-template-template-user-page .discipline-counter.empty .picto img {
    opacity: 0.2;
}
.page-template-template-user-page .discipline-counter .number {
    font-weight: 800;
    font-size: 60px;
    line-height: 70px;
    color: #E3097D;
    margin-bottom: 10px;
}
.page-template-template-user-page .discipline-counter.empty .number {
    color: #FFF;
}
.page-template-template-user-page .discipline-counter .number span {
    width: 55px;
    height: 72px;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page-template-template-user-page .discipline-counter.empty .number span {
    background-color: #FAD6C8;
}
.page-template-template-user-page .discipline-counter .number span:not(:last-child) {
    margin-right: 8px;
}
.page-template-template-user-page .user-counter .total-counter .number {
    font-weight: 800;
    font-size: 22px;
    line-height: 39px;
    color: #FFF;
    margin-bottom: 12px;
}
.page-template-template-user-page .user-counter .total-counter .number span {
    width: 31px;
    height: 39px;
    background-color: #EE7E52;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.page-template-template-user-page .user-counter .total-counter .number span:not(:last-child) {
    margin-right: 5px;
}
.page-template-template-user-page .user-counter .total-counter .content {
    font-size: 18px;
    font-weight: 700;
    color: #EE7E52;
    line-height: 1.1;
}
.page-template-template-user-page .user-counter .total-counter .content span {
    font-size: 16px;
    font-weight: 800;
}
.page-template-template-user-page #socialwall {
    padding: 245px 0 70px 0;
}
.page-template-template-user-page .s1__buttons {
    font-size: 27px;
    font-weight: 800;
}
.page-template-template-user-page .s1__buttons .share-button {
    border: 3px solid #EE7E52;
    width: 80%;
    margin: 0 auto;
    height: 74px;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    border-radius: 37px;
    color: #EE7E52;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
}
.page-template-template-user-page .s1__buttons .share-button:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.page-template-template-user-page .s1__buttons .share-button i {
    width: 60px;
    height: 60px;
    background-color: #EE7E52;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    margin-left: 6px;
    padding-top: 18px;
}
.page-template-template-user-page .s1__buttons .histo-button {
    border: 3px solid #E3097D;
    width: 100%;
    margin: 0 auto;
    height: 74px;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    border-radius: 37px;
    color: #E3097D;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
}
.page-template-template-user-page .s1__buttons .histo-button:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.page-template-template-user-page .s1__buttons .histo-button i {
    width: 60px;
    height: 60px;
    background-color: #E3097D;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 6px;
    margin-left: 20px;
    padding-top: 23px;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
}
.page-template-template-user-page .s1__buttons .histo-button.open i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page-template-template-user-page .user-history {
    display: none;
    margin-bottom: 75px;
    margin-top: 70px;
}
.page-template-template-user-page .user-history .inner {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 67px 150px;
}
.page-template-template-user-page .user-history .picto {
    margin-bottom: 20px;
}
.page-template-template-user-page .user-history .item {
    background-color: #E8E8E8;
    height: 75px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    width: 280px;
    margin: 0 auto 13px auto;
    font-weight: 400;
    font-size: 16px;
}
.page-template-template-user-page .user-history .item .km {
    font-size: 18px;
    color: #E3097D;
    font-weight: 800;
}
.page-template-template-user-page #s2 {
    background-color: #FEF3EF;
    padding-top: 70px;
}
.page-template-template-user-page #s2 .background {
    width: 100%;
    height: -webkit-calc((100% - 75px) / 2);
    height: -moz-calc((100% - 75px) / 2);
    height: calc((100% - 75px) / 2);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #E3097D;
    z-index: 1;
}
.page-template-template-user-page #s2 .container {
    z-index: 2;
}
.page-template-template-user-page .new-challenge .inner {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 65px 80px 130px 80px;
}
.page-template-template-user-page.after .new-challenge .inner {
    padding: 75px 80px 45px 80px;
}
.page-template-template-user-page .new-challenge form .title {
    font-weight: 800;
    font-size: 40px;
    color: #EE7E52;
    margin-bottom: 60px;
}
.page-template-template-user-page .new-challenge form .steps {
    margin-bottom: 68px;
}
.page-template-template-user-page .new-challenge form .step {
    font-size: 26px;
    font-weight: 500;
    color: #1C1C1C;
}
.page-template-template-user-page .new-challenge form .step:not(:last-child) {
    margin-bottom: 88px;
}
.page-template-template-user-page .new-challenge form .step .number {
    font-weight: 800;
    font-size: 58px;
    color: #FFF;
    line-height: 1;
    background-color: #EE7E52;
    width: 96px;
    height: 96px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 50px;
}
.page-template-template-user-page .new-challenge form .step .date {
    margin-left: 30px;
}
.page-template-template-user-page .new-challenge form .step .date span {
    color: #fff;
    height: 46px;
    background-color: #EE7E52;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 27px;
    font-size: 40px;
    font-weight: 800;
    line-height: 46px;
    letter-spacing: 2px;
    padding: 0 5px;
}
.page-template-template-user-page .new-challenge form .step .date span:after {
    position: absolute;
    content: '';
    display: block;
    width: 2px;
    background-color: #FAD6C8;
    height: 100%;
    top: 0;
    right: -15px;
}
.page-template-template-user-page .new-challenge form .step .date span#dp-year {
    margin-right: 0;
}
.page-template-template-user-page .new-challenge form .step .date span#dp-year:after {
    display: none;
    content: none;
}
.page-template-template-user-page .new-challenge form .step .date img {
    position: absolute;
    height: 35px;
    width: auto;
    right: -59px;
    top: 5px;
    cursor: pointer;
}
.page-template-template-user-page .ui-widget {
    font-family: 'Poppins', sans-serif;
}
.page-template-template-user-page .ui-widget-content {
    background: #FEF3EF;
    color: #000;
}
.page-template-template-user-page .ui-widget-header {
    border: 0 none;
    background: #EE7E52;
}
.page-template-template-user-page .ui-state-default,
.page-template-template-user-page .ui-widget-content .ui-state-default,
.page-template-template-user-page .ui-widget-header .ui-state-default,
.page-template-template-user-page .ui-button,
.page-template-template-user-page html .ui-button.ui-state-disabled:hover,
.page-template-template-user-page html .ui-button.ui-state-disabled:active {
    border: 1px solid #EE7E52;
    background: #FFF;
    font-weight: 500;
    color: #000;
    text-align: center;
}
.page-template-template-user-page .ui-state-hover,
.page-template-template-user-page .ui-widget-content .ui-state-hover,
.page-template-template-user-page .ui-widget-header .ui-state-hover,
.page-template-template-user-page .ui-state-focus,
.page-template-template-user-page .ui-widget-content .ui-state-focus,
.page-template-template-user-page .ui-widget-header .ui-state-focus,
.page-template-template-user-page .ui-button:hover, .ui-button:focus {
    border: 1px solid #EE7E52;
    background: #EE7E52;
    font-weight: normal;
    color: #fff;
}
.page-template-template-user-page .ui-state-hover span,
.page-template-template-user-page .ui-widget-content .ui-state-hover span,
.page-template-template-user-page .ui-widget-header .ui-state-hover span {
    background-image: none;
}
.page-template-template-user-page .ui-state-hover span:before,
.page-template-template-user-page .ui-widget-content .ui-state-hover span:before,
.page-template-template-user-page .ui-widget-header .ui-state-hover span:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    top: 50%;
    margin-top: -3px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 4px;
    border-color: transparent transparent transparent #ffffff;
}
.page-template-template-user-page .ui-datepicker-prev.ui-state-hover span:before,
.page-template-template-user-page .ui-widget-content .ui-datepicker-prev.ui-state-hover span:before,
.page-template-template-user-page .ui-widget-header .ui-datepicker-prev.ui-state-hover span:before {
    border-width: 3.5px 4px 3.5px 0;
    border-color: transparent #ffffff transparent transparent;
}
.page-template-template-user-page .discipline-radio {
    margin-left: 50px;
}
.page-template-template-user-page .radio-item:not(:last-child) {
    margin-right: 20px;
}
.page-template-template-user-page .radio-item.disabled {
    pointer-events: none;
    cursor: initial;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.page-template-template-user-page .discipline-radio [type="radio"]:checked,
.page-template-template-user-page .discipline-radio [type="radio"]:not(:checked),
.page-template-template-user-page .acceptance [type="checkbox"] {
    position: absolute;
    left: -9999px;
}
.page-template-template-user-page .discipline-radio [type="radio"]:checked + label,
.page-template-template-user-page .discipline-radio [type="radio"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    display: block;
    width: 130px;
    height: 130px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #E3097D;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
}
.page-template-template-user-page .discipline-radio [type="radio"]:not(:checked) + label {
    opacity: 0.2;
}
.page-template-template-user-page .discipline-radio [type="radio"]:checked + label {
    opacity: 1;
}
.page-template-template-user-page .input-km {
    border: 0 none;
    font-size: 40px;
    line-height: 46px;
    font-weight: 800;
    color: #fff;
    padding: 0 5px;
    letter-spacing: 2px;
    background-color: #EE7E52;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 150px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}
.page-template-template-user-page .acceptance {
    margin-bottom: 68px;
}
.page-template-template-user-page .acceptance [type="checkbox"] + label {
    color: #000;
    font-size: 26px;
    line-height: 42px;
    font-weight: 500;
    padding-left: 55px;
    cursor: pointer;
}
.page-template-template-user-page .acceptance [type="checkbox"] + label:before {
    position: absolute;
    display: block;
    content: '';
    width: 42px;
    height: 42px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 3px solid #EE7E52;
    background-color: transparent;
    left: 0;
    top: 0;
    z-index: 1;
}
.page-template-template-user-page .acceptance [type="checkbox"]:checked + label:after {
    position: absolute;
    display: block;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 394 372.3' style='enable-background:new 0 0 394 372.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23EE7E52;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.1,240.4c-13.5-13.5-11.8-35.3,3.4-47.1c13.5-13.5,35.3-11.8,47.1,3.4l75.7,87.4L350.5,16.7 C377.4-16.9,411,5,384.1,40.3L165.5,358.1l-5,5c-15.1,13.5-35.3,11.8-48.8-3.4L9.1,240.4L9.1,240.4z'/%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
    left: 6px;
    top: 7px;
    z-index: 2;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}
.page-template-template-user-page .submit-button {
    border: 0 none;
    width: auto;
    height: 74px;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    border-radius: 37px;
    color: #FFF;
    background-color: #EE7E52;
    font-size: 27px;
    font-weight: 800;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
    padding: 0 20px 0 0;
}
.page-template-template-user-page form .error {
    bottom: -20px;
    color: #E3097D;
    font-size: 12px;
    font-weight: 700;
    left: 0;
}
.page-template-template-user-page form label[for=challenge_acceptance] .error {
    left: 55px;
}
.page-template-template-user-page .submit-button:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.page-template-template-user-page .submit-button i {
    width: 60px;
    height: 60px;
    background-color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    margin-left: 6px;
    padding-top: 18px;
}
.page-template-template-user-page .thanks .message-parrain {
    margin-bottom: 70px;
}
.page-template-template-user-page .thanks #natation_thanksmessage,
.page-template-template-user-page .thanks #cyclisme_thanksmessage,
.page-template-template-user-page .thanks #course_thanksmessage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.page-template-template-user-page .thanks .outro  {
    font-size: 26px;
    font-weight: 700;
    color: #E3097D;
    margin-bottom: 40px;
}
.page-template-template-user-page .thanks .visu-parrain  {
    width: 147px;
    height: 147px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 22px;
}
.page-template-template-user-page .thanks .citation {
    color: #1C1C1C;
    font-size: 18px;
    font-weight: 500;
    min-height: 147px;
    background-color: #E8E8E8;
    -webkit-border-radius: 73px;
    -moz-border-radius: 73px;
    border-radius: 73px;
    padding: 20px 80px;
    max-width: 460px;
}
.page-template-template-user-page .thanks .citation:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.5px 11px 13.5px 0;
    border-color: transparent #e8e8e8 transparent transparent;
    position: absolute;
    display: block;
    content: '';
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.page-template-template-user-page .thanks .citation .name  {
    color: #EE7E52;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1;
}
.page-template-template-user-page .thanks-after .title  {
    color: #E3097D;
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1;
    -webkit-background-size: 125px auto;
    -moz-background-size: 125px auto;
    -o-background-size: 125px auto;
    background-size: 125px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-top: 80px;
    padding-left: 130px;
}
.page-template-template-user-page .thanks-after .intro,
.page-template-template-user-page .thanks-after .outro  {
    color: #E3097D;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}
.page-template-template-user-page .thanks-after .intro {
    margin-bottom: 15px;
}
.page-template-template-user-page .thanks-after .content {
    margin-bottom: 25px;
    font-size: 24px;
    color: #1C1C1C;
}
.page-template-template-user-page .thanks-after .content p:last-child {
    padding-bottom: 0;
}
.page-template-template-user-page .thanks-after .outro {
    margin-bottom: 75px;
}
.page-template-template-user-page .thanks-after .mentions {
    font-size: 18px;
}
.page-template-template-user-page #collecte {
    padding: 70px 0;
    background-color: #FEF3EF;
}
.page-template-template-user-page #collecte .collecte-wrapper {
    background-color: #fff;
    border-radius: 30px;
    padding: 45px 60px;
}
.page-template-template-user-page #collecte h2 {
    font-size: 40px;
    color: #E3097D;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 18px;
}
.page-template-template-user-page #collecte .collecte-intro {
    font-size: 26px;
    color: #1C1C1C;
    font-weight: 500;
    margin-bottom: 40px;
    padding-right: 200px;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200px auto;
}
.page-template-template-user-page #collecte .collecte-intro strong {
    font-weight: 700;
    color: #E3097D;
}
.page-template-template-user-page #collecte .collecte-etapes {
    padding-left: 100px;
    color: #1C1C1C;
    font-size: 24px;
    font-weight: 400;
    padding-right: 30%;
}
.page-template-template-user-page #collecte .collecte-etapes strong {
    color: #EE7E52;
    font-weight: 700;
}
.page-template-template-user-page #collecte .collecte-etapes .mentions {
    font-size: 18px;
}
.page-template-template-user-page #collecte .collecte-epates-item {
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 65px;
    padding-left: 83px;
    min-height: 65px;
}
.page-template-template-user-page #collecte .collecte-epates-item:not(:last-child) {
    margin-bottom: 25px;
}
.page-template-template-user-page #collecte .collecte-epates-item:last-child {
    background-position: 0 0;
}
.page-template-template-user-page #collecte .collecte__btn {
    font-weight: 800;
    color: #fff;
    font-size: 24px;
    background-color: #E3097D;
    height: 96px;
    padding: 0 64px;
    border-radius: 48px;
    transition: all ease 300ms;
    right: 0;
    top: 44px;
}
.page-template-template-user-page #collecte .collecte__btn:hover {
    transform: scale(1.05);
}
.page-template-template-user-page #collecte .collecte__btn .picto {
    width: 55px;
    left: 0;
    top: -13px;
}
.page-template-template-user-page #s3 {
    background-color: #E3097D;
    padding: 70px 0;
}
.page-template-template-user-page #s3 .content {
    font-size: 24px;
    font-weight: 400;
    color: #fff
}
.page-template-template-user-page #s3 .content p:last-child {
    margin-bottom: 0;
}
.page-template-template-user-page .s3__btn {
    position: relative;
    width: 280px;
    height: 108px;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}
.page-template-template-user-page .s3__btn svg {
    width: 280px;
    height: 108px;
    top: 0;
    left: 0;
    position: absolute;
}
.page-template-template-user-page .s3__btn svg rect {
    stroke: #fff;
    stroke-width: 3;
    stroke-dasharray: 353, 0;
    stroke-dashoffset: 0;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}
.page-template-template-user-page .s3__btn:hover svg rect {
    stroke-width: 3;
    stroke-dasharray: 171 500;
    stroke-dashoffset: 335;
}
.page-template-template-user-page .s3__btn .picto {
    top: -13px;
    left: 0;
}
.page-template-template-user-page #s4 {
    background-color: #FEF3EF;
    padding-top: 70px;
    padding-bottom: 245px;
    font-size: 26px;
    font-weight: 500;
    color: #1c1c1c;
}
.page-template-template-user-page #s4 strong {
    color: #E3097D;
}
.page-template-template-user-page #s4 p:last-child {
    margin-bottom: 0;
}
.page-template-template-user-page #s4 .title {
    color: #E3097D;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 15px;
}

.page-template-template-user-page .find-my-friends {
    background-color: #fff;
    border-radius: 30px;
    margin-bottom: 70px;
    padding: 60px 100px;
}
.page-template-template-user-page .find-my-friends h2 {
    color: #EE7E52;
    font-weight: 800;
    font-size: 40px;
    padding-left: 70px;
    line-height: 31px;
    background: url(img/find-friends-title.svg) 0 50% / 45px no-repeat;
    margin-bottom: 35px;
}
.page-template-template-user-page .find-my-friends .friends_search_form {
    border: 3px solid #EE7E52;
    padding: 8px;
    border-radius: 36px;
    padding-left: 20px;
}
.page-template-template-user-page .find-my-friends .friends_search_form input[type=text] {
    border: 0 none;
    flex-grow: 1;
}
.page-template-template-user-page .find-my-friends .friends_search_form input[type=text]::placeholder {
    color: #1C1C1C;
}
.page-template-template-user-page .find-my-friends .friends_search_form input[type=button] {
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    background-color: #EE7E52;
    border: 0 none;
    padding: 0 44px;
}
.page-template-template-user-page .find-my-friends .friend_line_pin {
    padding: 8px;
    border-radius: 36px;
    padding-left: 10px;
    background-color: #FEF3EF;
    font-size: 26px;
    margin-top: 13px;
}
.page-template-template-user-page .find-my-friends #loading_add_friend {
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    animation: fadeIn 1s infinite alternate;
}
@keyframes fadeIn { 
  from { opacity: 0; } 
}
.page-template-template-user-page .find-my-friends .no_result_div_friend_suggestion {
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
}
.page-template-template-user-page .find-my-friends .button_pin_friend {
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    background-color: #EE7E52;
    border: 0 none;
    padding: 0 44px;
}
.page-template-template-user-page .find-my-friends .friend_line_pin_avatar img {
    width: 55px;
    height: auto;
    border-radius: 50%;
    margin-right: 22px;
}
.page-template-template-user-page .find-my-friends .friend_line_in_name {
    font-weight: 400;
}
.page-template-template-user-page .find-my-friends .icones_friend_list img {
    display: inline-block;
    width: 90px;
    height: auto;
}
.page-template-template-user-page .find-my-friends #list_friends_pin > div {
    border-radius: 55px;
    padding-left: 10px;
    /*background-color: #FEF3EF;*/
    margin-top: 13px;
    font-weight: 400;
    height: 110px;
}
.page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child {
    margin-top: 80px;
}
.page-template-template-user-page .find-my-friends #list_friends_pin > div:last-child {
    margin-bottom: 35px;
}
.page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > div:before {
    position: absolute;
    top: -110px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    height: 92px;
    content: '';
    display: block;
    z-index: 1;
}
.page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_natation:before {
    background: url(img/friends_list_column_natation.png) 50% / 90px no-repeat;
}
.page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_cycle:before {
    background: url(img/friends_list_column_cyclisme.png) 50% / 90px no-repeat;
}
.page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_course:before {
    background: url(img/friends_list_column_course.png) 50% / 90px no-repeat;
}
.page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_total:before {
    background: url(img/friends_list_column_total.png) 50% / 100% no-repeat;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs {
    border-radius: 55px;
    padding: 50px 0;
    background-color: #FAD6C8;
    height: 110px;
    margin-left: 20px;
    width: 77%;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div {
    text-align: center;
    font-weight: 800;
    font-size: 18px;
    color: #E3097D;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div:not(:last-child) {
    margin-right: 50px;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div span {
    font-weight: 400;
    color: #1C1C1C;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_avatar {
    width: 70px;
    margin-right: 8px;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_avatar img {
    display: block;
    width: 70px;
    height: auto;
    border-radius: 50%;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_name {
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    color: #EE7E52;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .close_button_unpin_friend {
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 47px;
    height: 47px;
    background: url(img/friends_list_close.png) 50% / 100%  no-repeat;
    transition: all ease 300ms;
}
.page-template-template-user-page .find-my-friends #list_friends_pin .close_button_unpin_friend:hover {
    transform: rotate(180deg);
}

/*------------------------------------*\
PAGE DEFAUT
\*------------------------------------*/

.page-template-default section {
    background-color: #FEF3EF;
    padding: 70px 0;
    font-size: 26px;
    font-weight: 500;
    color: #1c1c1c;
}
.page-template-default h1 {
    color: #E3097D;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 15px;
}
.page-template-default.contact h1 {
    text-align: center;
    margin-bottom: 35px;
}
.page-template-default h2 {
    color: #E3097D;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 30px;
}
.page-template-default section a {
    color: #EE7E52;
    text-decoration: underline;
}
.page-template-default section form {
    padding: 55px 0 35px 0;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    background-color: #fff;
    text-align: center;
}
.page-template-default section form label {
    display: block;
}
.page-template-default section form input[type=text],
.page-template-default section form input[type=email],
.page-template-default section form textarea {
    width: 55%;
    display: inline-block;
    font-weight: 800;
    font-size: 20px;
    color: #1C1C1C;
    text-align: center;
    border: 0 none;
    margin-bottom: 10px;
    background-color: transparent;
    border-bottom: 1px solid #1C1C1C;
    padding-bottom: 5px;
}
.page-template-default section form textarea {
    resize: none;
}
.page-template-default section form input[type=email] {
    margin-bottom: 28px;
}
.page-template-default section form input[type=text]::-webkit-input-placeholder,
.page-template-default section form textarea::-webkit-input-placeholder,
.page-template-default section form input[type=email]::-webkit-input-placeholder {
    color: #1C1C1C;
}
.page-template-default section form input[type=text]:-moz-placeholder,
.page-template-default section form textarea:-moz-placeholder,
.page-template-default section form input[type=email]:-moz-placeholder {
    color: #1C1C1C;
}
.page-template-default section form input[type=text]::-moz-placeholder,
.page-template-default section form textarea::-moz-placeholder,
.page-template-default section form input[type=email]::-moz-placeholder {
    color: #1C1C1C;
}
.page-template-default section form input[type=text]:-ms-input-placeholder,
.page-template-default section form textarea:-ms-input-placeholder,
.page-template-default section form input[type=email]:-ms-input-placeholder {
    color: #1C1C1C;
}
.page-template-default section form input[type=text]::placeholder,
.page-template-default section form textarea::placeholder,
.page-template-default section form input[type=email]::placeholder {
    color: #1C1C1C;
}
.page-template-default section form input[type=text]:-ms-input-placeholder,
.page-template-default section form textarea:-ms-input-placeholder,
.page-template-default section form input[type=email]:-ms-input-placeholder {
    color: #1C1C1C;
}
.page-template-default section form input[type=text]::-ms-input-placeholder,
.page-template-default section form textarea::-ms-input-placeholder,
.page-template-default section form input[type=email]::-ms-input-placeholder {
    color: #1C1C1C;
}
.page-template-default section form textarea:focus {
    border: 0 none;
    outline: none;
    border-bottom: 1px solid #1C1C1C;
}
.page-template-default section form textarea:focus,
.page-template-default section form input[type=text]:focus,
.page-template-default section form input[type=email]:focus {
    background-color: #FEF3EF;
}
.page-template-default section form button {
    background-color: #EE7E52;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    line-height: 50px;
    border: 0 none;
    text-align: left;
    padding: 0 20px;
    margin: 0 auto;
}
.page-template-default section form button:focus {
    border: 0 none;
    outline: none;
}
.page-template-default section form button p {
    margin-bottom: 0;
}
.page-template-default section form.wpcf7-not-valid-tip {
    color: #FFF;
    font-weight: 400;
    display: block;
    position: absolute;
    bottom: -10px;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 10px;
}
.page-template-default section form.wpcf7 form.invalid .wpcf7-response-output {
    margin: 10px auto;
    width: 80%;
    font-size: 12px;
    color: #fff;
    border-color: #EE7E52;
}
.page-template-default section form.wpcf7-form.sent * {
    display: none;
}
.page-template-default section form.sent .wpcf7-response-output {
    display: block;
    border: 0 none;
    margin: 0;
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 500;
}
.g-recaptcha.wpcf7-recaptcha > div {
    margin: 0 auto 25px auto;
}

/*------------------------------------*\
SECTIONS/BLOCS COMMUNS
\*------------------------------------*/

.deduction-flip .round_block {
    padding: 10px 20px 10px 10px;
    background-color: #fff;
    -webkit-border-radius: 133px;
    -moz-border-radius: 133px;
    border-radius: 133px;
}
.deduction-flip .round_nb {
    background: rgb(232,57,108);
    background: -webkit-gradient(linear, left top, right top, from(rgba(232,57,108,1)), to(rgba(233,64,105,1)));
    background: -webkit-linear-gradient(left, rgba(232,57,108,1) 0%, rgba(233,64,105,1) 100%);
    background: -moz-linear-gradient(left, rgba(232,57,108,1) 0%, rgba(233,64,105,1) 100%);
    background: -o-linear-gradient(left, rgba(232,57,108,1) 0%, rgba(233,64,105,1) 100%);
    background: linear-gradient(90deg, rgba(232,57,108,1) 0%, rgba(233,64,105,1) 100%);
    height: 246px;
    width: 246px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 246px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 246px;
    flex: 0 0 246px;
    margin-right: 15px;
    color: #fff;
    font-weight: 800;
    font-size: 21px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}
.deduction-flip .flip-inner {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    -o-transition: -o-transform 0.8s;
    -moz-transition: transform 0.8s, -moz-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s, -o-transform 0.8s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.deduction-flip:hover .flip-inner {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.deduction-flip .round_nb .frontflip,
.deduction-flip .round_nb .backflip {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.deduction-flip .round_nb .backflip {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.deduction-flip .round_nb .percentage {
    font-size: 72px;
}
.deduction-flip .round_nb .percentage sup {
    font-size: 33px;
    top: -0.9em
}
.deduction-flip .round_txt {
    font-size: 16px;
}
.deduction-flip .title {
    font-size: 22px;
    font-weight: 800;
    color: #E3097D
}
.deduction-flip .content {
    margin-top: 7px;
    margin-bottom: 5px;
}
.deduction-flip .content p {
    margin-bottom: 0;
}
.deduction-flip .content strong {
    font-weight: 800;
    color: #E3097D
}
.deduction-flip .list {
    margin-bottom: 5px;
}
.deduction-flip .list_nb {
    font-size: 39px;
    font-weight: 700;
    color: #E3097D;
    line-height: 1;
    margin-right: 5px;
}

/* SocialWall */
.socialwall .sw__title {
    font-size: 36px;
    font-weight: 800;
    color: #E3097D;
    line-height: 1;
    margin-bottom: 35px;
}
.socialwall .sw__logo {
    margin-bottom: 30px;
}
.socialwall .sw__logo img {
    width: 460px;
    height: auto;
}
.socialwall .sw__intro {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 40px;
}
.socialwall .sw__intro strong {
    color: #E3097D;
    font-weight: 700;
}
.socialwall .sw__etapes {
    margin-bottom: 40px;
}
.socialwall .sw__etape-item {
    height: 120px;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    padding-left: 120px;
    padding-right: 10px;
}
.socialwall .sw__etape-item span {
    width: 100px;
    height: 100px;
    top: 10px;
    left: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #E3097D;
    color: #fff;
    line-height: 100px;
    display: block;
    text-align: center;
    font-weight: 800;
    font-size: 43px;
}
.socialwall .sw__etape-item strong {
    color: #E3097D;
    font-weight: 800;
}
.socialwall .sw__socialwall > div {
    background-color: transparent!important;
}

/*Share section*/
.share-section {
    min-height: 960px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 60px;
}
.share-wrapper {
    width: -webkit-calc(730px - 150px);
    width: -moz-calc(730px - 150px);
    width: calc(730px - 150px);
    height: 730px;
    right: 0;
    bottom: -70px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='728.482' height='728.482' viewBox='0 0 728.482 728.482'%3E%3Cpath id='Intersection_1' data-name='Intersection 1' d='M0,364.239C0,565.4,163.076,728.482,364.241,728.482S728.482,565.4,728.482,364.239,565.4,0,364.241,0,0,163.074,0,364.239Z' transform='translate(728.482 728.482) rotate(180)' fill='%23fef3ef'/%3E%3C/svg%3E%0A");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
}
.share-section .share-inner {
    width: 100%;
    padding-left: 70px;
    padding-right: 10px;
    overflow: hidden;
}
.share-section .share-title {
    color: #E3097D;
    font-weight: 800;
    font-size: 26px;
    margin-bottom: 20px;
}
.share-section .share-text {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 35px;
}
.share-section .addtoany_list a {
    padding: 0;
    margin-right: 13px;
}
.share-section .addtoany_list a:last-child {
    margin-right: 0;
}
.share-section .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
    width: 64px;
    height: 64px;
    line-height: 64px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #E3097D!important;
}
.share-section .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span.a2a_label {
    display: none;
}
.share-section .a2a_svg svg {
    top: 7px;
    width: 75%;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
}
.share-section a:hover svg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.share-section .share-picto {
    top: 32px;
    left:  12px;
}
.share-section .addtoany_list a:hover span {
    opacity: 1;
}

/* Section instagram */

.s__insta {
    position: absolute;
    z-index: 1;
    top: -172px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.s__insta-wrapper {
    padding: 10px;
    background-color: #E3097D;
    -webkit-border-radius: 175px;
    -moz-border-radius: 175px;
    border-radius: 175px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}
.s__insta-wrapper .content-1 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 10px;
}
.s__insta-wrapper .content-2 {
    margin-bottom: 20px;
}
.s__insta-wrapper img {
    max-width: 324px;
}
.s__insta-wrapper .cta {
    background-color: #fff;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    height: 54px;
    color: #EE7E52;
    font-size: 26px;
    font-weight: 800;
    line-height: 54px;
    width: 437px;
    margin: 0 auto
}
.s__insta-wrapper .picto-insta {
    position: relative;
    display: block;
    margin: 0;
    width: 48px;
    height: 48px;
    background-color: #EE7E52;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    margin-right: 10px;
    margin-left: 4px;
}
.s__insta-wrapper .picto-insta::after {
    position: absolute;
    top: 0;
    left:  0;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.415' height='26.671' viewBox='0 0 30.415 26.671'%3E%3Cpath id='Tracé_1133' data-name='Tracé 1133' d='M52,101.732l10.827,9.411,12.136-5.161-10.925,7.933,3.17,14.488L82.42,101.732Z' transform='translate(-52.005 -101.732)' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50% 63%;
    background-repeat: no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px;
    -o-background-size: 32px;
    background-size: 32px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.s__insta-wrapper .cta:hover .picto-insta::after {
    -webkit-animation: phone-icon 90ms 5;
    -moz-animation: phone-icon 90ms 5;
    -o-animation: phone-icon 90ms 5;
    animation: phone-icon 90ms 5;
}

/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/

.mobile_logout_container {
    text-align: center;
    margin-top: 15px;
    display: none;
}
.mobile_logout {
    font-weight: 700;
    color: #e3097d;
}

@media only screen and (max-width:1399.98px) {
    .page-template-template-user-page .discipline-counter {
        width: 260px;
        height: 260px;
        font-size: 21px;
        padding-top: 83px;
    }
    .page-template-template-user-page .user-detail {
        margin-bottom: 120px;
    }
    .page-template-template-user-page .discipline-counter .number {
        font-size: 60px;
        line-height: 70px;
    }
    .page-template-template-user-page .discipline-counter .number span {
        width: 50px;
        height: 67px;
    }
    .page-template-template-user-page .discipline-counter .number span:not(:last-child) {
        margin-right: 6px
    }
    .page-template-template-user-page .discipline-counter .picto {
        width: 115px;
        height: 115px;
    }
    .page-template-template-user-page .discipline-counter .picto img {
        max-height: 65px;
        width: auto;
    }
    .page-template-template-user-page .user-counter .total-counter .content {
        font-size: 15px;
    }
    .page-template-template-user-page .user-counter {
        margin-bottom: 65px;
    }
    .page-template-template-user-page .user-history .inner {
        padding: 60px 120px;
    }
    .page-template-template-user-page .user-history {
        margin-bottom: 60px
    }
    .page-template-template-user-page .s1__buttons {
        font-size: 25px;
    }
    .page-template-template-user-page .s1__buttons .share-button {
        width: 90%;
    }
    .page-template-template-user-page #s2 {
        padding-top: 60px;
    }
    .page-template-template-user-page .new-challenge .inner {
        padding: 55px 60px 100px 60px;
    }
    .page-template-template-user-page .new-challenge form .title {
        margin-bottom: 50px;
    }
    .page-template-template-user-page .new-challenge form .step .number {
        font-size: 55px;
        width: 90px;
        height: 90px;
        margin-right: 30px;
    }
    .page-template-template-user-page .new-challenge form .step {
        font-size: 22px;
    }
    .page-template-template-user-page .new-challenge form .step:not(:last-child) {
        margin-bottom: 70px;
    }
    .page-template-template-user-page .discipline-radio {
        margin-left: 30px;
    }
    .page-template-template-user-page .discipline-radio [type="radio"]:checked + label,
    .page-template-template-user-page .discipline-radio [type="radio"]:not(:checked) + label {
        width: 110px;
        height: 110px;
    }
    .page-template-template-user-page .discipline-radio [type="radio"]:checked + label img,
    .page-template-template-user-page .discipline-radio [type="radio"]:not(:checked) + label img {
        max-width: 60%;
    }
    .page-template-template-user-page .acceptance [type="checkbox"] + label {
        font-size: 22px;
        line-height: 35px;
        padding-left: 45px;
    }
    .page-template-template-user-page .acceptance [type="checkbox"] + label:before {
        width: 35px;
        height: 35px;
    }
    .page-template-template-user-page .acceptance [type="checkbox"]:checked + label:after {
        width: 22px;
        height: 25px;
        left: 7px;
        top: 7px;
    }
    .page-template-template-user-page .submit-button {
        font-size: 25px;
    }
    .page-template-template-user-page #s3 {
        padding: 70px 0;
    }
    .page-template-template-user-page #s4 .title {
        font-size: 38px;
    }
    .page-template-template-user-page #s4 {
        font-size: 24px;
    }
    .page-template-template-user-page #collecte .collecte-etapes {
        padding-left: 0;
    }
    .page-template-template-user-page .find-my-friends {
        padding: 60px;
    }
    /* -- s5 -- */
    .s__insta-wrapper .content-1 {
        font-size: 25px;
    }
    .s__insta-wrapper {
        font-size: 20px;
    }
    .s__insta-wrapper .cta {
        font-size: 22px;
        width: 380px;
    }
    .s__insta-wrapper img {
        max-width: 230px;
    }
    .share-wrapper {
        width: -webkit-calc(600px - 150px);
        width: -moz-calc(600px - 150px);
        width: calc(600px - 150px);
        height: 600px;
    }
    .share-section .share-picto {
        width: 120px;
        height: 120px;
    }
    .share-section .share-title {
        font-size: 23px;
        margin-bottom: 15px;
    }
    .share-section .share-text {
        font-size: 15px;
        margin-bottom: 25px;
    }
    .share-section .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
        width: 54px;
        height: 54px;
        line-height: 54px;
    }
    .page-template-template-user-page #socialwall {
        padding: 220px 0 70px 0;
    }
    .socialwall .sw__logo img {
        width: 430px;
    }
    .share-section {
        min-height: 750px;
    }
    .deduction-flip .round_nb .percentage {
        font-size: 68px;
    }
    .deduction-flip .round_nb {
        font-size: 18px;
    }
    .deduction-flip .title {
        font-size: 20px;
    }
    .deduction-flip .round_block {
        padding: 10px 30px 10px 10px;
    }
    .deduction-flip .round_txt {
        font-size: 15px;
    }
    .deduction-flip .list_txt {
        font-size: 14px
    }
    .deduction-flip .list_txt br {
        display: none;
    }
    .deduction-flip .list_nb {
        font-size: 37px;
    }
}
@media only screen and (max-width:1199.98px) {
    .page-template-template-user-page .user-avatar img {
        width: 70px;
        height: 70px;
    }
    .page-template-template-user-page .user-avatar {
        margin-right: 20px;
    }
    .page-template-template-user-page .edit-picture {
        width: 20px;
        height: 20px;
        top: -2px;
        right: -2px;
    }
    .page-template-template-user-page .user-name span {
        font-size: 35px;
    }
    .page-template-template-user-page .user-name {
        font-size: 22px;
    }
    .page-template-template-user-page #countdown-frontpage {
        font-size: 40px;
        margin-right: 10px;
    }
    .page-template-template-user-page .discipline-counter {
        width: 216px;
        height: 216px;
        font-size: 17px;
        padding-top: 70px
    }
    .page-template-template-user-page .discipline-counter .picto {
        width: 100px;
        height: 100px;
    }
    .page-template-template-user-page .discipline-counter .picto img {
        max-height: 55px;
    }
    .page-template-template-user-page .discipline-counter .number {
        font-size: 40px;
        line-height: 50px;
    }
    .page-template-template-user-page .discipline-counter .number span {
        width: 40px;
        height: 50px;
    }
    .page-template-template-user-page .user-counter .total-counter .content {
        font-size: 13px;
    }
    .page-template-template-user-page .discipline-counter .number span:not(:last-child) {
        margin-right: 4px;
    }
    .page-template-template-frontpage #s1 .mot {
        max-height: 55px;
    }
    .page-template-template-frontpage #s1 .intro {
        font-size: 40px;
    }
    .page-template-template-frontpage #s1 .mots {
        margin-bottom: 25px;
    }
    .page-template-template-frontpage #s1 .event-date {
        margin-bottom: 15px;
    }
    .page-template-template-user-page .s1__buttons {
        font-size: 21px;
    }
    .page-template-template-user-page .s1__buttons .histo-button i {
        margin-left: 10px;
    }
    .page-template-template-user-page .user-history .inner {
        padding: 60px;
    }
    .page-template-template-user-page .user-history .item {
        width: 100%;
    }
    .page-template-template-user-page .new-challenge .inner {
        padding: 60px;
    }
    .page-template-template-user-page .new-challenge form .title {
        margin-bottom: 30px;
        font-size: 35px;
    }
    .page-template-template-user-page .new-challenge form .step .number {
        min-width: 90px;
    }
    .page-template-template-user-page .discipline-radio {
        margin-left: 10px;
    }
    .page-template-template-user-page .radio-item:not(:last-child) {
        margin-right: 10px;
    }
    .page-template-template-user-page .discipline-radio [type="radio"]:checked + label,
    .page-template-template-user-page .discipline-radio [type="radio"]:not(:checked) + label {
        width: 90px;
        height: 90px;
    }
    .page-template-template-user-page .discipline-radio [type="radio"]:checked + label img,
    .page-template-template-user-page .discipline-radio [type="radio"]:not(:checked) + label img {
        max-width: 50%;
    }
    .page-template-template-user-page .s3__btn {
        margin: 0 auto;
    }
    .page-template-template-user-page #collecte .collecte-wrapper {
        padding: 45px;
    }
    .page-template-template-user-page #collecte .collecte__btn {
        font-size: 22px;
        height: 90px;
        padding: 0 54px;
        border-radius: 45px;
        top: 22px;
    }
    .page-template-template-user-page .find-my-friends {
        padding: 30px;
    }
    .page-template-template-user-page .find-my-friends h2 {
        font-size: 30px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .close_button_unpin_friend {
        width: 35px;
        height: 35px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > div:before {
        top: -80px;
        width: 70px;
        height: 72px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_natation:before,
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_cycle:before,
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_course:before,
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_total:before {
        background-size: 100%;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child {
        margin-top: 62px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_avatar,
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_avatar img {
        width: 50px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin > div {
        border-radius: 45px;
        height: 90px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs {
        border-radius: 45px;
        padding: 40px 0;
        height: 90px;
        margin-left: 10px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div:not(:last-child) {
        margin-right: 30px;
    }
    .page-template-template-user-page .find-my-friends .friends_search_form input[type=text] {
        font-size: 20px;
    }
    .s__insta-wrapper img {
        max-width: 280px;
    }
    .share-section {
        background-position: 25% 50%;
    }
    .share-section {
        min-height: 700px;
    }
    .share-wrapper {
        width: -webkit-calc(650px - 150px);
        width: -moz-calc(650px - 150px);
        width: calc(650px - 150px);
        height: 650px;
    }
    .share-section .share-picto {
        width: 140px;
        height: 140px
    }
    .page-template-template-user-page.after .new-challenge .inner {
        padding: 40px;
    }
    .deduction-flip .round_nb {
        height: 220px;
        width: 220px;
        -webkit-flex: 0 0 220px;
        -ms-flex: 0 0 220px;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        flex: 0 0 220px;
    }
    .deduction-flip .round_txt {
        font-size: 13px;
    }
    .deduction-flip .round_txt, .deduction-flip .list_txt {
        font-size: 12px;
    }
    .deduction-flip .title {
        font-size: 16px;
    }
    /* -- s3 -- */
    .page-template-template-frontpage .s3__title {
        font-size: 32px;
    }
    .page-template-template-frontpage .s3__parrain {
        font-size: 20px;
    }
    .page-template-template-frontpage .s3__parrain img {
        max-width: 240px;
    }
    .page-template-template-frontpage .s3__parrain span {
        font-size: 17px;
    }
    .page-template-template-frontpage .s3__parrain-item .nom {
        font-size: 18px;
    }
    .page-template-template-frontpage .s3__parrain-item .legende {
        font-size: 15px;
    }
    .page-template-template-frontpage .s3__parrain-item .citation {
        font-size: 17px;
    }
    .page-template-template-frontpage .s3__parrain-item {
        padding-bottom: 40px;
    }


    .discipline-counter .cloture_event_txt {
        margin-top: 9px;
    }

    /* -- footer -- */
    footer img.logo-arc {
        width: 250px;
    }
    footer .don-confiance {
        width: 100px;
        height: 100px;
    }
}
@media only screen and (max-width:991.98px) {
    .mobile_logout_container{
        display: block;
    }
    body {
        padding-top: 80px
    }
    /* --- s1 --- */
    #s1 .counter {
        z-index: 1;
        width: 194px;
        height: 194px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #E3097D;
        right: 20px;
        top: 20px;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
    }
    #s1 .picto-chrono {
        background: url(img/picto-chrono.png) 0 0 / 100% no-repeat;
        position: absolute;
        top: 0;
        right: -10px;
        width: 50px;
        height: 50px;
    }
    #s1 #countdown-header-2 {
        font-size: 39px;
        font-weight: 800;
    }
    .page-template-template-frontpage #s1 .tryptique-img {
        height: -webkit-calc(100vh - 60px);
        height: -moz-calc(100vh - 60px);
        height: calc(100vh - 60px);
        width: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: 0 -35px;
    }
    .page-template-template-frontpage #s1 .mot {
        left: 0;
        right: 0;
        max-height: 55px;
        bottom: 160px;
    }
    .slick-dots {
        bottom: 275px;
        position: absolute;
        margin-top: 0;
    }
    .slick-dots li {
        position: relative;
        width: 54px;
        height: 55px;
        padding: 0
    }
    .slick-dots li:not(:last-child) {
        margin-right: 20px;
    }
    .slick-dots li:after {
        width: 100%;
        height: 2px;
        background-color: #fff;
        content: '';
        display: block;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }
    .slick-dots li.slick-active:after {
        height: 7px;
    }
    .slick-dots li:nth-child(1) {
        background: url(img/front-tmp-picto-nage.png) 50% 0 / 38px auto no-repeat;
    }
    .slick-dots li:nth-child(2) {
        background: url(img/front-tmp-picto-velo.png) 50% 0 / 38px auto no-repeat;
    }
    .slick-dots li:nth-child(3) {
        background: url(img/front-tmp-picto-courir.png) 50% 0 / 28px auto no-repeat;
    }
    .slick-dots li button {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0;
    }
    .slick-prev,
    .slick-next {
        width: 28px;
        height: 58px;
        bottom: 280px;
        z-index: 1;
    }
    .slick-prev {
        background: url(img/front-tmp-slider-arrow-left.png) 50% / 100% auto no-repeat;
        left: 50%;
        -webkit-transform: translateX(-150px);
        -moz-transform: translateX(-150px);
        -ms-transform: translateX(-150px);
        -o-transform: translateX(-150px);
        transform: translateX(-150px);
    }
    .slick-next {
        background: url(img/front-tmp-slider-arrow-right.png) 50% / 100% auto no-repeat;
        right: 50%;
        -webkit-transform: translateX(150px);
        -moz-transform: translateX(150px);
        -ms-transform: translateX(150px);
        -o-transform: translateX(150px);
        transform: translateX(150px);
    }
    .page-template-template-frontpage #s1 .content {
        z-index: 1;
        bottom: 10px;
        left: 0;
        right: 0;
        padding-bottom: 0;
    }
    .page-template-template-frontpage #s1 .intro {
        font-size: 21px;
        padding: 0 10px;
        margin-bottom: 12px;
    }
    .page-template-template-frontpage #s1 .event-date {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 75px;
    }
    .slick-dots.user-connected {
        bottom: 220px;
    }
    .page-template-template-frontpage #s1 .mot.user-connected {
        bottom: 105px;
    }
    .slick-prev.user-connected, .slick-next.user-connected {
        bottom: 225px;
    }
    /* --- s2 --- */
    .page-template-template-frontpage #s2 {
        padding-bottom: 0;
        background: -webkit-linear-gradient(315deg, rgb(229, 24, 120) 0%, rgb(237, 113, 87) 50%);
        background: -moz-linear-gradient(315deg, rgb(229, 24, 120) 0%, rgb(237, 113, 87) 50%);
        background: -o-linear-gradient(315deg, rgb(229, 24, 120) 0%, rgb(237, 113, 87) 50%);
        background: linear-gradient(135deg, rgb(229, 24, 120) 0%, rgb(237, 113, 87) 50%);
    }
    .page-template-template-frontpage .s2__content {
        font-size: 18px;
    }
    .page-template-template-frontpage .s2__content h1 {
        font-size: 32px;
        margin-bottom: 25px;
        padding-top: 20px;
    }
    .page-template-template-frontpage .s2__content h1 img {
        width: 40px;
        height: 40px;
    }
    .page-template-template-frontpage .discipline-counter {
        width: 400px;
        margin: 0 auto 20px;
    }
    .page-template-template-frontpage .discipline-counter .content {
        margin-left: 25px;
    }
    .page-template-template-frontpage .s2b {
        margin-bottom: 150px;
    }
    .page-template-template-frontpage .s2c {
        margin-bottom: 150px
    }
    .page-template-template-frontpage .deduction-flip .round_nb {
        background: #FEF3EF;
        color: #E3097D
    }
    .page-template-template-frontpage .deduction-flip .round_nb .percentage {
        color: #EE7E52;
    }
    .deduction-mobile {
        min-width: 100vw;
        background-color: #fff;
    }
    .deduction-flip .round_block {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .deduction-flip .round_nb {
        margin: -123px 0 0;
    }
    .deduction-flip .round_txt {
        font-size: 18px;
        max-width: 720px;
        text-align: center;
        margin-top: 20px;
    }
    .deduction-flip .title {
        display: block;
    }
    .deduction-flip .content {
        margin: 15px 0 25px;
    }
    .deduction-flip .content p b {
        color: #E3097D;
    }
    .deduction-flip .round_txt .list, .deduction-flip .round_txt .list > * {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .deduction-flip .list_nb {
        margin-right: 0;
        width: 100%;
        padding-right: 0;
    }
    .deduction-flip img {
        width: 57px;
        margin: 30px;
    }
    .deduction-flip .list_nb::before, .deduction-flip .list_nb::after {
        content: "";
        background-color: #E3097D;
        height: 2px;
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        margin: 0 15px 5px;
    }
    .deduction-flip .list_nb::before {
        margin: 0 15px 5px 0;
    }
    .deduction-flip .list_nb::after {
        margin: 0 0 5px 10px;
    }
    .deduction-flip .list_txt {
        margin-bottom: 20px;
    }
    .deduction-flip .list_txt br {
        display: block;
    }

    .deduction-flip .round_txt, .deduction-flip .list_txt {
        font-size: 18px
    }

    .deduction-flip .flip-inner {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    .deduction-flip:hover .flip-inner {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    /* --- s3 --- */
    .page-template-template-frontpage .s3a {
        background-color: #FEF3EF;
        padding-top: 25px;
    }
    .page-template-template-frontpage .s3b {
        background-color: #fff;
        padding-top: 450px;
        margin-top: -380px;
        padding-bottom: 0;
    }
    .page-template-template-frontpage .s3__intro {
        margin-bottom: 25px;
    }
    .page-template-template-frontpage .s3__parrain {
        background-color: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .page-template-template-frontpage .s3__parrain .content {
        color: #E3097D;
        padding-top: 25px;
    }
    .page-template-template-frontpage .s3__parrain .nom {
        color: #EE7E52;
    }
    .page-template-template-frontpage .s3__parrain .nom span {
        color: #000;
    }
    .page-template-template-frontpage .s3__parrain-item {
        -webkit-border-radius: 350px;
        -moz-border-radius: 350px;
        border-radius: 350px;
        background-color: #FEF3EF;
        padding: 35px 35px 60px;
    }
    .page-template-template-frontpage .s3__parrain-item .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .page-template-template-frontpage .s3__parrain-item .citation {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        font-size: 26px;
        margin-bottom: 25px;
    }
    .page-template-template-frontpage .s3__parrain-item .legende {
        font-size: 20px;
        margin-bottom: 0;
        padding: 0 60px;
    }
    .page-template-template-frontpage .s3__parrain-item .visu-wrapper img.visu {
        top: 13px;
        width: -webkit-calc(100% - 26px);
        width: -moz-calc(100% - 26px);
        width: calc(100% - 26px);
    }
    .page-template-template-frontpage .s3__parrain-item .visu-wrapper img.picto {
        max-width: 150px;
        top: -35px;
        left: initial;
        right: 0;
    }
    .page-template-template-frontpage .s3c .btn_login svg {
        display: none;
    }
    .page-template-template-frontpage .s3c .btn_login {
        border: 1px solid #EE7E53;
    }

    /* --- Social Wall --- */
    .page-template-template-frontpage #socialwall {
        padding: 40px 0 345px 0;
    }
    .socialwall .sw__title {
        font-size: 36px;
    }
    .socialwall .sw__logo img {
        max-width: 260px;
        margin-right: 15px;
    }

    /* --- s5 --- */
    .s__insta {
        position: relative;
        top: 0;
    }
    .s__insta-wrapper {
        position: relative;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px;
        padding: 25px;
        font-size: 22px;
        max-width: 320px;
        margin: -50% auto 100px;
    }
    .s__insta-wrapper img {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .s__insta-wrapper .content-1 {
        font-size: 25px;
        padding: 25px 25px 15px;
        margin-bottom: 0;
        line-height: 1.3;
    }
    .s__insta-wrapper .content-2 {
        margin-bottom: 70px;
        padding: 0px 75px 0;
        font-size: 20px;
    }
    .s__insta-wrapper .cta {
        background-color: #EE7E52;
        -webkit-border-radius: 57px;
        -moz-border-radius: 57px;
        border-radius: 57px;
        height: 100px;
        color: #fff;
        font-size: 25px;
        line-height: 1.2;
        width: 120%;
        text-align: left;
        position: absolute;
        left: -10%;
        right: 0;
        bottom: -45px;
    }
    .s__insta-wrapper .picto-insta {
        min-width: 80px;
        height: 80px;
        margin: 0 20px 0 10px;
        background-color: #fff;
    }
    .s__insta-wrapper .picto-insta::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.415' height='26.671' viewBox='0 0 30.415 26.671'%3E%3Cpath id='Tracé_1133' data-name='Tracé 1133' d='M52,101.732l10.827,9.411,12.136-5.161-10.925,7.933,3.17,14.488L82.42,101.732Z' transform='translate(-52.005 -101.732)' fill='%23EE7E52'/%3E%3C/svg%3E");
    }
    .share-wrapper {
        width: 100%;
        top: 0;
        background-image: none;
        background-color: #FEF3EF;
        position: relative;
        height: auto;
        padding: 120px 0 50px 0;
    }
    .share-section {
        min-height: 0;
        padding-top: 0;
        margin-bottom: 0;
        background-image:  url(none) !important;
    }
    .share-section img {
        width: 100%;
    }
    .share-section .share-inner {
        width: 90%;
        padding-left: 0;
        margin-top: 0;
    }
    .share-section .share-picto {
        top: -70px;
        width: 140px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .share-section .share-text {
        margin-bottom: 45px;
    }
    /* -- footer --*/
    footer img.logo-arc {
        max-width: 150px;
    }
    footer a.logo-arc {
        margin-right: 10px;
        margin-bottom: 0 !important;
    }
    footer .social img {
        height: 30px;
    }
    footer ul {
        font-size: 14px;
    }
    footer li:not(:last-child) {
        margin-right: 20px;
    }
    footer .social a:not(:last-child) {
        margin-right: 20px;
    }
    footer .don-confiance {
        width: 80px;
        height: 80px;
    }

    .page-template-template-user-page .countdown {
        top: 0;
        left: 0;
        right: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: 80px;
        position: absolute;
        width: 100%;
    }
    .page-template-template-user-page #s1 {
        padding-top: 100px
    }
    .page-template-template-user-page #s1 .picto-chrono {
        position: relative ;
        top: auto;
        right: auto;
    }
    .page-template-template-user-page .user-avatar img {
        width: 90px;
        height: 90px;
    }
    .page-template-template-user-page .user-name span {
        font-size: 20px;
    }
    .page-template-template-user-page .user-name {
        font-size: 13px;
    }
    .page-template-template-user-page .user-detail {
        margin-bottom: 40px;
    }
    .page-template-template-user-page .user-counter .slick-list {
        padding-top: 60px !important;
    }
    .page-template-template-user-page .container.counters {
        max-width: 100%;
    }
    .user-counter .slick-prev {
        background: url(img/slick-arrow-left-pink.png) 50% / 100% auto no-repeat;
    }
    .user-counter .slick-next {
        background: url(img/slick-arrow-right-pink.png) 50% / 100% auto no-repeat;
    }
    .user-counter .slick-prev, .user-counter .slick-next {
        bottom: 50%;
    }
    .page-template-template-user-page .s1__buttons .histo-button:hover {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .page-template-template-user-page .user-counter {
        margin-bottom: 80px;
    }
    .page-template-template-user-page .user-counter.total {
        margin-bottom: 20px;
    }
    .page-template-template-user-page .s1__buttons .histo-button i {
        margin-right: 10px;
        margin-left: 3px;
        width: 40px;
        height: 40px;
        padding-top: 17px;
    }
    .page-template-template-user-page .s1__buttons .histo-button {
        font-size: 17px;
        height: 50px;
        width: 360px;
    }
    .page-template-template-user-page .s1__buttons .share-button {
        font-size: 17px;
        height: 50px;
        width: 360px;
        margin-bottom: 15px;
    }
    .page-template-template-user-page .s1__buttons .share-button i {
        margin-right: 10px;
        margin-left: 3px;
        width: 40px;
        height: 40px;
        padding-top: 14px;
    }
    .page-template-template-user-page .s1__buttons .share-button i img {
        width: 20px;
    }
    .page-template-template-user-page .s1__buttons .histo-button img {
        width: 18px;
    }
    .page-template-template-user-page .user-history {
        margin-top: 35px;
    }
    .page-template-template-user-page #s2 {
        padding-top: 35px;
    }
    .page-template-template-user-page .user-counter.total .discipline-counter {
        background: rgb(238,126,82);
        background: -webkit-linear-gradient(305deg, rgba(238,126,82,1) 0%, rgba(227,9,125,1) 100%);
        background: -moz-linear-gradient(305deg, rgba(238,126,82,1) 0%, rgba(227,9,125,1) 100%);
        background: -o-linear-gradient(305deg, rgba(238,126,82,1) 0%, rgba(227,9,125,1) 100%);
        background: linear-gradient(145deg, rgba(238,126,82,1) 0%, rgba(227,9,125,1) 100%);
    }
    .page-template-template-user-page .user-history .item {
        height: 72px;
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        border-radius: 36px;
        margin: 0 auto 20px auto;
        font-size: 15px;
    }
    .page-template-template-user-page .user-history .picto {
        margin-bottom: 0;
        top: 5px;
        left: 5px;
    }
    .page-template-template-user-page .user-history .item .picto img {
        width: 60px;
        height: 60px;
    }
    .page-template-template-user-page .user-history {
        margin-bottom: 0;
    }
    .page-template-template-user-page .user-history .load-more__btn-wrap a {
        font-weight: 700;
        font-size: 18px;
        color: #E3097D;
        text-decoration: underline;
    }
    .page-template-template-user-page .user-history .inner,
    .page-template-template-user-page .new-challenge .inner {
        padding: 30px;
    }
    .page-template-template-user-page .new-challenge form .title {
        margin-bottom: 25px;
        font-size: 21px;
    }
    .page-template-template-user-page .new-challenge form .step {
        font-size: 18px;
    }
    .page-template-template-user-page .new-challenge form .step:not(:last-child) {
        margin-bottom: 25px;
    }
    .page-template-template-user-page .new-challenge form .step .number {
        font-size: 29px;
        width: 48px;
        height: 48px;
        min-width: 48px;
        margin-right: 15px;
    }
    .page-template-template-user-page .new-challenge form .step-label {
        margin-bottom: 15px
    }
    .page-template-template-user-page .new-challenge form .step .date {
        margin-left: 0;
    }
    .page-template-template-user-page .new-challenge form .step .date span,
    .page-template-template-user-page .input-km {
        height: 38px;
        background-color: #E3097D;
        margin-right: 15px;
        font-size: 30px;
        line-height: 38px;
        padding: 0 4px;
    }
    .page-template-template-user-page .input-km {
        margin-left: 0
    }
    .page-template-template-user-page .step-input-km div {
        font-size: 18px;
        font-weight: 700;
        color: #E3097D;
    }
    .page-template-template-user-page .new-challenge form .step .date span:after {
        right: -8px;
    }
    .page-template-template-user-page .new-challenge form .step .date img {
        height: 30px;
        right: -40px;
    }
    .page-template-template-user-page .discipline-radio [type="radio"]:checked + label,
    .page-template-template-user-page .discipline-radio [type="radio"]:not(:checked) + label {
        width: 80px;
        height: 80px;
        border: 2px solid #E3097D;
    }
    .page-template-template-user-page .new-challenge form .steps,
    .page-template-template-user-page .acceptance {
        margin-bottom: 30px;
    }
    .page-template-template-user-page .submit-button {
        height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        font-size: 17px;
    }
    .page-template-template-user-page .submit-button i {
        width: 40px;
        height: 40px;
        padding-top: 10px;
    }
    .page-template-template-user-page .submit-button i img {
        width: 17px;
        height: auto;
    }
    .page-template-template-user-page .acceptance [type="checkbox"] + label {
        font-size: 18px;
    }
    .page-template-template-user-page #s3 {
        padding: 40px 0;
    }
    .page-template-template-user-page .thanks .visu-parrain {
        width: 140px;
        height: 140px;
        margin-right: 0;
        margin-bottom: 25px
    }
    .page-template-template-user-page .thanks .citation:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 14px 12px 14px;
        border-color: transparent transparent #e8e8e8 transparent;
        position: absolute;
        display: block;
        content: '';
        left: 0;
        right: 0;
        top: -12px;
        margin: 0 auto;
    }
    .page-template-template-user-page .thanks .citation {
        color: #1C1C1C;
        min-height: 0;
        -webkit-border-radius: 73px;
        -moz-border-radius: 73px;
        border-radius: 73px;
        padding: 15px 30px;
        max-width: 90%;
    }
    .page-template-template-user-page .thanks .message-parrain {
        margin-bottom: 20px;
    }
    .page-template-template-user-page .thanks .outro {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .page-template-template-user-page #s4 .title {
        font-size: 21px;
    }
    .page-template-template-user-page #s4 {
        font-size: 18px;
        padding-bottom: 0
    }
    .page-template-template-user-page #socialwall {
        background-color: #FEF3EF;
        padding-top: 25px;
    }
    .page-template-template-user-page .s__insta-wrapper {
        margin: 0 auto;
    }
    .page-template-template-user-page #collecte .collecte-wrapper {
        padding: 35px;
    }
    .page-template-template-user-page #collecte h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .page-template-template-user-page #collecte .collecte-intro {
        font-size: 22px;
        padding-right: 150px;
        background-size: 150px auto;
    }
    .page-template-template-user-page #collecte .collecte-etapes {
        font-size: 22px;
        padding-right: 0;
        padding-bottom: 120px;
    }
    .page-template-template-user-page #collecte .collecte__btn {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 50%;
    }
    .page-template-template-user-page #collecte .collecte-epates-item {
        background-size: 55px;
        padding-left: 70px;
        min-height: 55px;
    }
    .page-template-template-user-page #collecte .collecte-epates-item:not(:last-child) {
        margin-bottom: 20px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin > div {
        border-radius: 25px;
        height: auto;
        padding-top: 10px;
        padding-bottom: 90px;
        margin-top: 20px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child {
        margin-top: 0;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_natation:before, 
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_cycle:before, 
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_course:before, 
    .page-template-template-user-page .find-my-friends #list_friends_pin > div:first-child .friend_line_in_perfs > .friend_line_in_total:before {
        display: none;
        content: none;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div:not(:last-child) {
        margin-right: 0;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .close_button_unpin_friend {
        right: -10px;
        top: -10px;
        bottom: auto;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs {
        border-radius: 25px;
        margin-left: 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        padding: 10px;
        height: auto;
    }
    .page-template-template-user-page .find-my-friends .friends_search_form input[type=button] {
        font-size: 22px;
        padding: 0 20px;
    }
    .page-template-template-user-page .find-my-friends .friends_search_form input[type=text] {
        font-size: 15px;
    }
    .page-template-template-user-page .find-my-friends .friend_line_in_name {
        font-size: 18px;
    }
    .page-template-template-user-page .find-my-friends .button_pin_friend {
        font-size: 22px;
        padding: 0 20px;
    }

    /* -- footer --*/
    footer {
        padding: 60px 0;
    }
    footer .logos {
        margin-bottom: 35px
    }
    footer img.logo-arc {
        max-width: 180px;
    }
    footer a.logo-arc {
        margin-right: 40px;
        margin-bottom: 0 !important;
    }
    footer ul {
        font-size: 18px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin-top: 0;
    }
    footer li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }
    footer .social {
        margin: 60px 0 0 0;
    }
    footer .social a:not(:last-child) {
        margin-right: 30px;
    }
    .page-template-template-user-page.after .new-challenge .inner {
        padding: 35px 20px 35px 20px;
    }
    .page-template-template-user-page .thanks-after .title {
        padding-left: 0;
        font-size: 29px;
        -webkit-background-size: 90px auto;
        -moz-background-size: 90px auto;
        -o-background-size: 90px auto;
        background-size: 90px auto;
        background-position: 50% 0;
        margin-bottom: 35px;
        padding-top: 100px
    }
    .page-template-template-user-page .thanks-after .intro,
    .page-template-template-user-page .thanks-after .outro,
    .page-template-template-user-page .thanks-after .content {
        font-size: 18px;
    }
    .page-template-template-user-page .thanks-after .outro {
        margin-bottom: 35px
    }
    .page-template-template-user-page .thanks-after .mentions {
        font-size: 15px
    }
    .page-template-template-user-page .thanks-after .content p br {
        display: none;
    }

    .page-template-template-frontpage .countdown{
        display:none !important;
    }
    .menu_fixed .btn_login svg {
        display: none;
    }
    .menu_fixed .btn_login .btn_bordered_content {
        border: 2px solid #EE7E52;
        border-radius: 20px;
        padding: 0 20px;
    }
}


@media only screen and (max-width:767.98px) {
    body {
        padding-top: 60px
    }
    /* --- s1 --- */
    #s1 .counter {
        width: 97px;
        height: 97px;
        font-size: 10px;
        top: 10px;
        right: 10px;
    }
    #s1 .picto-chrono {
        width: 25px;
        height: 25px;
    }
    #s1 #countdown-header-2 {
        font-size: 20px;
    }
    .page-template-template-frontpage #s1 {
        height: auto;
    }
    .page-template-template-frontpage #s1 .tryptique-img  {
        height: 650px;
        background-position: 0 -35px;
    }
    .page-template-template-frontpage #s1 .content {
        bottom: 18px;
    }
    .page-template-template-frontpage #s1 .mot {
        bottom: 140px;
    }
    .slick-prev,
    .slick-next {
        width: 28px;
        height: 58px;
        bottom: 250px;
        z-index: 1;
    }
    .slick-dots {
        bottom: 245px;
    }
    .page-template-template-frontpage #s1 .intro {
        margin-bottom: 12px;
    }
    .page-template-template-frontpage #s1 .event-date {
        margin-bottom: 80px;
    }
    .slick-dots.user-connected {
        bottom: 210px;
    }
    .page-template-template-frontpage #s1 .mot.user-connected {
        bottom: 90px;
    }
    .slick-prev.user-connected, .slick-next.user-connected {
        bottom: 215px;
    }
    .page-template-template-frontpage #s1 .content.user-connected {
        bottom: 20px;
    }
    /* --- s2 --- */
    .page-template-template-frontpage #s2 {
        padding-top: 25px;
    }
    .page-template-template-frontpage .s2__content {
        font-size: 16px;
    }
    .page-template-template-frontpage .s2__content h1 {
        font-size: 26px;
    }
    .page-template-template-frontpage .s2__content h1 img {
        width: 35px;
        height: 35px;
    }
    /* --- s3 --- */
    .page-template-template-frontpage .s3b {
        padding-top: 520px;
        margin-top: -480px;
    }
    .page-template-template-frontpage .s3__parrain-item .visu-wrapper img.picto {
        max-width: 130px;
    }
    .share-section {
        min-height: 0;
        margin-bottom: 0;
    }
    .page-template-template-user-page #s1 .picto-chrono {
        width: 50px;
        height: 50px
    }
    .page-template-template-user-page .user-detail {
        margin-bottom: 20px;
    }
    .page-template-template-user-page #s3 .content {
        font-size: 18px;
    }
    .page-template-template-user-page .s3__btn .picto {
        top: -28px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .page-template-template-user-page .s3__btn {
        padding-top: 10px;
        font-size: 22px
    }
    .page-template-template-user-page #collecte .collecte-wrapper {
        padding: 25px;
    }
    .page-template-template-user-page #collecte .collecte-intro {
        font-size: 22px;
        padding-right: 0;
        background-size: 200px auto;
        padding-bottom: 60px;
        background-position: 50% 100%;
    }
    .page-template-template-user-page #collecte .collecte-epates-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .page-template-template-user-page #collecte .collecte-epates-item {
        background-size: 45px;
        padding-left: 55px;
        min-height: 45px;
    }
    .page-template-template-user-page #collecte .collecte__btn {
        width: 60%;
    }
    .page-template-template-user-page #s3 {
        padding: 40px 0 0 0;
    }
    .page-template-template-user-page .find-my-friends {
        padding: 10px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .close_button_unpin_friend {
        right: -5px;
        top: -5px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div {
        font-size: 14px;
    }
    .page-template-template-user-page .find-my-friends .friends_search_form input[type=button] {
        font-size: 18px;
        padding: 0 15px;
    }

}

@media only screen and (max-width:575.98px) {
    /* --- s1 --- */
    .page-template-template-frontpage #s1 .tryptique-img  {
        height: 550px;
        background-position: top;
    }
    .page-template-template-frontpage #s1 .content {
        bottom: 18px;
    }
    .page-template-template-frontpage #s1 .intro {
        font-size: 21px;
        padding: 0 10px;
        margin-bottom: 12px;
    }
    .page-template-template-frontpage #s1 .event-date {
        font-size: 18px;
        line-height: 35px;
        margin-bottom: 70px;
    }
    .page-template-template-frontpage #s1 .mot {
        max-height: 55px;
        bottom: 138px;
    }
    .page-template-template-frontpage #s1 .mot.user-connected {
        bottom: 83px;
    }
    .slick-dots.user-connected {
        bottom: 190px;
    }
    .slick-prev.user-connected,
    .slick-next.user-connected {
        bottom: 190px;
    }
    .page-template-template-frontpage #s1 .content.user-connected {
        bottom: 18px;
    }
    /* --- s2 --- */
    .page-template-template-frontpage .s2__content {
        font-size: 16px;
    }
    .page-template-template-frontpage .s2__content h1 {
        font-size: 23px;
        line-height: 1.3;
    }
    .page-template-template-frontpage .s2__content h1 img {
        width: 30px;
        height: 30px;
    }
    .page-template-template-frontpage .s2__pastille-compteur {
        width: 270px;
        height: 270px;
    }
    .page-template-template-frontpage .s2__pastille-compteur .picto {
        width: 80px;
    }
    .page-template-template-frontpage .s2__pastille-compteur .big-text {
        font-size: 24px;
    }
    .page-template-template-frontpage .s2__pastille-compteur .small-text {
        font-size: 18px;
    }
    .page-template-template-frontpage #s2 .s2a {
        margin-bottom: 20px;
    }
    .page-template-template-frontpage .discipline-counter {
        width: 270px;
        height: 80px;
        padding-left: 70px;
    }
    .page-template-template-frontpage .discipline-counter .picto {
        width: 80px;
        height: 80px;
    }
    .page-template-template-frontpage .discipline-counter .picto img {
        height: 53px;
    }
    .page-template-template-frontpage .discipline-counter .content {
        font-size: 15px;
        line-height: 1.2;
    }
    .page-template-template-frontpage .discipline-counter .number {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 21px;
    }
    .page-template-template-frontpage .discipline-counter .number span {
        width: 17px;
        height: 22px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .page-template-template-frontpage .discipline-counter .content strong {
        font-size: 15px;
    }
    .deduction-flip .title {
        margin: 0;
        font-size: 18px;
    }
    .deduction-flip .round_txt {
        font-size: 16px;
    }
    .deduction-flip .content {
        margin: 15px 0 25px;
    }
    .deduction-flip .list_nb::before, .deduction-flip .list_nb::after {
        width: 35%;
    }

    /* --- s3 --- */
    .page-template-template-frontpage .s3b {
        margin-top: -390px;
        padding-top: 420px;
    }
    .page-template-template-frontpage .s3__title {
        font-size: 21px;
        margin-bottom: 20px;
    }
    .page-template-template-frontpage .s3__logo img {
        width: 250px;
    }
    .page-template-template-frontpage .s3__intro {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .page-template-template-frontpage .s3__parrain {
        font-size: 18px;
    }
    .page-template-template-frontpage .s3__parrain img {
        max-width: 80%;
    }
    .page-template-template-frontpage .s3__parrain .content {
        padding-top: 15px;
        margin-bottom: 15px;
    }
    .page-template-template-frontpage .s3__parrain .nom {
        font-size: 16px;
    }
    .page-template-template-frontpage .s3__parrain span {
        font-size: 14px;
    }
    .page-template-template-frontpage .s3__parrain-item {
        padding: 15px 15px 30px;
    }
    .page-template-template-frontpage .s3__parrain-item .visu-wrapper img.visu {
        top: 7px;
        width: -webkit-calc(100% - 14px);
        width: -moz-calc(100% - 14px);
        width: calc(100% - 14px);
    }
    .page-template-template-frontpage .s3__parrain-item .visu-wrapper {
        margin-bottom: 15px;
    }
    .page-template-template-frontpage .s3__parrain-item .visu-wrapper img.picto {
        max-width: 90px;
    }
    .page-template-template-frontpage .s3__parrain-item .visu-wrapper img.picto {
        top: -15px;
    }
    .page-template-template-frontpage .s3__parrain-item .citation {
        font-size: 18px;
        margin-bottom: 15px;
        padding: 0 13px;
    }
    .page-template-template-frontpage .s3__parrain-item .nom {
        font-size: 16px;
    }
    .page-template-template-frontpage .s3__parrain-item .legende {
        font-size: 14px;
    }
    .page-template-template-frontpage .s3c .btn_register {
        font-size: 22px;
        max-width: 100%;
    }
    .page-template-template-frontpage .s3c .btn_register .toggle {
        margin-right: 14px;
    }
    .page-template-template-frontpage .s3c .btn_login {
        max-width: 100%;
    }
    /* --- Social Wall --- */
    .socialwall .sw__title {
        font-size: 26px;
    }
    .socialwall .sw__logo img {
        max-width: 220px;
        margin-right: 15px;
    }
    .socialwall .sw__etape-item span {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }
    .socialwall .sw__etape-item {
        height: 80px;
        padding-left: 80px;
        line-height: 1.2;
    }
    .socialwall .sw__etape-item {
        font-size: 12px;
    }

    /* --- s5 --- */
    .s__insta-wrapper img {
        max-width: 260px;
    }
    .s__insta-wrapper {
        -webkit-border-radius: 160px;
        -moz-border-radius: 160px;
        border-radius: 160px;
        max-width: 370px;
        margin: -300px auto 100px;
        padding-top: 20px;
    }
    .s__insta-wrapper .content-1 {
        font-size: 23px;
        padding: 25px 75px 15px;
    }
    .s__insta-wrapper .content-2 {
        font-size: 18px;
    }
    .s__insta-wrapper .cta {
        height: 90px;
        width: 100%;
        font-size: 20px;
        left: 0;
        margin-right: 0
    }
    .s__insta-wrapper .picto-insta {
        min-width: 70px;
        height: 70px;
        margin: 0 10px 0 10px;
    }
    .share-section .share-picto {
        top: -60px;
        width: 120px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .share-section .share-title {
        font-size: 18px;
    }
    .share-section .share-text {
        font-size: 14px;
    }
    .share-section .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
        width: 40px;
        height: 40px;
    }
    .share-section .addtoany_list a {
        margin-right: 5px;
    }
    .share-section .a2a_svg svg {
        top: 4px;
    }
    .page-template-template-user-page .s1__buttons .histo-button {
        font-size: 13px;
        width: 100%;
    }
    .page-template-template-user-page .user-history .inner {
        padding: 10px;
    }
    .page-template-template-user-page .new-challenge .inner {
        padding: 20px;
    }
    .page-template-template-user-page .discipline-radio {
        margin-left: 0;
    }
    .page-template-template-user-page .radio-item:not(:last-child) {
        margin-right: 5px;
    }
    .page-template-template-user-page .acceptance [type="checkbox"] + label {
        font-size: 16px;
        line-height: 1.2;
    }
    .page-template-template-user-page .submit-button i {
        margin-right: 10px;
    }
    .page-template-template-user-page .submit-button {
        font-size: 12px;
        padding-right: 15px;
    }
    .page-template-template-user-page #s4 {
        padding-top: 35px
    }
    .page-template-template-user-page .s1__buttons .share-button {
        font-size: 13px;
        width: 100%;
    }
    .page-template-template-user-page #collecte .collecte-intro {
        padding-bottom: 90px;
    }
    .page-template-template-user-page #collecte .collecte-epates-item,
    .page-template-template-user-page #collecte .collecte-epates-item:last-child {
        background-size: 50px;
        padding-left: 0;
        padding-top: 55px;
        background-position: 50% 0;
    }
    .page-template-template-user-page #collecte .collecte__btn {
        width: 100%;
        font-size: 20px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .close_button_unpin_friend {
        width: 25px;
        height: 25px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div {
        flex: 0 0 50%;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div:nth-child(1),
    .page-template-template-user-page .find-my-friends #list_friends_pin .friend_line_in_perfs > div:nth-child(2) {
        margin-bottom: 10px;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin > div {
        padding-bottom: 120px;
    }
    .page-template-template-user-page .find-my-friends .friends_search_form {
        position: relative;
        margin-bottom: 70px;
    }
    .page-template-template-user-page .find-my-friends .friends_search_form input[type=button] {
        position: absolute;
        bottom: -65px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .page-template-template-user-page .find-my-friends h2 {
        font-size: 20px;
        padding-left: 35px;
        background: url(img/find-friends-title.svg) 0 50% / 28px no-repeat;
        margin-bottom: 25px;
    }
    .page-template-template-user-page .find-my-friends .button_pin_friend {
        font-size: 18px;
        padding: 0 20px;
        line-height: 40px;
        border-radius: 20px;
    }
    .s__insta-wrapper .content-2 {
        margin-bottom: 50px;
        padding: 0px 25px 0;
    }
    .s__insta-wrapper .content-1 {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0;
    }
    footer {
        padding: 10px 0 30px 0;
    }

    .page-template-template-user-page .user-counter.slick-initialized .slick-slide {
        width: 270px !important;
    }

    .page-template-template-frontpage .s2__pastille-compteur {
        position: relative;
        margin-bottom: 25px;
    }
    .page-template-template-frontpage .s2__pastille-compteur .cloture_event_txt{
        position: absolute;
        bottom: -30px;
    }
}

@media screen and (max-width:400px){
    .page-template-template-user-page .countdown {
        font-size: 12px;
    }
    .page-template-template-user-page #countdown-frontpage{
        font-size: 27px;
    }
}

/*------------------------------------*\
MISC
\*------------------------------------*/

::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}

.user-history-d .item {
    position: relative;
}

.unpin,
.del-performance {
    align-items: center;
    background-color: #EE7E52;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    font-size: 26px;
    font-weight: 200;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}

.unpin .plus,
.del-performance .plus {
    transform: rotateZ(45deg);
}

.message-api {
    background-color: #E3097D;
    border-radius: 50px;
    color: #fff;
    display: none;
    font-size: 22px;
    font-weight: bold;
    margin: 0 auto 20px;
    padding: 5px 10px;
    text-align: center;
    width: 90%;
}

.fline {
    /*background-color: #f4ad91;*/
    border: 3px solid #EE7E52;
    border-radius: 60px;
    height: 80px;
    margin-top: 16px;
}

.fline .friend_line_avatar img {
    border-radius: 50%;
    height: 60px;
    margin-left: 10px;
    margin-right: 30px;
    object-fit: cover;
    width: 60px;
}

.fline .bt_friend {
    background-color: #E3097D;
    border: 0 none;
    border-radius: 28px;
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 56px;
    margin-right: 10px;
    padding: 0 44px;
    text-align: center;
}

.fline .bt_friend.button_pin_friend {
    background-color: #EE7E52;
    cursor: pointer;
}



.unpin {
    font-size: 30px;
    height: 40px;
    transform: none !important;
    top: 50%;
    right: -20px;
    width: 40px;
}

.perf-pictos {
    margin-top: 20px !important;
    position: relative;
    z-index: 100;
}


.perf-pictos,
.perf-pictos_list {
    display: flex;
}

.perf-pictos {
    display: none;
}

@media screen and (min-width: 768px) {
    .perf-pictos {
        display: flex;
    }
}

.perf-pictos_list {
    height: 90px;
    justify-content: space-around;
    margin-left: 30%;
    width: 100%;
}

.perf-picto {
    background-color: rgba(239, 126, 82, 1);
    border-radius: 90px;
    height: 90px;
    width: 90px;
}

.perf-picto_total {
    background-color: rgba(226, 20, 129, 1);
}

.perf-picto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

.perf-picto_natation {
    background-image: url('img/picto_nage_blanc.svg');
}

.perf-picto_cyclisme {
    background-image: url('img/picto_velo_blanc.svg');
}

.perf-picto_course {
    background-image: url('img/picto_course_blanc.svg');
}

.perf-picto_total {
    background-image: url('img/picto_total.svg');
}

.share-section.share-section-mini {
    min-height: unset !important;
    margin: 24px auto !important;
}
/*.a2a_button_x svg {
    padding-left: 5px;
    transform: scale(1.3);
}
.a2a_button_x:hover svg {
    transform: scale(1.4) !important;
}*/

/*.a2a_button_x svg,
.a2a_button_instagram svg {
    transform: scale(1.4);
}

.a2a_button_x:hover svg,
.a2a_button_instagram:hover svg {
    transform: scale(1.5) !important;
}*/

/*----- RESPONSIVE RANKING -----*/
.friend-rank {
    flex-wrap: wrap;
    margin-top: 20px !important;
    padding: 0 !important;
    position: relative;
    border-radius: 40px !important;
}

.friend-rank_position {
    text-align: center;
    width: 20%;
    /*width: 25%;*/
    /* .friend-rank_position {
        width: 10%;
    } */
}

.friend-rank_avatar {
    /* width: 10%;*/
    width: 30%;
}

.friend-rank_avatar img {
    border-radius: 50%;
    font-size: 8px;
    height: 80px;
    margin-left: 8px;
    margin-right: 30px;
    object-fit: cover;
    transform: scale(.8);
    width: 80px;
}

.friend-rank_name {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    /*width: 10%;*/
    width: 45%;
}

.friend-rank_performances {
    /*border-radius: 70px;*/
    /*width: 70%;*/
    border-radius: 40px !important;
    width: 100%;
}

.friend-rank,
.friend-rank_performances {
    align-items: center;
    display: flex;
    height: auto;
    /*height: 110px;*/
}

.friend-rank_performances ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 16px 0;
    width: 100%;
}

.friend-rank_performances ul li {
    flex: 1;
    text-align: center;
    width: 33.33%;
    font-size: 14px;
}

.friend-rank.rank-1 {
    background-color: rgba(245, 194, 175, 1);
}

.friend-rank.rank-2 {
    background-color: rgba(245, 194, 175, .7);
}

.friend-rank.rank-3 {
    background-color: rgba(245, 194, 175, .4);
}

.friend-rank.rank {
    background-color: rgba(245, 194, 175, .2);
}

.friend-rank.current {
    outline: 3px solid #E3097D !important;
}

.rank-1 .friend-rank_performances {
    background: rgba(239, 126, 82, 1);
    background: linear-gradient(90deg,rgba(239, 126, 82, 1) 0%, rgba(239, 126, 82, 1) 55%, rgba(226, 20, 129, 1) 100%);
}

.rank-2 .friend-rank_performances {
    background: #F09673;
    background: linear-gradient(90deg,rgba(240, 150, 115, 1) 0%, rgba(240, 150, 115, 1) 55%, rgba(232, 69, 145, 1) 100%);
}

.rank-3 .friend-rank_performances {
    background: #F5B096;
    background: linear-gradient(90deg, rgba(245, 176, 150, 1) 0%, rgba(245, 176, 150, 1) 55%, rgba(240, 115, 173, 1) 100%);
}

.rank .friend-rank_performances {
    background: #fad6c7;
}



.rank-1 {
    /*margin-top: -30px !important;*/
}

.rank-1 .friend-rank_position_picto {
    background-image: url('img/picto_medaille_1.svg');
}

.rank-2 .friend-rank_position_picto {
    background-image: url('img/picto_medaille_2.svg');
}

.rank-3 .friend-rank_position_picto {
    background-image: url('img/picto_medaille_3.svg');
}

.rank .friend-rank_position_picto {
    background-image: url('img/picto_etoile.svg');
}

.friend-rank_position_picto {
    background-position: center;
    height: 60px;
    margin: 0 auto;
    width: 60px;
}





.friend-rank_performances ul li strong {
    color: white !important;
    font-weight: bold;
}

.friend-rank_performances ul li:last-child strong {
    font-size: 18px;
    position: relative;
    top: -4px;
}

.rank .friend-rank_performances ul li strong {
    color: #E3097D !important;
}

@media screen and (min-width: 809px) {
    .perf-pictos {
        display: none;
    }
}
@media screen and (min-width: 1079px) {
    .friend-rank {
        flex-wrap: nowrap;
        border-radius: 55px !important;
    }

    .friend-rank,
    .friend-rank_performances {
        height: 110px;
    }

    .friend-rank_position {
        width: 15%;
    }

    .friend-rank_avatar {
        width: 15%;
    }

    .friend-rank_name {
        width: 20%;
    }

    .friend-rank_performances ul {
        width: 100%;
    }

    .friend-rank_performances ul li {
        width: 25%;
    }

    .friend-rank_performances {
        height: 90px;
    }

    .perf-pictos_list {
        transform: translateY(-10px) translateX(10px);
    }

    .perf-pictos_list .perf-picto {
        width: 80px;
        height: 80px;
    }

    .perf-pictos {
        display: flex;
    }

    .rank-1 {
        margin-top: -30px !important;
    }
}

@media screen and (min-width: 1199px) {
    .perf-pictos_list {
        transform: none;
        transform: translateX(10px);
    }
    .perf-pictos_list .perf-picto {
        width: 90px;
        height: 90px;
    }
    .friend-rank_performances {
        height: 110px;
        border-radius: 60px !important;
    }
    .page-template-template-user-page .find-my-friends #list_friends_pin .close_button_unpin_friend {
        right: -32px;
    }
}

.pmpro-account #socialwall {
    padding: 0;
}