html{
	overflow-x: hidden;
}

body{
	overflow: hidden;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea {
  	color: #000000;
	font-family: "Poppins", Sans-serif;
	font-size: 18px;
	line-height: 1.3em!important;
	font-weight: 300;
}

h2{
	font-family: "Poppins",Sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3em;
}

h3{
	font-family: "Poppins",Sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3em;
}

h5 {
	font-family: "Poppins", Sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3em;
}

h6{
	font-family: "Poppins",Sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3em;
}

.font-weight-500{
	font-weight: 500!important;
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1240px;
  }
}

body.single-post, body.home {
	background-color: #ffffff!important;
}

#wrapper{
	padding-top: 0!important;
}

@media only screen and (min-width: 1200px){
	#page-content-wrapper:not(.wide){
		max-width: 100%;
		width: 100%;
		margin: auto;
		padding: 0;
	}
}
	
.single-post #main{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
	
.container-xxl{
	width: 80%;
	margin: 0 10%;
}

.rounded-xxl{
	border-radius: 1rem !important;
}
	
.container-wrapper-secudeal, .container-wrapper-secudeal p, .container-wrapper-secudeal small, .container-wrapper-secudeal div {
	line-height: 1.3em;
}	

.container-wrapper-secudeal .has-float-label label::after, .container-wrapper-secudeal .has-float-label > span::after {
    background-color: rgb(255, 255, 255);
    height: 100%;
    top: 0%;
	left: -.4em;
	right: -.4em;
}

.container-wrapper-secudeal #blockConnexion .has-float-label > span::after {
	background-color: #141444;
}

.container-wrapper-secudeal #blockConnexion .has-float-label > span, #blockConnexion .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
	color: #ffffff;
}

#blockConnexion .dropdownCompteParent {
	background-color: #141444!important;
}

.container-wrapper-secudeal .has-float-label > span.global-color-bleu-moyen-bg::after {
	background-color: #003087;
}

.container-wrapper-secudeal .has-float-label > span.global-color-bleu-fonce-bg::after {
	background-color: #141444;
}

.container-wrapper-secudeal .has-float-label label, .container-wrapper-secudeal .has-float-label > span{
	font-weight: 300;
	color: #000000;
	font-size: 75%;
	left: 1.25rem;
}

.container-wrapper-secudeal #prev-btn.btn-light.focus, .container-wrapper-secudeal #prev-btn.btn-light:focus{
	box-shadow: none;
}

.container-wrapper-secudeal .form-control, .container-wrapper-secudeal .file-preview{
	border-color: #dddfe6;
	border-width: 1px;
	padding: 1rem .75rem;
	font-size: 20px;
	border-radius: 0.5rem;
}

.container-wrapper-secudeal .form-control.is-invalid, .container-wrapper-secudeal .file-preview.is-invalid, .container-wrapper-secudeal .form-control.is-invalid:focus, button.is-invalid{
	border-color: #dc3545!important;
}

.container-wrapper-secudeal input.form-control, .btn-group.btn-group-toggle label{
	height: 80px;
	font-size: 20px;
}

textarea.form-control{
	height: 130px;
}

.container-wrapper-secudeal select.form-control {
	padding: 0.95rem .75rem;
	height: 80px;
	max-height: 100%;
	font-size: 20px;
	border-radius: 0.5rem;
}

.PaylineWidget *, .container-wrapper-secudeal input, .container-wrapper-secudeal textarea{
	margin: 0;
	padding: 0;
	font-family: 'Poppins', Sans-serif;
	font-size: 20px;
}

.container-wrapper-secudeal .form-check input.form-check-input {
	margin-top: .3rem;
	margin-left: -2.5rem;
}

.container-wrapper-secudeal .btn-light-blue{
    fill: #000000;
    color: #000000;
    background-color: #f5f8ff;
    border-radius: 5px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 600;
}

.container-wrapper-secudeal .input-icon {
	position: relative;
}

.container-wrapper-secudeal .input-icon > i {
	position: absolute;
	display: block;
	top: 0%!important;
	pointer-events: none;
	width: 50px;
	text-align: center;
	font-style: normal;
	background-color: #000000;
	color: #fff;
	font-weight: 600;
	height: calc(1.5em + .75rem + 19px);
	padding: 1rem .2rem;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 100% !important;
}

.container-wrapper-secudeal .input-icon-right > i {
	right: 0px;
}

.container-wrapper-secudeal .input-icon-right > input {
	padding-right: 50px;
}

.container-wrapper-secudeal .containre-separator {
    width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

.container-wrapper-secudeal .row-separator {
    overflow: hidden !important;
    text-align: center !important;
}

.container-wrapper-secudeal .separator::after {
    border-bottom-width: 1px !important;
    border-bottom-color: #e4e4e4 !important;
}

.container-wrapper-secudeal .separator::after {
    content: "" !important;
    position: absolute !important;
    border-bottom: 1px solid #000 !important;
        border-bottom-color: #000;
        border-bottom-width: 1px;
    top: 50% !important;
    left: 100% !important;
    width: 5000px !important;
}

.container-wrapper-secudeal .separator::before {
    border-bottom-width: 1px!important;
    border-bottom-color: #e4e4e4 !important;
}

.container-wrapper-secudeal .separator::before {
    content: "" !important;
    position: absolute !important;
    border-bottom: 1px solid #000 !important;
        border-bottom-color: #000;
        border-bottom-width: 1px;
    top: 50% !important;
    right: 100% !important;
    width: 5000px !important;
}

.container-wrapper-secudeal .separator {
    padding-bottom: 16px !important;
    padding-top: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
	font-size: 15px;
}

.container-wrapper-secudeal .separator {
    position: relative !important;
    padding: 16px !important;
}

.container-wrapper-secudeal .container-title-width-auto {
	width: auto;
	display: flex;
	align-items: normal;
	justify-content: flex-start;
}

.container-wrapper-secudeal h5 {
	font-family: "Poppins", Sans-serif;
	font-weight: 600;
	margin-bottom: 0;
}

.container-wrapper-secudeal h3 {
	font-weight: 600;
	margin-bottom: 20px;
}

.container-wrapper-secudeal .desc{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	border-radius: 5px;
	padding: 20px;
	font-size: 18px;
}

.container-wrapper-secudeal #step-0 .ps-0 .align-items-stretch label, #menuFreelance .align-items-stretch label{
	border: 1px solid transparent;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 40px 0px;
	border-radius: 12px;
	font-size: 20px;
	line-height: 20px;
	width: 100%;
	height: 100%;
	background-color: #f5f8ff;
	cursor: pointer;
}

#menuFreelance .align-items-stretch label{
	padding: 30px;
	/*box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);*/
	background-color: #ffffff;
}

.container-wrapper-secudeal #step-0 .ps-0 .align-items-stretch label{
	box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
	padding: 15px 25px;
	border-radius: 5px;
	background-color: #ffffff;
}

.container-wrapper-secudeal #step-0 .ps-0 .align-items-stretch label:last-child{
	margin-right: 0;
}

#menuFreelance .fa-2x{
	font-size: 2.2em;
}

#menuFreelance .align-items-stretch .icone-1{
	color: #000000;
}

#menuFreelance .align-items-stretch .icone-2{
	color: #01E1A0;
}

#menuFreelance .align-items-stretch .icone-3{
	color: #FFCC3E;
}

#menuFreelance .align-items-stretch .icone-4{
	color: #FF2C5E;
}

/* HIDE RADIO */
.container-wrapper-secudeal label [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* IMAGE STYLES */
.container-wrapper-secudeal [type=radio] + img  {
	cursor: pointer;
	margin-bottom: 10px;
}

.custom-file-input{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.container-wrapper-secudeal [type=radio], .paiementSelect, .custom-file-input, .custom-file-label, .copy{
	cursor: pointer;
}

/* CHECKED STYLES */
.container-wrapper-secudeal [type=radio]:checked + img {
	outline: transparent;
}

.custom-file-input:focus ~ .custom-file-label, .container-wrapper-secudeal .form-control:focus, .custom-select:focus{
	box-shadow: none!important;
	z-index: 1;
}

.custom-file-label{
	border-radius: 5px;
}

.custom-file-label::after{
	content: "Parcourir";
	background-color: #0070E0 !important;
	color: #fff !important;
	border-color:#0070E0;
	font-size:20px;
}

.custom-file-input:disabled, .custom-file-input[readonly]{
	/*opacity:0;*/
}

.custom-file-label, .custom-file-label::after, .custom-file, .container-wrapper-secudeal .custom-file input.images, .custom-file{
	height: 80px;
	font-size:20px;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner, .bootstrap-select .dropdown-menu li a span.text, .dropdown-item, .dropdown-toggle{
	font-size:20px;
	text-wrap: nowrap;
}

.custom-file-label, .custom-file-label::after, .custom-file{
	padding: 1.5rem .75rem;
}

.custom-file-label{
	color: #8a93a8;
}

.container-wrapper-secudeal .custom-file input.images{
	position: absolute;
	top: 0;
	left: 0;
}

#form-pageSecudeal .custom-file{
	display: block;
}

.container-wrapper-secudeal #qbox-container {
  position: relative;
  padding: 62px;
  min-height: 630px;
  box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  -webkit-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  -moz-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  background-color: #fff;
}

.container-wrapper-secudeal .step {
	display: none;
	width: 100%;
}

.container-wrapper-secudeal .justify-content-center{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.container-wrapper-secudeal .btn-primary, input.kyc_submit, #account #form-upgrade .btn-light{
	font-size: 20px;
	font-weight: 600;
	background-color: #084cbc;
	border-radius: 5px;
	border-color: #084cbc;
	padding: 13px 20px;
	width: 100%;
	color: #ffffff;
}

.container-wrapper-secudeal .btn-light{
	font-size: 15px;
	font-weight: 600;
	background-color: transparent;
	border-radius: 5px;
	border: 2px solid #ffffff;
	padding: 5px 15px;
	color: #ffffff;
}

#account #form-upgrade .btn-light{
	border-color: #ffffff;
	background-color: #ffffff;
	color: #084cbc;
}

