@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap");

/* /tdsiaoi/static/src/scss/website/variables.scss */
 

/* /tdsiaoi/static/src/scss/components/help_button.scss */
   @-webkit-keyframes rotating{from{-webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg);}to{-webkit-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg);}}@keyframes rotating{from{-ms-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg);}to{-ms-transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg);}}.help-div{position: fixed; bottom: 25px; right: 60px; border-radius: 20px; width: 40px; height: 40px; background-color: #FFFFFF; cursor: pointer; box-shadow: 0px 0px 6px #00000069; transition: height ease-in .4s, width ease-in .4s; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; z-index: 1000;}.help-div:before{content: "?"; width: 100%; font-size: 31px; font-weight: bolder; text-align: center; line-height: 1.3;}.help-div .help-content{width: 0; display: -webkit-box; display: -webkit-flex; display: flex; transition: width ease .5s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; overflow: hidden;}.help-div .help-content a{text-decoration: underline; font-weight: bold;}.help-div:hover:before{-webkit-animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate; -moz-animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate; -ms-animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate; -o-animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate; animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate;}.help-div:focus-within{width: 480px; height: 55px;}.help-div:focus-within:before{min-width: 70px; width: unset; -webkit-animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate; -moz-animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate; -ms-animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate; -o-animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate; animation: rotating 1s cubic-bezier(0.78, -0.01, 0.27, 1) infinite alternate;}.help-div:focus-within .help-content{width: auto;}.help-div:focus-within .help-content > div{width: 390px;}

/* /tdsiaoi/static/src/scss/website/user.scss */
 h1, h2, h3, h4, h5, h6{font-family: 'Lato', sans-serif !important;}.btn-default{color: #333; background-color: #fff; border-color: #ccc;}.user{}.user .col-top-xl{padding-top: 50px !important;}.user .no-gutter{margin-left: 0; margin-right: 0;}.user .no-gutter > div{padding-left: 0; padding-right: 0;}.user .no-gutter .row{margin-left: 0; margin-right: 0;}.user.user-login input[type=text], .user.user-login input[type=email], .user.user-login input[type=password], .user.user-register input[type=text], .user.user-register input[type=email], .user.user-register input[type=password], .user.user-verification input[type=text], .user.user-verification input[type=email], .user.user-verification input[type=password]{height: auto; border: 1px solid #181818; border-radius: 25px; color: #181818; background-color: #F9F9F8; font-size: 18px; padding: 10px 15px; box-shadow: none;}.user.user-login input[type=text]:focus, .user.user-login input[type=email]:focus, .user.user-login input[type=password]:focus, .user.user-register input[type=text]:focus, .user.user-register input[type=email]:focus, .user.user-register input[type=password]:focus, .user.user-verification input[type=text]:focus, .user.user-verification input[type=email]:focus, .user.user-verification input[type=password]:focus{border-color: #D8D8D8;}.user.user-login .input-group input[type=text], .user.user-login .input-group input[type=email], .user.user-login .input-group input[type=password], .user.user-register .input-group input[type=text], .user.user-register .input-group input[type=email], .user.user-register .input-group input[type=password], .user.user-verification .input-group input[type=text], .user.user-verification .input-group input[type=email], .user.user-verification .input-group input[type=password]{border-right: none; border-radius: 0; border-top-left-radius: 25px; border-bottom-left-radius: 25px;}.user.user-login .input-group .input-group-addon, .user.user-register .input-group .input-group-addon, .user.user-verification .input-group .input-group-addon{border-top: 1px solid #181818; border-right: 1px solid #181818; border-bottom: 1px solid #181818; border-left: none; border-top-right-radius: 25px; border-bottom-right-radius: 25px; color: #999999; font-size: 18px; background-color: #F9F9F8;}.user.user-login .input-group .input-group-addon .password-toggle, .user.user-register .input-group .input-group-addon .password-toggle, .user.user-verification .input-group .input-group-addon .password-toggle{cursor: pointer; vertical-align: sub;}.user.user-login .input-group input[type=text]:focus + .input-group-addon, .user.user-login .input-group input[type=email]:focus + .input-group-addon, .user.user-login .input-group input[type=password]:focus + .input-group-addon, .user.user-register .input-group input[type=text]:focus + .input-group-addon, .user.user-register .input-group input[type=email]:focus + .input-group-addon, .user.user-register .input-group input[type=password]:focus + .input-group-addon, .user.user-verification .input-group input[type=text]:focus + .input-group-addon, .user.user-verification .input-group input[type=email]:focus + .input-group-addon, .user.user-verification .input-group input[type=password]:focus + .input-group-addon{border-left: none; border-color: #D8D8D8; color: #D8D8D8; background-color: #F9F9F8; transition: border-color ease-in-out .15s, color ease-in-out .15s;}.user .input-group-password{border-top-right-radius: 25px !important; border-bottom-right-radius: 25px !important;}.user .input-group-password .password-toggle{cursor: pointer; vertical-align: sub;}.user .btn-login{height: auto; border: 1px solid #181818; border-radius: 25px; color: #F9F9F8; background-color: #181818; font-size: 18px; padding: 10px 15px;}.user .btn-valider{height: auto; border: 1px solid #181818; border-radius: 25px; color: #F9F9F8; background-color: #181818; font-size: 18px; padding: 5px 15px;}.user.user-advantage{margin-top: 75px;}.user.user-advantage .advantage{background-color: #dddad3;}.user.user-advantage p{font-size: 18px;}.user.user-advantage .advantage-title{text-align: center; padding-left: 55px; padding-right: 55px;}.user.user-advantage .advantage-title h2{display: inline-block; margin: auto; border-radius: 25px; margin-top: -25px; padding: 10px 25px; background-color: #F9F9F8;}.user.user-advantage .advantage-badge{text-align: center;}.user.user-advantage .advantage-badge span{display: inline-block; margin: auto; width: 55px; height: 55px; background-color: #181818; color: #F9F9F8; line-height: 55px; border-radius: 35px; font-size: 24px; font-weight: 600;}.user.user-advantage .advantage-content{padding: 15px;}.user.user-advantage .advantage-content h3{text-align: center; border-bottom: 1px solid #181818; text-transform: uppercase; font-weight: 600; padding-bottom: 10px;}.user.user-account .nav-item a.active{background-color: #181818; color: #F9F9F8;}.user.user-account .user-infos-perso, .user.user-account .user-infos-search{background-color: #F9F9F8;}.user.user-account .block-break::before{display: block; position: relative; width: 75%; height: 2px; margin-bottom: 35px; background-color: #181818; content: "";}.user.user-account .docs-container ul.dropdown-menu li{cursor: pointer; margin: 1px 0;}.user.user-account .docs-container ul.dropdown-menu li.active{background-color: #E4E4E4;}.user.user-account .docs-container ul.dropdown-menu li.active.favorite-color{background-color: #C6F4C2;}.user.user-account .docs-container ul.dropdown-menu li.active.interessed-color{background-color: #F4F4F4;}.user.user-account .docs-container ul.dropdown-menu li.active.not-interessed-color{background-color: #FBDFDF;}.user.user-account .docs-container ul.dropdown-menu li > a{background-color: unset; color: unset;}.user.user-account .docs-list .doc h3{max-width: calc(100% - 60px);}.user.user-account .docs-list .doc .action{position: absolute; right: 6px; top: 6px; font-size: 1.3em; display: inline-block;}.user.user-account .docs-list .doc .action i{cursor: pointer; margin: 0 2px;}.user.user-account .docs-list .doc .action .fa-heart{color: #D22222;}.user.user-account .docs-list .doc .action .fa-ban{color: #B5ABAB;}.user.user-account .docs-list .doc .btn-download{cursor: pointer;}.user.user-account .docs-list .doc .btn-download:not(.btn-link){font-size: 0.8rem !important;}.user.user-account .docs-list .doc .btn-download[data-disable]{background-color: #181818; color: #FFFFFF;}.user.user-account .docs-list .doc .dep{cursor: help; color: #2E2E2E;}.user.user-account .docs-list .doc .chat-title{text-align: center;}.user.user-account .docs-list .doc .chat-div{top: 20px;}.user.user-account .docs-list .doc .chat-btn{font-size: 20px; cursor: pointer; position: relative;}.user.user-account .docs-list .doc .chat-message-content{background-color: #f2f2f2; border-radius: 5px; padding: 3px 10px; line-height: 1.2; display: inline-block;}.user.user-account .docs-list .doc .chat-message-content.last-msg{width: 100%;}.user.user-account .docs-list .doc .chat-message-content.my-message{background-color: #ddd6db;}.user.user-account .docs-list .doc .chat-message-content.notification{background-color: #b9c9e8;}.user.user-account .docs-list .doc .chat-div, .user.user-account .docs-list .doc .note-div{position: absolute; width: 100%; min-height: 0; overflow: hidden; z-index: 10; box-shadow: 0px 10px 11px -4px #0000008f; border-top: none;}.user.user-account .docs-list .doc .chat-div .chat-content-container, .user.user-account .docs-list .doc .note-div .chat-content-container{min-height: 150px; max-height: 300px; overflow-y: scroll; overflow-x: hidden;}.user.user-account .docs-list .doc .chat-div .chat-content-container.reply, .user.user-account .docs-list .doc .note-div .chat-content-container.reply{max-height: 220px;}.user.user-account .docs-list .doc .chat-div .chat-content-container .chat-content, .user.user-account .docs-list .doc .note-div .chat-content-container .chat-content{min-height: 150px; padding: 5px;}.user.user-account .docs-list .doc .chat-div .chat-content-container .chat-content .chat-message, .user.user-account .docs-list .doc .note-div .chat-content-container .chat-content .chat-message{padding: 3px;}.user.user-account .docs-list .doc .chat-div .chat-content-container .chat-content .chat-message:hover, .user.user-account .docs-list .doc .note-div .chat-content-container .chat-content .chat-message:hover{background-color: #f2f2f2;}.user.user-account .docs-list .doc .chat-div .chat-content-container .chat-content .chat-message .chat-message-title, .user.user-account .docs-list .doc .note-div .chat-content-container .chat-content .chat-message .chat-message-title{font-size: .9em; position: relative;}.user.user-account .docs-list .doc .chat-div .chat-content-container .chat-content .chat-message .chat-message-title span, .user.user-account .docs-list .doc .note-div .chat-content-container .chat-content .chat-message .chat-message-title span{font-size: 0.7em; margin-left: 5px;}.user.user-account .docs-list .doc .chat-div .chat-content-container .chat-content .chat-message .chat-message-title .fa.new, .user.user-account .docs-list .doc .note-div .chat-content-container .chat-content .chat-message .chat-message-title .fa.new{color: #f40909; margin-left: 5px; font-size: .7em;}.user.user-account .docs-list .doc .chat-div .chat-reply, .user.user-account .docs-list .doc .note-div .chat-reply{text-align: center; padding-top: 10px; position: relative;}.user.user-account .docs-list .doc .chat-div .chat-reply:before, .user.user-account .docs-list .doc .note-div .chat-reply:before{content: ""; position: absolute; width: 100%; height: 1px; background-color: #ccc; top: 0; left: 0;}.user.user-account .docs-list .doc .chat-div .chat-reply.open .chat-reply-textarea, .user.user-account .docs-list .doc .note-div .chat-reply.open .chat-reply-textarea{height: auto !important;}.user.user-account .docs-list .doc .chat-div .chat-reply.open .btn-validate, .user.user-account .docs-list .doc .chat-div .chat-reply.open .btn-do-close, .user.user-account .docs-list .doc .note-div .chat-reply.open .btn-validate, .user.user-account .docs-list .doc .note-div .chat-reply.open .btn-do-close{display: inline-block;}.user.user-account .docs-list .doc .chat-div .chat-reply.open .btn-open, .user.user-account .docs-list .doc .note-div .chat-reply.open .btn-open{display: none;}.user.user-account .docs-list .doc .chat-div .chat-reply .chat-reply-textarea, .user.user-account .docs-list .doc .note-div .chat-reply .chat-reply-textarea{height: 0px !important; overflow: hidden;}.user.user-account .docs-list .doc .chat-div .chat-reply .chat-reply-textarea textarea, .user.user-account .docs-list .doc .note-div .chat-reply .chat-reply-textarea textarea{width: 100% !important; border: 1px solid #bfbfbf; height: 80px !important; resize: none; padding: 2px 5px; display: block;}.user.user-account .docs-list .doc .chat-div .chat-reply button, .user.user-account .docs-list .doc .note-div .chat-reply button{padding-top: 0; padding-bottom: 0; background-color: #dedfe4; margin: 7px 0;}.user.user-account .docs-list .doc .chat-div .chat-reply button.btn-validate, .user.user-account .docs-list .doc .chat-div .chat-reply button.btn-do-close, .user.user-account .docs-list .doc .note-div .chat-reply button.btn-validate, .user.user-account .docs-list .doc .note-div .chat-reply button.btn-do-close{display: none;}.user.user-account .docs-list .doc textarea[name="buyer_note"]{width: 100% !important; background-color: transparent; border: 1px solid #bfbfbf; height: 80px !important; resize: none; padding: 2px 5px;}.user.user-account .docs-list .doc[data-order-status] > div:not(.chat-div){border-left-style: solid; border-left-width: 7px; border-left-color: transparent;}.user.user-account .docs-list .doc[data-order-status="1"] > div:not(.chat-div){border-left-color: #31BD0A;}.user.user-account .docs-list .doc[data-order-status="9"] > div:not(.chat-div){border-left-color: #D41212;}.user.user-account #my-messages .message{border: 1px solid #999; border-radius: 6px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: flex; max-height: 105px; overflow: hidden; transition: max-height ease-in-out .4s;}.user.user-account #my-messages .message:not(:last-child){border-bottom: unset;}.user.user-account #my-messages .message > div:not(.tooltip):not(.tooltip-arrow):not(.tooltip-inner){padding-top: 15px; padding-bottom: 15px;}.user.user-account #my-messages .message .actions{font-size: 30px;}.user.user-account #my-messages .message .actions i.fa{cursor: pointer;}.user.user-account #my-messages .message .content{position: relative;}.user.user-account #my-messages .message .content:before{content: ""; position: absolute; background: #FFFFFF; width: 100%; height: 15px; bottom: 0; z-index: 1000;}.user.user-account #my-messages .message .content .body{margin-top: 10px; opacity: .6; overflow: hidden; position: relative; margin-bottom: 14px;}.user.user-account #my-messages .message .content .body:after{content: "..."; position: absolute; bottom: -5px; left: 0;}.user.user-account #my-messages .message .content .body *{color: #ccc !important; transition: all ease-in-out .4s; margin: 0 !important; line-height: 1.6;}.user.user-account #my-messages .message.active{max-height: 999px;}.user.user-account #my-messages .message.active .date{background-color: #999; color: #FFFFFF;}.user.user-account #my-messages .message.active .body{max-height: 100%;}.user.user-account #my-messages .message.active .body *{color: #000000 !important; float: unset !important;}.user.user-account #my-messages .message.active .body:after{content: none;}.user.user-account #my-messages .message.active .actions i.fa-bars:before{content: "\f00d";}.user.user-selection.page-poss .poss-content .content-similar-poss{margin-bottom: 40px; padding-bottom: 0; margin-right: 20px;}.user.user-selection.page-poss .poss-content .content-similar-poss.poss-exclu-user{background: radial-gradient(circle at 100% 100%, #eeeeee 10%, rgba(255, 255, 255, 0) 40%);}@media (max-width: 991px){.user.user-selection.page-poss .poss-content .content-similar-poss{margin-right: 0 !important;}.user.user-selection.page-poss .poss-content .content-similar-poss .similar-thumbnail{padding-right: 0 !important;}}.user.user-selection.page-poss .poss-content .content-similar-poss .similar-infos{line-height: 1.2; padding-bottom: 50px; overflow: hidden;}.user.user-selection.page-poss .poss-content .content-similar-poss .similar-ref, .user.user-selection.page-poss .poss-content .content-similar-poss .similar-region, .user.user-selection.page-poss .poss-content .content-similar-poss .similar-links{margin-top: 7px; margin-bottom: 7px;}.user.user-selection.page-poss .poss-content-content{float: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;}.user.user-selection .filter > span{font-size: 24px; font-weight: 300; color: #2F2F2F; padding-left: 30px;}.user.user-selection .filter > span > span{opacity: .35; cursor: pointer;}.user.user-selection .filter > span.active span, .user.user-selection .filter > span:hover span{opacity: 1;}.user.user-selection .filter > span:not(:first-child):before{content: "|"; opacity: 1 !important; padding-right: 30px;}.user .change-buyer-status{background-color: #000000d4; color: #FFFFFF; padding: 5px; display: inline-block; position: absolute; width: 150px; z-index: 200; font-size: .8em; border-radius: 10px; top: 50%; transform: translateY(-50%); left: calc(100% + 10px);}.user .change-buyer-status div{cursor: pointer; margin: 2px 3px; font-weight: bold;}.user .change-buyer-status div:hover{color: #DDD;}.user .change-buyer-status:before{content: ""; position: absolute; left: -7px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #000000d4;}.show-edit-info{cursor: pointer;}#add-email-input{color: #181818; font-size: 18px;}[data-form-emails="5"]{margin-bottom: 20px;}a[count]:not(a[count="0"]):after{position: absolute; right: -7px; top: -7px; content: attr(count); font-size: 11px; padding: 4px; border-radius: 999px; line-height: .6em; color: white; background: #e31212; text-align: center; font-weight: bold;}a[count]:not(a[count="0"]).count-word{position: relative;}a[count]:not(a[count="0"]).count-word:after{right: -14px; top: -8px;}.date{font-weight: 300; transition: all ease-in-out .4s;}.date .day{font-size: 30px; line-height: 1;}.nav-tabs{-webkit-flex-wrap: wrap; flex-wrap: wrap;}.nav-tabs .nav-item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end;}.nav-tabs .nav-item #become-contributor-tab .winwin-logo, .nav-tabs .nav-item #my-jackpot-tab .winwin-logo{width: 56px; height: 18px; vertical-align: middle; background-image: url("/tdsiaoi/static/src/img/icons/winwin.svg"); margin-right: 8px; margin-top: -2px;}.nav-tabs .nav-item .nav-link{white-space: nowrap; padding-left: 50px; padding-right: 50px; border-radius: 0;}.nav-tabs .nav-item .nav-link.active#become-contributor-tab .winwin-logo, .nav-tabs .nav-item .nav-link.active#my-jackpot-tab .winwin-logo{background-image: url("/tdsiaoi/static/src/img/icons/winwin_white.svg");}.jackpot-div{display: -webkit-box; display: -webkit-flex; display: flex; align-items: stretch;}@media only screen and (max-width: 768px){.jackpot-div{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}}.jackpot-div .user-infos-search{height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.jackpot-div #code-jackpot #code, .jackpot-div #code-jackpot #code::placeholder{text-align: center; font-size: 35px !important; height: 60px; max-width: 260px; margin: 0 auto; border-radius: 15px; border: 1px solid #686868;}.jackpot-div #code-jackpot #code::placeholder{color: #a6a6a6;}.jackpot-div #code-jackpot #code:focus::placeholder{color: transparent;}.diary-toggler{cursor: pointer;}.diary-preferences{overflow: hidden;}.diary .event{border-radius: 8px; font-weight: 300; background-color: #E7E7E7; color: #181818; position: relative; overflow: hidden;}.diary .event > div{margin-top: 20px; margin-bottom: 20px;}.diary .event:after{background: linear-gradient(180deg, rgba(2, 0, 36, 0), rgba(0, 0, 0, 0.2) 100%); width: 100%; height: 10px; border-radius: 0 0 8px 8px; content: "";}.diary .event .font-weight-bold{font-weight: normal;}.diary .event .date{max-width: 40px;}.diary .event .title{margin-left: 15px; max-width: calc(100% - 60px); line-height: 1.1;}.diary .event .hour{border-radius: 100px; font-size: 24px; color: #F9F9F8 !important; background-color: #0000008f; padding: 3px 12px;}.diary .event .event-details{max-height: 0px; overflow: hidden; transition: max-height ease-in-out .4s; border-left: 1px solid;}.diary .event .event-details .badge{background-color: #0000008f;}.diary .event .event-details .description{white-space: break-spaces;}.diary .event .subscribe:after{content: attr(data-sub); cursor: pointer;}.diary .event .subscribe:hover:after{opacity: .7;}.diary .event .subscribe.active:after{content: attr(data-unsub);}.diary .event .subscribe.disabled:after{content: attr(data-disabled);}.diary .event .available-places-nb{margin-left: 15px; font-size: 70%; background-color: #0000008f;}.diary .event .btn-toggle:after{content: attr(open); cursor: pointer;}.diary .event .btn-toggle:hover:after{opacity: .7;}.diary .event .sub-mark{position: absolute; right: -45px; top: 15px; width: 200px; height: 25px; background-color: white; transform: rotate(23deg); text-align: center; line-height: 1; font-weight: bold; font-size: 20px;}.diary .event.active .event-details{max-height: 9999px;}.diary .event.active .btn-toggle:after{content: attr(close);}.tab-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch;}.tab-flex li{flex-grow: 1; width: auto !important;}