/*Restes de la page d'avant*/
.contentParent{
    display: table-cell;
    vertical-align: top;
    font-size: 1.2em;
    width: 50%;
    background-color: white;
}

.contentParent section{
    width: 50vw;
}

.sectionTags{
    overflow: hidden;
    background-color: Whitesmoke;
    text-overflow: clip;
    line-height: 2.5em ;
}


.basicSectionText h1{

    font-size: 1.5em;
    font-weight: bold;
}



.tag{
    animation: infinite;
    transform-origin: bottom center;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

@keyframes moveRight{
    0% {
        transform: translateX(-300%) ;

    }


    100% {
        transform: translateX(+300%) ;
    }
}


@keyframes moveLeft{
    0% {
        transform: translateX(300%) ;

    }


    100% {
        transform: translateX(-300%) ;
    }
}
@keyframes btnWizz{
    0% {
        transform: rotate(0deg) ;

    }
    30% {
        transform: rotate(-40deg) ;
    }
    33% {
        transform: rotate(40deg) ;
    }
    36%{
        transform: rotate(-25deg) ;
    }
    39%{
        transform: rotate(20deg) ;
    }
    42%{
        transform: rotate(-20deg) ;
    }
    45%{
        transform: rotate(15deg) ;
    }
    48%{
        transform: rotate(-10deg) ;
    }
    50% {
        transform: rotate(0deg) ;

    }
    100% {
        transform: rotate(0deg) ;
    }
}

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

    .contentParent{
        display: block;
        width: 100%;
    }

    .contentParent section{
        width: 100%;
    }
}

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

    .sectionTags{
        font-size: 0.9em;
    }
}
/*------------------------------------*/
body{
    background-color: #e7e7e7;
}


.plusButton{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    display: none;
}
.plusButton svg{
    width: 2.8em;
    height: 2.8em;
}
.plusButton svg .fa-secondary{
    fill: #444443;
    opacity: 1;
}

.plusButton svg .fa-primary{
    fill: white;
}
#bonus .txtBonus{
    background-image: url(../../../../images/transparentBackground/black-50.png);
}
#validate{
    border: solid 1px var(--basicColor1);
    background-color: var(--basicColor1);
}
#validate:hover{
    background-color: white;
    color: var(--basicColor1);
}
#validate:hover svg path{
    fill:var(--basicColor1);
}
.tropheeResponsive{
    padding-top: 0;
}
@media screen and (max-width: 1300px) {
    .pleaseScroll {
        top: 70vh;
    }
    .tools{
        width: 100%;
        white-space: break-spaces;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
        padding-right: 0;
    }
    .tools span{
        width: 30%!important;
    }
    .tools .validate{
        width: 30%;
    }
    .tools .validate span{
        width: 100%!important;
    }
    .pickedPpl{
        width: 75%;
        height: inherit;
    }
}

@media screen and (max-width: 1200px) {
    #team li{
        height: 10em;
        width: 7em;
    }
}
@media screen and (max-width: 1050px) {
    .tagList svg{
        animation: 4s ease-in-out  btnWizz infinite;
    }
    .yourTeam{
        white-space: break-spaces;
    }
    .pickedPpl{
        width: 100%;
        height: inherit;
    }
    #bonus{
        width: 80%;
        margin: 0 auto;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: flex-start;
        overflow: inherit;
    }
    #bonus .tagList{
        width: auto;
    }
    #bonus .tagList svg{
        padding: .5em!important;
        margin-right: 0;
        margin-top: 0;
        height: 2em;
        width: 2em;
    }
    .tagList{
        cursor:pointer;
        border-radius: 50%;
    }
    .tagList:hover .txtBonus{
        display: block!important;
    }
    #bonus .txtBonus{
        display: none;
        position: absolute;
        z-index: 6;
        max-width: none!important;
        top: 120%;
        left: 50%;
        width: 20em;
        padding: 1em;
        transform: translateX(-50%);
        text-align: center;
        border-radius: 10px;
    }
    #noBonus:hover p{
        display: block;
    }
    #noBonus svg{
        display: none;
    }
    #noBonus p strong{
        display: block;
    }
    #noBonus p span{
        display: none;
    }

    #team .nomParticipant{
        color: white;
    }
    .plusButton{
        display: block;
    }
}
@media screen and (max-width: 1000px) {
    .defis .forBg h2{
        font-size: 2.5em;
    }
    .rulesPart .imgRules{
        width: 45%;
    }
    .defis p {
        font-size: 1.5em;
    }

}


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

    .pleaseScroll {
        top: 45em   ;
    }
}
@media screen and (max-width: 900px) {
    .tropheeResponsive{
        display: block;
    }
    .tropheeBigScreen{
        display: none;
    }
    .rulesPart{
        display: none;
    }
    .rulesPart p {
        padding-left: 0em;
        width: 80%;
    }
}