.mobile-menu-wrapper{
	position: absolute;
	left: 0;
	top: 0;
	width: 270px;
	padding: 30px;
	-webkit-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 99;
	-webkit-box-shadow: -22px 0 40px rgba(0,0,0,.1);
	-moz-box-shadow: -22px 0 40px rgba(0,0,0,.1);
	box-shadow: -22px 0 40px rgba(0,0,0,.1);
	height: 100vh;
	background-color: #ffffff;
	display: none;
}

.mobile-menu-content {
	display: table;
	width: 100%;
	height: 100%;
}

.mobile-menu-wrapper .mobile-menu-content > div {
	width: 100%;
	max-height: 100%;
	overflow: auto;
	display: table-cell;
	vertical-align: middle;
}

.mobile-main-nav.mobile-nav-in {
	-webkit-animation: main-nav-in .4s;
	animation: main-nav-in .4s;
}

.mobile-main-nav, #side-sub-menu {
	margin-top: 40px;
	margin-bottom: 40px;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
}

.mobile-main-nav li{
	list-style: none;
}

.mobile-main-nav a:hover{
	text-decoration: none;
}

.mobile-main-nav li ul.sub-menu {
	display: none;
	padding: 0;
}

.mobile-main-nav li a, #side-sub-menu li a {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	text-transform: none;
}

.btn-primary:focus, .btn-primary:hover, input.kyc_submit:hover{
	box-shadow: none;
	background-color: #5686EC;
	border-color: #5686EC;
	color: #ffffff;
}

#account #form-upgrade .btn-light:focus, #account #form-upgrade .btn-light:hover{
	border-color: #ffffff;
	background-color: #ffffff;
}

#submitforgotpasswordform:hover, #forgot-cancel{
	text-decoration: none;
}

.container-wrapper-secudeal .btn-light i{
	margin-left: 5px;
}

#formPaiementFreelances #success h4 {
	color: #DC3545;
}

#prev-btn, #next-btn, #submit-btn, #prev-btn-code, #next-btn-code, #prev-btn-infosFreelances, #prev-btn-countTransactionFalse, #prev-payout-btn, .prev-modalActivity-btn, .prev-debloqueModal-btn, #prev-upgrade-btn {
	cursor: pointer;
}

hr {
	width: 10%;
    margin: 0!important;
	border-top: 6px solid #4CD46D;
}

#formPaiementFreelances #step-3 hr, #formInscriptionFreelance #step-7 hr{
	width: 10%;
    margin: 0!important;
	border-top: 6px solid #084cbc;
}

.btn-light {
  border-radius: 5px;
}

.back-link:hover {
  color: #82000a;
}

form .has-float-label .form-control:placeholder-shown:not(:focus) + *{
	font-size: 75%;
	top: -.5em;
	opacity: 1;
}
form .has-float-label .form-control:placeholder-shown:not(:focus)::placeholder{
	opacity: 1;
}

.hide{
	display: none;
}

#PaylineWidget:not(.bg-white){
	padding-right: 0!important;
}

.PaylineWidget.pl-container-lightbox{
	position: relative;
	z-index: 1;
	overflow-x: initial;
	overflow-y: initial;
}

.PaylineWidget.pl-modal-backdrop, .PaylineWidget.pl-container-lightbox .pl-container-view .pl-header .pl-header-bar, .PaylineWidget.pl-container-lightbox .pl-container-view .pl-header .pl-header-title-wrapper .pl-header-title-content hr, #pl-container-lightbox-footer, #pl-container-lightbox-header, .pl-card-logos-container{
	display: none!important;
}

.PaylineWidget.pl-container-lightbox .pl-modal-dialog{
	width: 100%;
	margin: 0;
	box-shadow: none;
}

.PaylineWidget.pl-container-lightbox .pl-pmContainer{
	width: 100%;
	border: 0;
	background-color: transparent;
}

.PaylineWidget.pl-container-lightbox .pl-container-view .pl-header .pl-header-title-wrapper, .PaylineWidget.pl-layout-column .pl-pmContainer.pl-active:hover, .PaylineWidget.pl-container-lightbox .pl-container-view .pl-header{
	background-color: transparent;
}

.PaylineWidget .pl-pay-btn-container{
	display: block;
}

.PaylineWidget .pl-pay-btn:focus-visible{
	outline: 0;
}

.PaylineWidget .pl-pay-btn{
	width: 100%;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
	border-radius: 50rem;
	padding: 20px 0;
	color: #ffffff;
	border: 2px solid #000000;
	color: #000000;
	background-color: transparent;
}

#pl-pm-cards_4-expirationDate, #pl-pm-cards_4-styleOfIframe-cardNumber, #pl-pm-cards_4-styleOfIframe-cvv, #pl-pm-cards_4-cardNumber, #pl-pm-cards_4-cvv{
	padding: 17px 0px 17px 0px;
	display: block;
	width: inherit;
	height: calc(1.5em + .75rem + 22px);
	font-size: 20px;
	font-weight: normal;
	line-height: 18.6667px;
	color: #495057;
	fill: #495057;
	background-color: transparent;
	border: 1px solid #DDDFE6;
	border-radius: 5px;
	text-align: center;
	margin: 0;
	font-family: "Poppins", Sans-serif;
	box-shadow: none;
}

 #pl-pm-cards_4-styleOfIframe-cardNumber, #pl-pm-cards_4-styleOfIframe-cvv, #pl-pm-cards_4-cardNumber, #pl-pm-cards_4-cvv{
	padding: 23px 0px; 
 }

#pl-pm-cards_4-expirationDate::placeholder, #pl-pm-cards_4-styleOfIframe-cardNumber::placeholder, #pl-pm-cards_4-styleOfIframe-cvv::placeholder, #pl-pm-cards_4-cardNumber::placeholder, #pl-pm-cards_4-cvv::placeholder{
	color: #6c757d;
}

#pl-pm-cards_4-cardNumber #PaylineWidgetIframe .input, #pl-pm-cards_4-cvv #PaylineWidgetIframe .input, #pl-pm-cards_4-styleOfIframe-cardNumber .input, #pl-pm-cards_4-styleOfIframe-cvv .input, #PaylineWidget table.form tr#cardNumber td input, #pl-pm-cards_4-cardNumber body{
	font-family: "Poppins", Sans-serif;
}

.PaylineWidget.pl-container-lightbox .pl-container-view .pl-body .pl-paymentMethods .pl-form-container .pl-cvvContainer, .PaylineWidget.pl-container-lightbox .pl-container-view .pl-body .pl-paymentMethods .pl-form-container .pl-expirationDateContainer{
	width: 49%;
	margin-left: 0;
	margin-right: 0;
}

#pl-pm-cards_4-expirationDateContainer .pl-input-group-container, #pl-pm-cards_4-cvvContainer .pl-input-group-container{
	padding-left: 0;
	padding-right: 0;
}

.PaylineWidget.pl-container-lightbox .pl-container-view .pl-body .pl-paymentMethods .pl-form-container .pl-cvvContainer{
	left: 2%;
}

.PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-form-control-addon {
    top: 8px;
}

#pl-pm-cards_4-styleOfIframe-cardNumber input, #pl-pm-cards_4-styleOfIframe-cvv input{
	margin: 0;
}

.PaylineWidget .pl-form-container .pl-input:focus, #pl-pm-cards_4-styleOfIframe-cardNumber:focus, #pl-pm-cards_4-styleOfIframe-cvv:focus{
	box-shadow: none;
}

.PaylineWidget .pl-pay-btn:hover, .PaylineWidget .pl-pay-btn:focus{
	background-color: transparent;
	color: #000000;
}

#step-2 .PaylineWidget .pl-pay-btn:hover, #step-2 .PaylineWidget .pl-pay-btn:focus, #step-2 .PaylineWidget .pl-pay-btn{
	background-color: #084cbc;
}

.PaylineWidget.pl-container-lightbox .pl-container-view .pl-body, .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-paymentMethod-view{
	padding: 0;
}

.PaylineWidget.pl-container-lightbox .pl-pmContainer{
	margin: 0;
	padding: 0;
}

.container-wrapper-secudeal.container{
	padding: 0;
}

#account .justify-content-center{
	width: 100%;
}

.container-wrapper-secudeal .logo{
	margin-bottom: 70px;
}

.container-wrapper-secudeal .bgWhite{
	padding: 20px;
	border-radius: 5px;
	background-color: #ffffff;
	margin-top: 20px;
	box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

#account #qbox-container {
  position: relative;
  padding: 62px;
  min-height: 630px;
  box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  -webkit-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  -moz-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  background-color: #fff;
  overflow-x: hidden;
}

.menu {
    transition:left 1s;
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-gap: 27px;
	/*flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
    justify-content: center;*/
}

.menu {
	grid-template-rows: 1fr 1fr;
}

.menu li {
	/*flex: 1 1 31%;*/
    border: 0;
	padding: 30px 25px;
	text-align: left;
	cursor:pointer;
	height: auto;
}

.menu li p{
	margin: 0 0 0 0;
	padding-bottom: 0;
	padding-top: 40px;
}

#account .text-size-30{
	font-size: 30px;
}

#account #form-upgrade {
	padding-bottom: 4rem!important;
}

#account .text-primary{
	color: #00047d !important;
}

#account .bg-primary{
	background-color: #084cbc !important;
}

/* , #account .form .formContainer
}*/

#account .form {
	position: relative;
	width: 100%;
	border: 0;
	display:none;
	height:0;
    -webkit-transition:all 1s ease;
       -moz-transition:all 1s ease;
        -ms-transition:all 1s ease;
         -o-transition:all 1s ease;
            transition:all 1s ease;
}

#account .form .form-litige {
	left: 0;
}

#account .form .has-float-label .form-control:placeholder-shown:not(:focus) + *{
	font-size: 75%;
	top: -.5em;
	opacity: 1;
}

#account .form .has-float-label .form-control:placeholder-shown:not(:focus)::placeholder{
	opacity: 1;
}

.form-control:focus{
	/*background-color: transparent;*/
}

#account .form .form-control:focus{
	border-color: #ced4da;
	box-shadow: none;
}

#account .form .btn-primary:focus, #account .form .btn-light:focus{
	box-shadow: none;
}

#account .form span .fileinput-remove-button, #account .form span .btn-file{
	display: none;
}

#account .container-title-left{
	margin-bottom: 30px;
}

#account #connexion, #formInscriptionFreelance, .bg-shadow-radius{
	background-color: #ffffff;
	box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	border-radius: 5px;
}

#forgotMDP{
	color: #000000;
	text-decoration: underline;
	padding: 0 0 1.375rem 0;
	font-size: 20px;
}

.no-margin-bottom{
	margin-bottom: 0;
}

.container-wrapper-secudeal #blockHorsConnexion h3, .container-wrapper-secudeal #blockHorsConnexion h6, .container-wrapper-secudeal #blockConnexion h3, .container-wrapper-secudeal #blockConnexion h6{
	font-weight: 600;
	font-family: "Poppins", Sans-serif;
}

.container-wrapper-secudeal #blockHorsConnexion h3, .container-wrapper-secudeal #blockConnexion h3{
	color: #FFFFFF;
	font-size: 30px;
	line-height: 35px;
}

.container-wrapper-secudeal #blockHorsConnexion h6, .container-wrapper-secudeal #blockConnexion h6{
	color: #C9C9C9;
	line-height: 28px;
	font-size: 20px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	background-color: #084cbc;
	border-color: #084cbc;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

/* GENERAL */

.container-wrapper-secudeal .justify-content-center{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

/* FORMS */

#formInscriptionFreelance .has-float-label .form-control:placeholder-shown:not(:focus)::placeholder{
	opacity: 1;
}

#formInscriptionFreelance select{
	max-height: 100%;
}

#formInscriptionFreelance #offreStarter:before{
	content:url(/wp-content/uploads/2021/06/image-4.png) ;
	position:relative; 
	left:-3px;
	top:10px;
}

#formInscriptionFreelance #offreEvolution:before{
	content:url(/wp-content/uploads/2021/06/image-5.png) ;
	position:relative; 
	left:-3px;
	top:10px;
}

#formInscriptionFreelance #offreCruising:before{
	content:url(/wp-content/uploads/2021/06/image-6.png) ;
	position:relative; 
	left:-3px;
	top:10px;
}

#formInscriptionFreelance #qbox-container {
  position: relative;
  padding: 62px;
  min-height: 630px;
  box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  -webkit-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  -moz-box-shadow: 10px 8px 21px 0px rgba(204, 204, 204, 0.75);
  background-color: #fff;
}



#formInscriptionFreelance .step {
	display: none;
	width: 100%;
}

#formInscriptionFreelance .card .card-header, #account .card .card-header, #displayProtectionSecudeal .card-header, .activityBlock .card-header{
	background-color: #000000;
	border-radius: 5px;
	font-weight: 600;
	font-size: 13px;
    padding: 10px 20px;
	border: 0;
	text-align: center;
	width: 150px;
	display: flex;
	position: absolute;
	top: 0px;
	right: 10px;
	transform: translate(-15%, -50%);
	justify-content: center;
	align-items: center;
	color: #ffffff;
}

.activityBlock .card-header{
	width: auto;
}

#formInscriptionFreelance .form-check-input:checked, #formInscriptionFreelance .form-check-input:focus {
  background-color: #DC3545 !important;
  outline: none !important;
  border: none !important;
}

#formInscriptionFreelance input:focus {
  outline: none;
}

#formInscriptionFreelance #input-container {
  display: inline-block;
  box-shadow: none !important;
  margin-top: 36px !important;
}

#formInscriptionFreelance label.form-check-label.radio-lb {
  margin-right: 15px;
}

.form-check-input:checked[type=radio], .form-check-input:checked[type=radio]:hover, .form-check-input:checked[type=radio]:focus, .form-check-input:checked[type=radio]:active, .form-check-input:checked[type=radio]:focus-visible, .nav-link:focus-visible, a:focus-visible {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.form-check-input:focus, input[type="radio"]:hover, .form-check-input:focus-visible {
	box-shadow: none!important;
	outline: none !important;
	cursor: pointer !important;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
	color: #000000;
	background-color: transparent;
}

#formInscriptionFreelance .back-link {
  font-weight: 700;
  color: #DC3545;
  text-decoration: none;
  font-size: 18px;
}

#formInscriptionFreelance .back-link:hover {
  color: #82000a;
}

.shadow{
	box-shadow: 0 10px 60px 0 rgba(0,0,0,.1)!important;
	/*box-shadow: rgb(15 21 84 / 5%) 0px 8px 24px!important; Encore changer le shadow le 12/12/2023 */
}

.section-modal.transaction{
	cursor: pointer;
}

#activite section{
	margin-bottom: 20px;
}

.btn:focus{
	box-shadow: none;
}

.modal-header .close{
	text-shadow: none;
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
}

.modal-backdrop.show {
    opacity: 1;
}

.modal .modal-header{
	display: block;
}

.modal .modal-body{
	padding-top: 0;
	padding-bottom: 0;
	overflow-x:hidden;
}

.modal{
	padding-right: 0!important;
	overflow: auto;
	visibility: initial;
}

.modal p{
	padding: 0;
	margin-bottom: 0;
}

.modal .modal-content{
	padding: 30px 10px 30px 10px;
	border-radius: 5px;
	border: 0;
	background-color: transparent;
}

.modalActivity .badge-red{
	color: #FFFFFF;
	background-color: #ff2c5d;
	border-radius: 5px;
	font-weight: 600;
	font-size: 15px;
	padding: 12px 24px;	
	width: auto;
}

.modal .modal-header, .modal .modal-footer{
	border: 0;
}

.modal .modal-footer{
	padding-top: 0;
}

.modal h5{
	display: block;
	width: 100%;
	font-family: "Poppins", Sans-serif;
	font-size: 25px;
	line-height: 50px;
	font-weight: 600;
}

#modal-error, #modal-success{
	z-index: 1060;
}

#infosFreelances{
	font-family: "Poppins", Sans-serif;
}

#infosFreelances.modal h5{
	line-height: 25px;
}

.fa-star{
	color: #ffb017;
}

#form-debloque-litige .notation .star{
	font-size: 3em;
	-webkit-border-radius: 50%;
    border-radius: 50%;
	padding: 0.1em;
	fill: #ffcc3e;
	color: #ffcc3e;
}

#form-debloque-litige .notation .star.select, #form-avis .notation .star.select{
	color: #fff7e8;
	background-color: #ffcc3e;
}

.modal#payoutModal .modal-body, .modal.debloqueModal .modal-body{
	text-align: center;
}

.modal#payoutModal .modal-body h5, .modal.debloqueModal .modal-body h5{
	margin-bottom: 0;
}