@media screen and (max-width: 710px) {
    #moduleTitre{
        height: 11em;
    }
    #moduleTitre p{
        font-size: 8em;
    }
    .oneTrophee {
        width: 90%;
    }
    .rulesPart .imgRules{
        width: 100%;
        margin-bottom: 2em;
    }
    .rulesPart .imgRules img{
        width: 80%;
        display: block;
        margin-left: 0;
    }
    .rulesPart p{
        width: 70%;
    }
    #team li{
        height: 10em;
        width: 7em;
    }
    #name{
        width: 75%;
    }
    #noBonus{
        padding: 1em;
    }
    .pleaseScroll {
        top: 42em;
    }
}
@media screen and (max-width: 650px) {


}
@media screen and (max-width: 600px) {
    .intro {
        margin-bottom: 2em;
    }
    .pleaseScroll {
        top: 37em;
    }
    #moduleTitre{
        height: 8em;
    }
    #moduleTitre p{
        font-size: 6em;
    }
    .defis p {
        font-size: 1em;
        top: 3%;
    }
    .defis p:nth-child(2) {
        top: 18%;
    }
    .allTrophee .tropheeBg img:nth-child(1) {
        left: 5%;
    }
    .allTrophee .tropheeBg img:nth-child(3) {
        right: 5%;
    }
    .defis .forBg h2{
        font-size: 2em;
    }
    .hideCard{
        height: 7em ;
        width: 8em ;

    }
}

@media screen and (max-width: 550px) {
    .defis p {
        font-size: 1.3em;
        top: 0%;
    }
    .defis p:nth-child(2) {
        top: 15%;
    }

    .pickedPpl{
        width: 100%;
        height: inherit;
        overflow-x: scroll;
    }
    .yourTeam{
        white-space: inherit;

    }
    #team li {
        height: 7em;
        width: 5em;
    }
    #team .nomParticipant {
        left: 0;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        text-align: center;
        top: 50%;
        height: 45%;
        border-radius: 0 0 1em 1em;
        background-color: white;
        transform: none;
    }
    #noBonus{
        padding: 0;
    }
    #submitStructureForm {
        font-size: 1.5em;
        background-size: 80%;
        padding: 3em;
    }
    .absoluteArrow img {
        height: 4em;
    }
    .arrows2 {
        bottom: 45%;
    }
    .arrows1 {
        top: 45%;
    }
    .listPart{
        padding: 0;
    }
    .pickedPpl h2{
        display: none;
    }
    .defis .forBg h2{
        font-size: 1.8em;
    }
    .trophes .allTrophee .titreTrophe1:nth-child(2) {
        width: 100%;
    }
    .trophes .allTrophee .titreTrophe1:nth-child(3) {
        width: 100%;
    }
}
@media screen and (max-width: 430px){
    #team li {
        height: 6em;
        width: 4em;
    }
}
@media screen and (max-width: 400px) {
    .pleaseScroll {
        top: 32em;
    }
    .intro{
        margin-bottom: 3em;
    }

    #moduleTitre{
        height: 5.5em;
    }
    #moduleTitre p{
        font-size: 4em;
    }
    .allTrophee .tropheeBg img:nth-child(1) {
        left: -3%;
    }
    .allTrophee .tropheeBg img:nth-child(3) {
        right: -3%;
    }
}
@media screen and (max-width: 375px) {
    .defis p {
        font-size: 1em;
        top: 12%;

    }
    .defis p:nth-child(2) {
        top: 25%;
    }

    .defis .forBg h2{
        font-size: 1.5em;
    }
}
@media screen and (max-width: 300px) {

    #moduleTitre{
        height: 4.5em;
    }
    #moduleTitre p{
        font-size: 3em;
    }
}

/* latin */
@font-face {
    font-family: 'Architects Daughter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/architectsdaughter/v11/KtkxAKiDZI_td1Lkx62xHZHDtgO_Y-bvTYlg4w.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Bakbak One';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/bakbakone/v3/zOL54pXAl6RI-p_ardnu-c1kvthH.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Bakbak One';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/bakbakone/v3/zOL54pXAl6RI-p_ardnu-cNkvg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Fredoka One';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/fredokaone/v8/k3kUo8kEI-tA1RRcTZGmTlHGCac.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/josefinsans/v20/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_N_XbMhhLzTs.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/josefinsans/v20/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_N_XbMZhLw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}


/* latin-ext */
@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/lobster/v23/neILzCirqoswsqX9zoymM5Ez.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/lobster/v23/neILzCirqoswsqX9zoKmMw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poiretone/v9/UqyVK80NJXN4zfRgbdfbo5BcV_cx.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poiretone/v9/UqyVK80NJXN4zfRgbdfbo55cVw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Smooch';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/smooch/v1/o-0LIps4xW8U1xUxh6B-2hU.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Smooch';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/smooch/v1/o-0LIps4xW8U1xUxiaB-.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/sourcecodepro/v18/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DEyXtMdrTEUc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/sourcecodepro/v18/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DEyXtMlrTA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: 'ltc-globe-gothic';
    font-style: normal;
    font-weight: 400;
    src: url(https://use.typekit.net/af/d8b1b9/000000000000000077359a74/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'ltc-globe-gothic';
    font-style: normal;
    font-weight: 400;
    src: url(https://use.typekit.net/af/d8b1b9/000000000000000077359a74/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'ltc-globe-gothic';
    font-style: normal;
    font-weight: 400;
    src: url(https://use.typekit.net/af/d8b1b9/000000000000000077359a74/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format('opentype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}