.modal#payoutModal .modal-footer p, .modal.debloqueModal .modal-footer p{
	margin-top: 20px;
}

.modal#payoutModal .modal-body:after, .modal.debloqueModal .modal-body:after{
	width: 10%;
	border: 2px solid #ff2c5d;
	content:"";
	display: block;
	margin: 0 auto;
}

.modal#payoutModal .modal-header:after, .modal.debloqueModal .modal-header:after, .kyc_input_file_div p:last-child{
	display:none;
}

.modal#payoutModal .modal-header, .modal.debloqueModal .modal-header{
	text-align:center;
}

.modal-footer hr{
	border: 1px solid #084cbc;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.modal-footer .btn-red, #form-debloque-litige .btn-red, #containerPayout .btn-red, .modalActivity .btn-red, .debloqueModal .btn-red{
	color: #FFFFFF;
	background-color: #ff2c5d;
	border-radius: 50px;
	font-weight: 600;
	font-size: 15px;
	padding: 12px 24px;	
	width: 100%;
	fill: #FFFFFF;
}

#containerPayout .btn-red:hover{
	border: 1px solid transparent;
}

.modal-footer .btn-red:hover, #form-debloque-litige .btn-red:hover{
	border: 1px solid #ff2c5d;
	text-decoration: underline;
}

.modal-footer .btn-outline-dark {
    fill: #010051;
	color: #010051;
	background-color: #FFFFFF00;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #010051;
	border-radius: 5px;
}

.modal .modal-footer .btn-outline-dark i{
    float: left;
    margin: 5px 0;
}

.modal-footer p{
    padding-top: 0;
	padding-bottom: 0;
}

.modal-footer b{
    text-decoration: underline;
}

.modal-shop .modal-footer b{
    text-decoration: none;
}

#payment-page .modal .modal-header button.close, #litige .modal .modal-header button.close{
	background-color: #fff;
	padding: 10px;
	border-radius: 50%;
	text-shadow: none;
	opacity: 1;
	font-size: 1rem;
	position: absolute;
	right: 30px;
	z-index: 1;
	top: 30px;
}

.contact-icon{
	font-size: 30px;
	padding: 0.5em;
	border-radius: 5px;
	width: auto;
	display: block;
	text-align: center;
}

.contact-icon.siteweb{
	background-color: #000000;
}

.contact-icon.fb{
	background-color: #3b5998;
}

.contact-icon.insta{
	background-color: #e1306c;
}

.contact-icon.youtube{
	background-color: #c4302b;
}

.contact-icon.google{
	background-color: #db4a39;
}

.contact-tel{
	font-size: 20px;
    font-weight: 600;
    fill: #ffffff;
    color: #ffffff;
    background-color: #000000;
    border-radius: 5px;
    padding: 20px 0px 20px 0px;
	display: inline-block;
    line-height: 1;
	width: 100%;
	text-align: center;
}

.contact-email{
	font-size: 20px;
    fill: #000000;
    color: #000000;
    background-color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-radius: 5px;
    padding: 18px 0px 18px 0px;
	display: inline-block;
    line-height: 1;
	width: 100%;
	text-align: center;
}

.contact-icon:hover{
	text-decoration: none;
}

.contact-icon i{
	width: 1em;
	height: 1em;
	position: relative;
	display: block;
}

.modal-backdrop{
	background-color: rgba(0,0,0,0.9); /*#f8f8fa;*/
}

.modal-backdrop-black .modal-backdrop{
	background-color: rgba(0,0,0,0.9);
}

#ht-ctc-chat{
	z-index:1039 !important;
}

div.dropdown-menu{
	box-shadow: 0 10px 60px 0 rgba(0,0,0,.1) !important;
	border:0;
	border-radius: 30px !important;
	z-index: 1031;
}

.dropdown-menu-custom{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1031;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 30px;
	border:0;
	box-shadow: 0 10px 60px 0 rgba(0,0,0,.1) !important;
}

.dropdown-menu, .dropdown-menu-custom{
	padding: 1.5rem 0 1rem;
}

div.dropdown-menu{
	padding: 20px;
}

div.dropdown-menu .dropdown-item{
	padding: 6px 10px;
}

.selectArticles div.dropdown-menu .dropdown-item.dropdown-item-black span.text{
	width: 100%;
}

.selectArticles div.dropdown-menu .dropdown-item:focus, 
.selectArticles div.dropdown-menu .dropdown-item:hover, 
.selectClients div.dropdown-menu .dropdown-item:focus, 
.selectClients div.dropdown-menu .dropdown-item:hover{
	color: #ffffff!important;
	background-color: #0070E0;
}

.selectArticles div.dropdown-menu .dropdown-item.dropdown-item-black:focus, 
.selectArticles div.dropdown-menu .dropdown-item.dropdown-item-black:hover, 
.selectClients div.dropdown-menu .dropdown-item.dropdown-item-black:focus, 
.selectClients div.dropdown-menu .dropdown-item.dropdown-item-black:hover{
	color: #000000!important;
	background-color: transparent;
}

.selectArticles div.dropdown-menu .dropdown-item:focus span, 
.selectArticles div.dropdown-menu .dropdown-item:hover span, 
.selectClients div.dropdown-menu .dropdown-item:focus span, 
.selectClients div.dropdown-menu .dropdown-item:hover span,
.selectArticles div.dropdown-menu .dropdown-item:focus small, 
.selectArticles div.dropdown-menu .dropdown-item:hover small, 
.selectClients div.dropdown-menu .dropdown-item:focus small, 
.selectClients div.dropdown-menu .dropdown-item:hover small{
	color: #ffffff!important;
}

.selectArticles div.dropdown-menu .dropdown-item.active, 
.selectArticles div.dropdown-menu .dropdown-item:active, 
.selectClients div.dropdown-menu .dropdown-item.active, 
.selectClients div.dropdown-menu .dropdown-item:active{
	background-color: #F8F8FA;
	color: #000000;
}

.dropdown-menu .dropdown-item.dropdown-item-black span.text, .dropdown-menu .dropdown-item.dropdown-item-black:hover span.text, .dropdown-menu-custom .dropdown-item.dropdown-item-black span.text, .dropdown-menu-custom .dropdown-item.dropdown-item-black:hover span.text{
	font-weight: 500;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	right: 27px!important;
	top: 22px!important;
	background-color: #fff;
}

.bootstrap-select .bs-ok-default::after{
	width: .6em!important;
	height: 1.1em!important;
}

.dropdown-toggle .filter-option-inner-inner i{
	display: none;
}

.dropdown-menu .bs-searchbox{
	position: relative;
	padding:0px;
}

.dropdown-menu .bs-searchbox input{
	height: 60px;
	padding:10px;
}

.dropdown-menu .bs-searchbox .input-icon {
	position: absolute;
	pointer-events: none;
	height: 100%;
	display: flex;
	align-items: center;
	color: #8a93a8;
	top: 0px !important;
	right: 45px;
}

.bootstrap-select .dropdown-menu li small, .bootstrap-select.selectArticles .dropdown-menu li.active small{
	font-size: 18px;
	color: #000000!important;
	font-weight: 500;
}

/*.dropdown-menu .bs-searchbox .input-icon::before {
	content: '\f002'; 
	font-family: "Font Awesome 6 Pro";
	font-weight: 100; 
	color: #000;
	font-size: 22px;
}*/

#infosFreelances .modal-footer{
	margin-top: 15px;
}

#infosFreelances .infosFreelanceCity{
	margin-bottom: 5px;
}

#gallery-infosFreelances {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
}

#gallery-infosFreelances img {
	border-radius: 5px;
	width: 100%; 
	height: 250px;
	object-position: 50% top;
	object-fit: cover;
}

#gallery-infosFreelances .gallery-caption {
	margin-left: 0;
}

.statutBlueDark{
	background-color: #084cbc!important;
}

/*.modalActivity .statutBlueDark, .modalActivity .statutBlueDark i{
	color: #084cbc!important;
	background-color: transparent!important;
}*/

.statutBlue{
	background-color: #4583F0!important;
}

/*.modalActivity .statutBlue, .modalActivity .statutBlue i{
	color: #4583F0!important;
	background-color: transparent!important;
}*/

.statutGreen{
	background-color: #4CD46D!important;
}

/*.modalActivity .statutGreen, .modalActivity .statutGreen i{
	color: #4CD46D!important;
	background-color: transparent!important;
}*/

.statutYellow{
	background-color: #FFED4E!important;
}

/*.modalActivity .statutYellow, .modalActivity .statutYellow i{
	color: #FFED4E!important;
	background-color: transparent!important;
}*/

.statutRed{
	background-color: #E74C3C!important;
}

/*.modalActivity .statutRed, .modalActivity .statutRed i{
	color: #E74C3C!important;
	background-color: transparent!important;
}*/

.statutOrange{
	background-color: #FF753A!important;
}

/*.modalActivity .statutOrange, .modalActivity .statutOrange i{
	color: #FF753A!important;
	background-color: transparent!important;
}*/

.btn-outline-secondary{
	border-color: #dddfe6;
}

.btn-outline-secondary:hover{
	background-color: #ffffff!important;
	border-color: #dddfe6!important;
	color: #000000;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
	color: #000000;
	background-color: #ffffff;
	border-color: #dddfe6;
}

.btn-outline-dark:hover {
  color: #343a40;
  background-color: #ffffff;
  border-color: #343a40;
}

.section-modal .activityBlock{
	box-shadow: rgb(15 21 84 / 5%) 0px 8px 24px !important;
	border-radius: 0.5rem;
	padding: 20px;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #ffffff;
}

.section-modal.transfert .row{
	cursor: initial;
}

.section-modal .statut{
	font-family: "Poppins", Sans-serif;
	font-size: 14px;
}

.section-modal .name{
	color: #000000;
	font-family: "Poppins", Sans-serif;
	font-size: 20px;
	font-weight: 400;
}

.section-modal .date{
	color: #000000;
	font-family: "Poppins", Sans-serif;
	font-size: 18px;
}

.section-modal .price{
	text-align: right;
	color: #000000;
	font-family: "Poppins", Sans-serif;
	font-size: 24px;
	font-weight: 600;
}

.section-modal .icon{
	color: #ff2c5d;
	border-color: #ff2c5d;
	font-size: 25px;
	text-align: right;
}

.section-modal .col-2.align-middle, .section-modal .col-9.align-middle{
	padding: 10px 15px 10px 0;
}

div.notation{
	color: #000000;
	position: relative;
	font-size: 19px;
}

ul.notation{
	text-align: center;
	list-style-type: none;
	width: 100%;
	padding: 0;
}

.notation i{
	height: initial;
	color: #ffcc3e;
	font-size: 18px;
}

.notation li{
	display: inline-block;
}

.notation .star{
	cursor: pointer;
}

.container-wrapper-secudeal nav{
	width: 100%;
	text-align: center;
}

.container-wrapper-secudeal nav .pagination{
	float: none;
	clear: none;
}

.container-wrapper-secudeal nav .pagination a{
	display: block;
	margin-left: -1px;
	line-height: 1.25;
	height: auto;
	width: auto;
	border: 0;
	padding-left:5px;
	padding-right:5px;
}

.container-wrapper-secudeal nav .pagination a:hover{
	background-color: transparent;
}

.container-wrapper-secudeal .page-link:focus {
    box-shadow: none;
}

#toast-container.toast-top-center{
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	pointer-events: auto;
	display: block;
}

#toast-container .toast-close-button{
	right: 0em;
	top: -1em;
}

#toast-container.toast-top-center > div{
	top: 25%;
}

#toast-container > div{
	box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1);
	padding: 30px 10px 30px 10px;
	border-radius: 30px 30px 30px 30px;
	border: 0;
	background-color: rgba(255, 255, 255, 1);
	color: #000000;
	opacity: 1;
	max-width: 800px;
	width: auto!important;
}

#toast-container .toast-message{
	text-align: center;
	font-size: 19px;
}

#toast-container .toast-message h5{
	font-family: "Poppins", Sans-serif;
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}

#toast-container .toast-message h5:after{
	width: 10%;
	border: 2px solid #ff2c5d;
	content: "";
	display: block;
	margin: 10px auto;
}

#registercardlist div.preauth_card_div {
    display:flex;
    justify-content: space-around;
    flex-wrap:wrap;
}

#registercardlist div.type-de-carte,
#registercardlist div.numero-de-carte,
#registercardlist div.date-d-expiration {
    margin: 20px;
}

#registercardlist .cancel_card, #registercardlist .registered_card_selected{
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 20px;
}

#registercardlist .cancel_card i, #registercardlist .registered_card_selected{
	color: #00047d;
}

#step-6 .buttonCollapse{
	margin-bottom: 0;
	padding-bottom: 0;
}

#step-6 .buttonCollapse .btn-primary{
	width: 49%;
	font-size: 18px;
}

#step-6 .buttonCollapse .btn-primary:first-child{
	margin-right: 2%;
}

#step-6 .d-inline-block i{
	color: #dddfe6;
}

#formInscriptionFreelance span .fileinput-remove-button, #formInscriptionFreelance span .btn-file, #devis .containre-separator, #kyc .containre-separator{
	display: none;
}

#button-create-account{
	background-color: transparent;
	color: #000000;
	border-width: 2px;
}

.acceptConditions{
	font-size: 80%;
	line-height: 1.3em;
	padding: 20px;
	background-color: #f8f8fa;
	border-radius: 5px;
	margin-top: 15px;
}

.acceptConditions a{
	font-size: 100%;
	line-height: 1.3em;
}

#deco-btn{
	padding: 7px 24px;
}

.custom-control{
	min-height: 2.5rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #0070E0;
	background-color: #0070E0!important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(1.75rem);
}

.custom-switch .custom-control-label::after{
	width: calc(2rem - 4px);
	height: calc(2rem - 4px);
	left: calc(-3.75rem + 2px);
	border-radius: 1.5rem;
	background-color: #ffffff;
	cursor: pointer;
}

.custom-switch .custom-control-label::before{
	width: 3.75rem;
	border-radius: 1.5rem;
	left: -3.75rem;
}

#form-devis .custom-switch .custom-control-label::before{
	left: -2.25rem;
}

#form-devis .custom-switch .custom-control-label::after {
	left: calc(-2.25rem + 2px);
}

.custom-switch .custom-control-label::before{
	height: 2rem;
	background-color: #dddfe6;
	border: #dddfe6 solid 1px;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #dddfe6;
}

.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none;
}

.custom-control.custom-radio {
	min-height: 1.5rem;
	padding-left: 2rem;
}

.custom-control.custom-radio .custom-control-label{
	padding-top: 1px;
}

.custom-control.custom-radio .custom-control-label::before, .custom-control.custom-radio .custom-control-label::after{
	width: 1.5rem;
	height: 1.5rem;
	left: -2rem;
	top: 0;
}

#displayProtectionSecudeal .custom-control, #displayPaymentAmex .custom-control{
	min-height: 2rem;
}

#displayProtectionSecudeal .custom-switch .custom-control-label::after, #displayPaymentAmex .custom-switch .custom-control-label::after{
	width: calc(1.5rem - 4px);
	height: calc(1.5rem - 4px);
	left: calc(-2.5rem + 2px);
}

#displayProtectionSecudeal .custom-switch .custom-control-label::before, #displayPaymentAmex .custom-switch .custom-control-label::before {
	width: 2.75rem;
	height: 1.5rem;
	left: -2.5rem;
}

#displayProtectionSecudeal .custom-switch .custom-control-label::after, #displayPaymentAmex .custom-switch .custom-control-label::after {
	width: calc(1.5rem - 4px);
	height: calc(1.5rem - 4px);
}

#displayProtectionSecudeal .custom-switch .custom-control-input:checked ~ .custom-control-label::after, #displayPaymentAmex .custom-switch .custom-control-input:checked ~ .custom-control-label::after{
  transform: translateX(1.25rem);
}

.fa-trash-can, .fa-pen-ruler, .fa-link{
	cursor: pointer;
}

.containerImages .fa-trash-can:hover{
	color: #000000;
}

.circle-icon{
	vertical-align: middle;
    line-height: 38px!important;
    text-align: center;
	font-size: 35px!important;
	width: 55px;
	height: 55px;
}

.spinner-border-md{
	width: 1.5rem;
	height: 1.5rem;
}

.fa-spin{
	--fa-animation-duration: 3s;
}

.pac-container {
	font-family: "Poppins", Sans-serif!important;
	font-size: 15px!important;
	border-top: 0;
	z-index: 9999;
	padding: 10px 5px;
}

.pac-container:after{
	display: none;
}

.pac-item{
	padding: 10px;
}

.pac-icon{
	display:none;
}

.pac-item:first-child{
	border:0;
}

.pac-item-query{
	margin-top: 6px;
	display: inline-block;
	margin
}

.pac-item, .pac-item-query, .pac-matched, .pac-item-selected, .pac-item span {
	font-size: 17px!important;
	font-weight: normal;
	font-family: "Poppins", Sans-serif!important;
}

a:hover{
	color: #000000!important;
}

a.hover-white:hover{
	color: #ffffff!important;
}

.text-green-hover:hover{
	color: #1bbe7c!important;
}

a.btn:hover{
	color: #ffffff;
}

a.text-white:hover{
	color: #ffffff!important;
}

a.btn-light:hover, a.global-color-text:hover, a.global-color-primary:hover{
	color: #000000!important;
}

.tooltip-inner{
	line-height: 1.3;
	background-color: #000000;
	max-width: 300px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.PaylineWidget .pl-redirectionEmbeddedIframe-view>.pl-iframe-wrapper iframe{
	min-height: 100%!important;
    height: 500px!important;
    max-height: 100%;
    width: 100%!important;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	width: 30px;
	height: 30px;
}

.carousel-control{
	margin-top: -35px;
}

.btn-outline-secondary:hover {
	background-color: #084cbc;
	border-color: #084cbc;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: none;
}

#form-wrapper .form-control:disabled, #form-wrapper .form-control[readonly]{
	background-color: #ffffff;
}

.input-icon-right .form-control.is-valid{
	background-position: right calc(.375em + 3.188rem) center;
}

select.form-control.is-valid{
	background-position: right calc(.375em + 1.188rem) center;
}

.container-xxl .img-fluid{
	object-fit: cover;
	width: 100%;
	height: 600px;
}

#tabPaiement ul:not(.notation){
	padding: 0;
	margin: 0;
}

#tabPaiement ul:not(.notation) li{
	list-style-type: none;
}

#tabPaiement ul:not(.notation) li:last-child{
	padding: 0;
}

#tabPaiement ul:not(.notation, .options, .paiements) li:before{
	content: '\f00c';
	margin: 0 0.8em 0 0; 
	font-family: "Font Awesome 6 Pro";
	font-weight: 600;
}

.navbar .nav-link{
	padding: 0 0 .3rem;
	margin: 0 0.9rem;
	border-bottom: 3px solid #ffffff;
	width: max-content;
}

.navbar a.active{
	border-bottom: 3px solid #000000;
}

.navbar .nav-link:focus, .navbar .nav-link:hover {
	border-bottom: 3px solid #000000;
}

.bg-light{
	background-color: #f5f8ff !important;
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
	background-color: #f5f8ff !important;
	color: #000 !important;
}

.shadow-custom{
	box-shadow: 0px 20px 20px -11px rgb(0 0 0 / 10%);
}

#logoContact{
	gap:18px;
}

#logo-freelance{
	width:130px;
	height:130px;
	margin-top:-65px;
}

img#logo-freelance{
	object-fit:contain;
}

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
	font-size: 75%;
	opacity: 1;
	top: -.5em;
}

.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder{
	opacity: 1;
}

[disabled="disabled"], [readonly="readonly"], .dropdown-item.disabled, .dropdown-item:disabled{
	cursor: not-allowed!important;
}

.input-group .has-float-label:not(:last-child) input.form-control {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	border-right: 1px solid #ced4da;
}

/*.btn:not(.font-weight-normal), .form-control{
	font-weight: 300;
}*/

.btn-link:hover{
	color: #000000;
	text-decoration: none;
}

.form-control::placeholder {
	color: #8a93a8;
}

.carousel-control-next, .carousel-control-prev{
	opacity: 1;
}

.carousel-control-prev {
	left: 25%;
}

.carousel-control-next {
	right: 25%;
}

.card-columns{
	column-count: 2;
	column-gap: 0.5rem;
}

.vr {
	display: inline-block;
	align-self: stretch;
	width: 1px;
	min-height: 1em;
	background-color: currentColor;
	opacity: .25;
}

.dropdown-toggle::after {
    display: none;
}

.bootstrap-select .dropdown-toggle::after {
    display: inline-block;
}

.chooseStep.active{
	opacity: 0.8;
}

.bootstrap-select > .dropdown-toggle{
	height: 80px;
}

.bootstrap-select .dropdown-toggle .filter-option{
	height: auto!important;
}

.bootstrap-select .dropdown-toggle.text-white .filter-option .filter-option-inner-inner{
	color: #ffffff;
}

.close, .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
	opacity:1;
}

.display-scroll-hidden{
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.display-scroll-hidden::-webkit-scrollbar {
    display: none; 
}

#form-upgrade-fields img{
	border-bottom-left-radius: 30px !important;
	border-top-left-radius: 30px !important;
}

#iconBoutiqueFreelance{
	right:55px;
}

#displayPayment .displayPaymentBadge{
	top:-8px;
	right:-8px;
}

#navbar_menu_mobile::after {
    display: none !important;
}

/**** PERSONA ****/

.persona-widget__overlay{
	position: relative!important;
	background-color: transparent!important;
}

.persona-widget__overlay .persona-widget__iframe{
	position: relative!important;
	left: 0!important;
	top: 0!important;
	transform: none!important;
	box-shadow: none!important;
	height: 650px!important;
}

/**** FIN PERSONA ****/

select{
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
	background-size: 20px;
}

.btn{
	color: #000000;
}

.btn-dark, .btn-dark:hover{
	background-color: #000000;
	border-color: #000000;
}

.rounded {
	border-radius: 0.5rem !important;
}

.text-warning{
	color: #FFED4E!important;
}

.rounded-top {
  border-top-left-radius: .5rem !important;
  border-top-right-radius: .5rem !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom {
  border-bottom-right-radius: .5rem !important;
  border-bottom-left-radius: .5rem !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-right {
  border-top-right-radius: .5rem !important;
  border-bottom-right-radius: .5rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-left {
  border-top-left-radius: .5rem !important;
  border-bottom-left-radius: .5rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Bleu clair */

.global-color-bleu-clair{
	color: #0070E0!important;
}

.global-color-bleu-clair-bg{
	background-color: #0070E0!important;
}

.global-color-bleu-clair-border{
	border-color: #0070E0!important;
}

/* Bleu moyen */

.global-color-bleu-moyen{
	color: #003087;
}

.global-color-bleu-moyen-bg{
	background-color: #003087!important;
}

.global-color-bleu-moyen-border{
	border-color: #003087!important;
}

/* Bleu foncé */

.global-color-bleu-fonce{
	color: #141444;
}

.global-color-bleu-fonce-bg{
	background-color: #141444!important;
}

.global-color-bleu-fonce-border{
	border-color: #141444!important;
}

/* Rose */

.global-color-rose{
	color: #E0014F;
}

.global-color-rose-bg{
	background-color: #E0014F!important;
}

.global-color-rose-border{
	border-color: #E0014F!important;
}

/* Jaune */

.global-color-jaune{
	color: #FFD140;
}

.global-color-jaune-bg{
	background-color: #FFD140!important;
}

.global-color-jaune-border{
	border-color: #FFD140!important;
}

/* Jaune */

.global-color-jaune{
	color: #FFD140;
}

.global-color-jaune-bg{
	background-color: #FFD140!important;
}

.global-color-jaune-border{
	border-color: #FFD140!important;
}

/* Blanc */

.global-color-blanc-border{
	border-color: #ffffff!important;
}


.border-bottom-black-3{
	border-bottom: 3px solid #000000;
}

.border-bottom-big-grey{
	border-bottom: 4px solid #dee2e6;
}

.border-bottom-big-black{
	border-bottom: 4px solid #000000;
}

.font-weight-bold, b {
  font-weight: 600 !important;
}

.font-weight-bolder{
	font-weight: 700 !important;
}

.global-color-white{
	color: #ffffff;
}

.global-color-grey{
	color: #8a93a8!important;
}

.global-color-grey-light{
	color: #dee2e6!important;
}

.global-color-violet-light-bg{
	background-color: #EFF2FF;
}

.global-color-grey-light-bg{
	background-color: #F8F8FA!important;
}

.global-color-grey-bg{
	background-color: #dee2e6!important;
}

.global-color-text{
	color: #000000!important;
}

.global-color-primary{
	color: #000000!important;
}

.global-color-green, .global-color-green:hover{
	color: #4CD46D!important;
	fill: #4CD46D !important;
}

.global-color-primary-bg{
	background-color: #084cbc!important;
}

.global-color-primary-border{
	border-color: #084cbc!important;
}

.global-color-green-bg{
	background-color: #4CD46D!important;
}

.global-color-green-border{
	border-color: #4CD46D!important;
}

.global-color-black-border{
	border-color: #000000!important;
}

.global-color-primary-border-bottom{
	border-bottom-color: #084cbc!important;
}

.global-color-secondary{
	color: #084cbc!important;
	fill: #084cbc !important;
}

.global-color-secondary-bg{
	background-color: #084cbc!important;
}

.global-color-black-bg{
	background-color: #000000!important;
}

.global-color-secondary-border{
	border-color: #084cbc!important;
}

.global-color-blue-light-bg{
	background-color: rgba(245,248,255, 1)!important;
}

.global-color-blue-light-border{
	border-color: rgba(245,248,255, 0.6)!important;
}

.size-text-12{
	font-size: 12px!important;
}

.size-text-13{
	font-size: 13px!important;
}

.size-text-14{
	font-size: 14px!important;
}

.size-text-15{
	font-size: 15px!important;
}

.size-text-16{
	font-size: 16px!important;
}

.size-text-17{
	font-size: 17px!important;
}

.size-text-18{
	font-size: 18px!important;
}

.size-text-20{
	font-size: 20px!important;
}

.size-text-22{
	font-size: 22px!important;
}

.size-text-24{
	font-size: 24px!important;
}

.size-text-26{
	font-size: 26px!important;
}

.size-text-28{
	font-size: 28px!important;
}

.size-text-30{
	font-size: 30px!important;
}

.size-text-30{
	font-size: 30px!important;
}

.size-text-35{
	font-size: 35px!important;
}

.size-text-40{
	font-size: 40px!important;
}

.size-text-45{
	font-size: 45px!important;
}

.size-text-50{
	font-size: 50px!important;
}

.size-text-55{
	font-size: 55px!important;
}

.size-text-58{
	font-size: 58px!important;
}

.size-text-85{
	font-size: 85px!important;
}

.font-weight-800{
	font-weight: 800;
}

.font-family-noto{
	font-family: "Poppins", Sans-serif!important;
}

.font-family-nunito{
	font-family: "Poppins", Sans-serif!important;
}

.font-weight-bold-600{
	font-weight: 600;
}

.line-height-1{
	line-height: 1em!important;
}

.border-2{
	border-width: 2px!important;
}

.border-2-5{
	border-width: 2.5px!important;
}

.border-3{
	border-width: 3px!important;
}

.button-radio-big{
	transform: scale(2);
}

.rounded-10{
	border-radius: 10px!important;
}

.rounded-top-10{
	border-top-left-radius: 10px!important;
	border-top-right-radius: 10px!important;
}

.rounded-25{
	border-radius: 30px!important;
}

.w-10{
	width: 10%;
}

.w-19{
	width: 19%;
}

.w-80{
	width: 80%;
}

.rounded-top-0{
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important;
}

.rounded-bottom-0{
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
}

.rounded-right-0{
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}

.rounded-left-10 {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.rounded-top-25{
	border-top-left-radius: 30px!important;
	border-top-right-radius: 30px!important;
}

.rounded-bottom-25{
	border-bottom-left-radius: 30px!important;
	border-bottom-right-radius: 30px!important;
}

.rounded-left-25{
	border-bottom-left-radius: 30px!important;
	border-top-left-radius: 30px!important;
}

.rounded-right-25{
	border-bottom-right-radius: 30px!important;
	border-top-right-radius: 30px!important;
}

.border-width-2{
	border-width: 2px!important;
}

.border-width-3{
	border-width: 3px!important;
}

.border-width-4{
	border-width: 4px!important;
}

.bg-light-blue{
	padding: 20px;
	background-color: #f5f8ff;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	border-radius: 5px;
}

.bg-dark{
	background-color: #000000!important;
}

.box-shadow-none{
	box-shadow: none
}

.cursor-pointer{
	cursor: pointer;
}

.cursor-not-allowed{
	cursor: not-allowed;
}

.cursor-auto{
	cursor: auto!important;
}

.text-decoration-underline{
	text-decoration: underline!important;
}

.alert-danger{
	background-color: #E74C3C;
	border-radius: 5px;
}

.alert-danger .text-danger, .alert-success .text-success, .alert-danger *, .alert-success *{
	color: #ffffff!important;
}

.alert-success{
	background-color: #4CD46D;
}

.dropdown-toggle::after {
    content: "\f078"!important;
    font-family: "Font Awesome 6 Pro"; 
    font-weight: 400; 
    transform: rotate(0deg); 
	border:0!important;
}

.dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

.containe-custom{
	max-width: 855px;
}

.btn-group-toggle .btn-white.active{
	background-color: #f8f8fa;
}

#parrainage .btn-group-toggle .btn-white, #devis .btn-group-toggle .btn-white{
	background-color: #ffffff;
}

#parrainage .btn-group-toggle .btn-white.active, #devis .btn-group-toggle .btn-white.active{
	background-color: #000000;
	color: #ffffff!important;
}

.iti{
	display: block;
	flex: min-content;
}

.iti__selected-country-primary{
	padding: 0 15px;
}

.iti--inline-dropdown .iti__dropdown-content{
	z-index: 5;
	border-radius: 0.5rem;
}

.iti__search-input{
	height: 50px;
}

.iti__country-list--dropup{
	z-index: 99!important;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
	background-color: transparent!important;
}

.iti--allow-dropdown .iti__flag-container .iti__selected-flag{
	padding-left: .75rem;!important;
}

.iti__flag{
	box-shadow: none!important;
	border-radius: 3px;
}

.iti__arrow{
	display:none;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type="tel"]{
	padding-right: .75rem!important;
	padding-left: 50px!important;
}

.iti__country-list{
	border: 0; 
	border-radius: 9px;
	z-index: 4;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{
	font-weight: bold;
}

.btn-link.focus, .btn-link:focus {
	text-decoration: none;
}

.bootstrap-select.form-control.is-valid, .bootstrap-select.form-control.is-invalid{
	padding-right: 0!important;
}

.paiementColonneGauche{
	border-radius:50px;
	min-height:63vh;
}

.paiementColonneGauche #imgBG{
	border-radius: 50px 50px 0 0;
	height:300px;
	object-fit:cover;
}

.w357Ping{
	display:none;
}

.qrcswholewtapper{
	display:none;
}

#modal-qrcode .qrcswholewtapper{
	display:block;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (min-width: 1200px) {
	#sticky-top.pl-xl-3, #sticky-top.px-xl-3 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media (max-width: 1400px) {
	.container-xxl {
		width: 96%;
		margin: 2%!important;
	}
}

@media (max-width: 1199px) {
	#formInscriptionFreelance #title-container {
		padding: 80px 28px 28px 28px;
	}
	
	#blockConnexion{
		min-height: auto !important;
	}
	
	#account .row #blockConnexion div:first-child{
		margin-left: 0!important;
	}
	
	#iconBoutiqueFreelance{
		right:15px;
	}
	
	#displayPayment .displayPaymentBadge{
		right:-8px;
		bottom:-8px;
		top:auto;
	}
}

@media (max-width: 1080px) {

}

@media (max-width: 1020px) {

}

@media (max-width: 991px) {
	#formInscriptionFreelance #title-container {
		padding: 30px;
		min-height: inherit;
	}
	
	.container-xxl .img-fluid {
		height: 400px;
	}
	
	.modal-dialog {
		max-width: 95%;
	}
}

@media (max-width: 960px) {
	.container-wrapper-secudeal .bgMauve {
		height: auto;
	}
}

@media (max-width: 900px) {
	html, body{
		overflow-x: hidden;
	}
}

@media (max-width: 768px) {
	#formInscriptionFreelance #qbox-container {
		padding: 30px;
	}
  
	#formInscriptionFreelance #title-container {
		padding-top: 50px;
	}

	.modal-lg{
		max-width: 98%;
	}
	
	#gallery-infosFreelances{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	/*#gallery-infosFreelances .gallery-item{
		height: 240px;
	}*/
}

@media (max-width: 700px) {
	/*.selectArticles div.dropdown-menu, .selectClients div.dropdown-menu{
		position: fixed !important;
		top: 10px!important;
		left: 50%!important;
		transform: translateX(-50%)!important;
		min-width: auto;
	}*/
}

@media (max-width: 650px) {
	.container-wrapper-secudeal .bgWhite{
		padding: 40px 20px;
	}
}

@media (max-width: 650px) {
	.menu {
		grid-template-columns: 48% 1fr;
	}
}

@media (max-width: 577px) {
	
	.paiementSelect .rounded-left-10{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
	}
	
	.modal .modal-dialog{
		margin: 0;
		max-width: 100%;
		width: 100%;
		min-height: 100%;
		align-items: stretch !important;
	}
	
	.modal .modal-dialog .modal-content{
		border-radius: 0 !important;
		height: 100%;
		width: 100%;
	}
	
	/*.bootstrap-select .dropdown-menu{
		min-width: 95vw!important;
	}*/
}

@media (min-width: 576px) {
	.d-sm-grid{
		display: grid!important;
	}
	
	.mt-sm-125{
		margin-top:125px!important;
	}
}

@media (max-width: 575px) {
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea{
		font-size: 16px;
	}
	
	i{
		font-size: 18px;
	}
	
	#blockRight{
		min-height: 100vh;
	}
	
	.container-wrapper-secudeal .has-float-label label, .container-wrapper-secudeal .has-float-label > span, .has-float-label .form-control:placeholder-shown:not(:focus) + * {
		font-size: 85%;
	}
	
	.container-wrapper-secudeal .form-control, .container-wrapper-secudeal .file-preview, .container-wrapper-secudeal select.form-control {
		font-size: 20px;
	}
	
	.section-modal .price{
		font-size: 20px;
	}
	
	.header-img-connexion-inscription{
		width: 70px;
	}
	
	.paiment-header-img{
		width:35px !important;
	}
	
	.paiment-img{
		width:35px;
		height:30px;
	}
	
	.container-wrapper-secudeal input.form-control, .bootstrap-select > .dropdown-toggle {
		height: 80px;
	}
	
	.container-wrapper-secudeal .selectArticles input.form-control, .container-wrapper-secudeal .selectClients input.form-control {
		height: auto;
	}
	
	/*.dropdown-menu, .dropdown-menu-custom{
		padding: 5px 0;
	}*/
	
	.dropdown-menu-custom .dropdown-item{
		padding: 5px 10px;
	}
	
	.section-modal div.rounded-circle{
		width:35px!important;
		height:35px!important;
	}
	
	.shop h2{
		font-size: 15px!important;
		text-overflow: ellipsis;
	}
	
	.button-radio-big {
		transform: scale(1.5);
	}
	
	#modal-presentation #logo{
		margin-top:-85px!important;
	}
	
	#payment-page .modal-header img{
		height: 250px!important;
	}
	
	#payment-page #modal-displaySecudeal img, #payment-page #modal-debloque-litige img{
		height: 200px!important;
	}
	
	.card-columns {
		column-count: 1;
	}
	
	.shop h2{
		max-height: 41px!important;
	}
	
	#sticky-top #pay-sticky .size-text-24{
		font-size: 18px!important;
	}
	
	#displayPayment .size-text-26{
		font-size: 20px!important;
	}
	
	.rounded-mobile-0{
		border-radius:0!important;
	}
	
	.containerQuantity.invisible{
		display: none;
	}
	
	.paiementColonneGauche{
		border-radius:30px;
		min-height:auto;
	}
	
	.paiementColonneGauche #imgBG{
		border-radius: 30px 30px 0 0;
	}
	
	.bootstrap-select > .dropdown-toggle{
		white-space: initial!important;
	}
	
	.input-group > .form-control{
		position: initial;
	}
	
	.carousel-control-next-icon, .carousel-control-prev-icon{
		width: 25px;
		height: 25px;
	}
	
	.carousel-control{
		margin-top: -20px;
	}
	
	.size-text-12{
		font-size: 11px!important;
	}

	.size-text-13{
		font-size: 12px!important;
	}

	.size-text-14{
		font-size: 13px!important;
	}

	.size-text-16 {
		font-size: 15px !important;
	}
	
	.size-text-17 {
		font-size: 16px !important;
	}
	
	.size-text-18 {
		font-size: 17px !important;
	}
	
	.size-text-20 {
		font-size: 18px !important;
	}
	
	.size-text-22 {
		font-size: 20px !important;
	}
	
	.size-text-24 {
		font-size: 22px !important;
	}
	
	.size-text-26 {
		font-size: 24px !important;
	}
	
	.size-text-28 {
		font-size: 26px !important;
	}
	
	.size-text-30{
		font-size: 24px!important; 
	}
	
	.size-text-35{
		font-size: 32px!important; 
	}
	
	.size-text-50 {
	  font-size: 50px !important;
	}
	
	.size-text-58{
		font-size: 42px!important;
	}
	
	.box-title.size-text-30{
		font-size: 22px !important;
	}
	
	.paiment-header-title.size-text-35{
		font-size: 28px!important;
	}
	
	#activitesInterdites{
		font-size: 12px!important;
	}
	
	.price_shop_html .size-text-24{
		font-size: 20px!important;
	}
	
	#iconBoutiqueFreelance > button{
		padding: 12px 13px !important;
	}
	
	.deleteLineDevis {
		top: -10px !important;
		right: 0px !important;
	}
	
	#account .deleteLineDevis {
		top: 10px !important;
		right: 15px !important;
	}
	
	#form-upgrade-fields img{
		border-bottom-left-radius: 0 !important;
		border-top-left-radius: 30px !important;
		border-bottom-right-radius: 0 !important;
		border-top-right-radius: 30px !important;
	}
}

@media (max-width: 560px) {
	#account #connexion, #formInscriptionFreelance{
		padding: 40px 20px;
	}
	
	#formInscriptionFreelance #qbox-container {
		padding: 40px;
	}
  
	#formInscriptionFreelance #title-container {
		padding-top: 45px;
	}
	
	.PaylineWidget .pl-form-container.pl-hide-labels .pl-input-group-container{
		padding-left: 0;
		padding-right: 0;
	}
	
	.file-drop-zone-title{
		font-size: 1.1em;
	}
	
	.PaylineWidget .pl-form-container .pl-form-group{
		margin-left: 0;
		margin-right: 0;
	}
	
	.PaylineWidget.pl-container-lightbox .pl-container-view .pl-body .pl-paymentMethods .pl-form-container .pl-expirationDateContainer, .PaylineWidget.pl-container-lightbox .pl-container-view .pl-body .pl-paymentMethods .pl-form-container .pl-cvvContainer{
		width: 48%;
	}
	
	.PaylineWidget.pl-container-lightbox .pl-container-view .pl-body .pl-paymentMethods .pl-form-container .pl-expirationDateContainer{
		margin-right: 4%;
	}
	
	.PaylineWidget.pl-container-lightbox .pl-container-view .pl-form-control-addon {
		left: 0px;
	}
	
	#pl-pm-cards_4-cvv{
		height: calc(1.5em + .75rem + 16px);
	}
	
	.PaylineWidget.pl-container-lightbox .pl-container-view .pl-body .pl-paymentMethods .pl-form-container .pl-cvvContainer{
		left: 0;
	}
	
	.modal .badge-red{
		margin-bottom: 10px;
	}
	
	.modal h5{
		line-height: 35px;
	}
	
	#account .col-lg-8 {
	}
	
	.section-modal .name, .section-modal .statut{
		font-size: 16px;
	}
	
	.section-modal .date{
		font-size: 16px;
	}
	
	#account .container-title-left h3{
		font-size: 26px;
	}
	
	#account .container-title-left {
		margin-bottom: 0;
	}
	
	.pac-item, .pac-item-query, .pac-matched, .pac-item-selected, .pac-item span {
		font-size: 15px!important;
		font-weight: normal;
	}
	
	.pac-icon{
		display: none;
	}
	
	.container-wrapper-secudeal .input-icon > i{
		height: calc(1.5em + .75rem + 16px);
	}
	
	#payment-page #imgBG{
		height: 200px!important;
	}
	
}

@media (max-width: 525px) {
	#form-debloque-litige .notation .star{
		font-size: 1.5em!important;
	}
	
	.container-xxl .img-fluid {
		height: 250px;
	}
	
	#logo-freelance{
		width:100px;
		height:100px;
		margin-top:-65px;
	}
	
	.bootstrap-select .dropdown-menu{
		width:100%;
	}
}

@media (max-width: 499px) {
	#menuFreelance .align-items-stretch label {
		padding: 30px 20px 20px;
		height: 180px!important;
	}
	
	#menuFreelance .align-items-stretch label.mr-3 {
		margin-right: 15px!important;
	}
	
	#menuFreelance .align-items-stretch label div{
		font-size: 18px;
	}
	
	#menuFreelance .align-items-stretch label .size-text-15{
		font-size: 12px!important;
		transform: translate(-50%, -50%)!important;
		right: -10%!important;
	}
	
	#menuFreelance .row.mt-3{
		margin-top: 15px!important;
	}
	
	.bg-light-blue{
		padding: 15px;
	}
	
	.input-group-prepend span.input-group-text{
		font-size: 0.7rem;
	}
	
	#gallery-infosFreelances img{
		height: 200px;
	}
	
	.menu{
		grid-gap: 20px; 
	}
}

@media (max-width: 440px) {
	.menu li {
		padding: 25px 15px;
	}
	
	#shop-price-display .size-text-20{
		font-size: 16px!important;
	}
	
	#priceDirectSecudeal .size-text-28, #priceRecurring .size-text-28{
		font-size: 22px !important;
	}
	
	.activityBlock .card-header {
		transform: translate(0, -50%);
	}
	
	#bankFeesContainer .size-text-16, #protectionSecudealInfo .row .size-text-17{
		font-size: 13px!important;
	}
	
	#protectionSecudealInfo .row .size-text-20, #displayProtectionSecudeal .size-text-17{
		font-size: 16px!important;
	}
	
	#protectionSecudealInfo .size-text-16{
		font-size: 14px!important;
	}
}

@media (max-width: 400px) {
	/*#form-debloque-litige .notation .star, .avis_notation_content .star{
		font-size: 1.3em!important;
	}
	
	.avis_notation_content .star{
		font-size: 1.5em!important;
	}*/
	
	#deconnexionMenu{
		width: 100%!important;
	}
	
	.navbar .nav-link{
		margin: 0 0.4rem;
	}
	
	.shop h2{
		font-size: 15px!important;
		max-height: 40px!important;
	}
	
	.shop .global-color-grey{
		font-size: 14px!important;
	}
	
	.menu li {
		padding: 20px;
	}
	
	.menu{
		grid-gap: 20px;
	}
	
	#displayPayment span:first-child, #filterCategories{
		font-size: 15px!important;
	}
}

@media (max-width: 391px) {
	#logoContact{
		gap:7px;
	}
	
	#gallery-infosFreelances img {
		height: 140px;
	}
}

@media (max-width: 365px) {
	.navbar .nav-link:first-child{
		margin: 0;
	}
}

/* Fix pour Safari mobile - Menu footer qui reste au milieu lors du scroll */
@supports (-webkit-touch-callout: none) {
	/* Cible uniquement Safari iOS */
	#containerMenuMobile {
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 1050 !important;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	/* Force le recalcul du viewport */
	#containerMenuMobile.fixed-bottom {
		position: fixed !important;
		bottom: env(safe-area-inset-bottom, 0) !important;
	}
}