/* latin-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(//fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(//fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


/* GLOBAL */
#freelance-informatique .careerfy-subheader {
    background: url(../images/freelance.jpg?v=202006121440) center;
}

#freelance-informatique .careerfy-main-content
{
    padding-top: 20px;
}

#freelance-informatique .careerfy-subheader .main {
    min-height: 55vh;
}

#freelance-informatique .careerfy-main-content .main {
    min-height: 45vh;
}

#freelance-informatique .careerfy-about-text 
{
    margin-bottom: 20px;
}

#freelance-informatique .careerfy-top-full
{
    padding-top: 0;
}

#freelance-informatique #div_edit_toolbar {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 10000;
}

#freelance-informatique #div_edit_toolbar table
{
	 margin: 0 auto;
	 padding: 15px 0px;
}

#freelance-informatique #div_edit_toolbar td
{
	border: none;
	background-color: rgba(38, 39, 43, 0.6);
	vertical-align: middle;	
	font-weight: bold;
}

#freelance-informatique #div_edit_toolbar input[type=button]
{
	background-color: #ffffff;
	padding: 4px 8px;
	color: #000000;
}

.careerfy-header-one 
{
    background-color: #f0f0f0;
}

.careerfy-page-title .titre-principal
{
    color: #ffffff;
    font-size: 30px;
    margin: 20px 0 5px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.7px;
}

.careerfy-page-title .sous-titre 
{
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.1px;
    margin: 0 0 8px;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0px;
    font-weight: 300;
}

.careerfy-page-title a
{
    color: #ffffff;
}

.highlight {
    font-weight: bold;
}

#freelance-informatique .important
{
	color: #F9641B;
	float: none;
	font-weight: bold;
}

#freelance-informatique .important-2
{
	color: #53b427;
	float: none;
}

#freelance-informatique .intro {
    color: #3b5998;
    font-size: 16px;
    margin: 0 0 20px;
    text-align: justify;
    text-transform: none;
}

#freelance-informatique .intro a {
    color: inherit;
}

#freelance-informatique .intro strong {
    font-weight: inherit;
}

#freelance-informatique .p {
    text-align: justify;
    margin-bottom: 10px;
    line-height: 25px;
    letter-spacing: 0.6px;
    color: #8c8c8c;
    margin: 0 0 17px 0;
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
}

#freelance-informatique .h2 
{
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: 600;
}

#freelance-informatique .h3
{
	color: #3b5998;
    text-transform: uppercase;
    font-weight: 400;
	font-family: 'Roboto', sans-serif;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.1px;
	font-size: 22px;
	margin: 30px 0 20px;
}

#freelance-informatique .h4, #freelance-informatique h4 {
    color: #333333;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: none;
    font-weight: 500;
    margin: 10px 0 20px;
    font-size: 20px;
}

#freelance-informatique .h5 {
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 25px;
}

#freelance-informatique .modal-title  {
    margin: 0;
}

#freelance-informatique #bloc-depot-cv .p 
{
    text-align: left;
    color: #fff;
    letter-spacing: 0;
}

#freelance-informatique h1 > a, #freelance-informatique h2 > a, #freelance-informatique h3 > a, #freelance-informatique h4 > a, #freelance-informatique h5 > a,
#freelance-informatique .h1 > a, #freelance-informatique .h2 > a, #freelance-informatique .h3 > a, #freelance-informatique .h4 > a, #freelance-informatique .h5 > a {
    color: inherit;
}

.careerfy-page-title h2 
{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0px;
    font-weight: 300;
}

#freelance-informatique .bloc-img
{
	text-align: center;
	margin: 40px auto;
}

strong 
{
	font-weight: inherit;
	color: inherit;
}

.classic-list, .editable ul
{
	margin-bottom: 20px;
	text-align: justify;
    letter-spacing: 0.6px;
}

.classic-list li, .editable ul li
{
	list-style-type: none;
}

.classic-list li:before, .editable ul li:before
{
    content: "\eb2d";
    font-family: icomoon;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
}

.careerfy-main-content h3
{
	color: #3b5998;
	text-transform: uppercase;
	font-weight: 400;
	margin: 40px 0 20px;
}

#freelance-informatique .panel-title
{
	margin: 0;
}

.careerfy-main-content h4
{
	margin: 30px 0 10px;
}

.careerfy-about-text p
{
	text-align: justify;
    overflow-wrap: break-word;
}

body h5
{
	color: #5D8DBC;
}

#freelance-informatique .minus
{
	text-transform: none;
    font-size: 20px;
    margin: 20px 0 10px;
}

.result
{
	margin-bottom: 20px;
}

.result a
{
    text-decoration: underline;
    font-weight: 500;
}

.result.success, .result.success a
{
    color: #1BBC9B;
}

.result.warning, .result.warning a
{
	color: #F9641B;
}

.careerfy-user-form label {
    padding-left: 0;
    color: #333;
    font-weight: 500;
}

#freelance-informatique .input-tarif
{
	float: initial;
	width: 100px;
}

#freelance-informatique .bloc-error, #window .bloc-error
{
	color: #f84545;
	font-weight: 500;
}

#freelance-informatique .bloc-error a, #window .bloc-error a
{
    color: #f84545;
    text-decoration: underline;
}

#freelance-informatique .bloc-success, #window .bloc-success 
{
    color: #26c281;
    font-weight: 500;
}

#freelance-informatique .bloc-error p span
{
    font-weight: normal;
}

#freelance-informatique .bloc-error ul
{
    padding-left: 20px;
    font-weight: normal;
    font-size: 12px;
}

#freelance-informatique .bloc-error li
{
    line-height: 24px;
}

#freelance-informatique .careerfy-employer-dashboard-nav, #freelance-informatique .careerfy-employer-box-section {
    background-color: #f0f0f0;
}

#freelance-informatique .careerfy-fileUpload
{
	margin-bottom: 0;
}

#freelance-informatique .careerfy-fileUpload span
{
    background-color: #fff;
    font-size: 14px;
    color: #53b427;
    border-color: #53b427;
}

#freelance-informatique .careerfy-fileUpload:hover span 
{
    background-color: #53b427;
    color: #fff;
}

#filename
{
	font-size: 12px;
	line-height: 1;
}

#freelance-informatique .input-error
{
	border: 1px solid #f37976 !important;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1), 0px 0px 5px #f37976;
}

#freelance-informatique .label-error 
{
    color: #f84545 !important;
}

#freelance-informatique .careerfy-filterable-select select, #freelance-informatique .careerfy-filterable-select select:focus {
    border: none;
}

#freelance-informatique input, #freelance-informatique select, #freelance-informatique textarea
{
	border: 1px solid #dddbdb;
}

#freelance-informatique .careerfy-employer-jobnav li a
{
	cursor: default;
}

#freelance-informatique .careerfy-employer-jobnav li:not(.active):hover i
{
	background-color: #d4d4d4;
}

.help-info
{
	font-size: 12px;
	line-height: 18px;
}

#freelance-informatique .careerfy-banner-search {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px;
}

#freelance-informatique table
{
	color: #333333;
	margin: 10px 0 20px;
}

#freelance-informatique th, #freelance-informatique td
{
	line-height: 28px;
	padding: 3px;
}

#freelance-informatique th
{
	background-color: rgba(19, 181, 234, 0.4)
}

#freelance-informatique td
{
	background-color: #f0f0f0;
}

#freelance-informatique .careerfy-banner-search input[type="submit"]:hover, #freelance-informatique .careerfy-banner-search  input[type="submit"]:focus
{
	background-color: transparent;
}

#freelance-informatique .balise-seo, #freelance-informatique .initial
{
	display: inline;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}

#freelance-informatique .edit_field
{
	width: 100%;
}

#freelance-informatique textarea.edit_field
{
	height: 150px;
}

#freelance-informatique a.underline
{
	text-decoration: underline;
}

#freelance-informatique .careerfy-featured-listing-title 
{
    text-transform: none;
    font-size: 16px;
    display: inline-block;
    margin: 0 0 1px 0;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

#freelance-informatique .careerfy-featured-listing-title span {
    float: none;
}

#freelance-informatique .cv_preview .careerfy-featured-listing-title {
    width: 90%;
}

#freelance-informatique .careerfy-featured-listing-title,
#freelance-informatique .careerfy-featured-listing-title a,
#freelance-informatique .careerfy-featured-listing-title span[data-obf] {
    color: #F9641B;
}

#freelance-informatique .careerfy-featured-listing-title a:focus
{
    border-bottom: 1px dotted #999999;
}

#freelance-informatique .careerfy-featured-listing-options
{
	font-size: 12px;
}

#freelance-informatique .careerfy-featured-listing-text h2 a
{
	color: #F9641B;
}

#freelance-informatique .careerfy-featured-listing-text p, #freelance-informatique .careerfy-featured-listing-text .cv_details, #freelance-informatique .careerfy-employer-list p {
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 15px;
    font-size: 13px;
    color: #4d4d4d;
    word-break: break-word;
    overflow-wrap: anywhere;
}

#freelance-informatique .careerfy-featured-listing-text .cv_details li
{
    line-height: 20px;
    margin-bottom: 3px;
}

#freelance-informatique .careerfy-featured-listing-text .cv_details .careerfy-icon, #freelance-informatique .careerfy-featured-listing-text .cv_details .fa
{
    font-size: 20px;
    margin-right: 8px;
}

#freelance-informatique .careerfy-employer-list p 
{
	margin-top: 5px;
	margin-right: 15px;
    font-weight: 400;
}

#freelance-informatique .careerfy-featured-listing-text .careerfy-option-btn, #freelance-informatique .careerfy-featured-listing-text .careerfy-plain-btn a {
    color: #F9641B;
    border: 1px solid #F9641B;
    background-color: #FFF;
    padding: 7px 17px 7px 17px;
    transition: all 0.3s ease-in-out;
}

#freelance-informatique .careerfy-featured-listing-text .careerfy-option-btn:hover {
    color: #FFF;
    background-color: #F9641B;
}

#homepage .careerfy-contact-form-full-section 
{
    margin-top: -120px;
}

#bloc-depot
{
    text-align: left;
}

#bloc-depot-cv, #bloc-depot-mission {
    padding: 30px 30px 22px 30px;
}

#bloc-depot a:not(.add) i
{
    font-size: 18px;
}

#bloc-depot p
{
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    display: block;
    margin-bottom: 20px;
    line-height: 22px;
    letter-spacing: 0;
}

#bloc-depot .title, #bloc-depot .title h2
{
	margin-bottom: 18px;
	letter-spacing: 1.1px;
	font-size: 22px;
    line-height: 1;
	font-weight: 500;
}

#bloc-depot-cv .title, #bloc-portage-salarial .title {
    color: #fff;
}

#bloc-depot-cv .title *, #bloc-portage-salarial .title * {
    color: inherit;
}

#bloc-depot-mission p {
    color: #333;
    margin-bottom: 10px;
}

#bloc-depot-mission .title
{
	color: #333333;
}

#bloc-depot #bloc-lien-offres
{
	font-size: 11px;
	margin-bottom: 0;
}

#bloc-depot #bloc-lien-offres a
{
	color: #ffffff;
}

#bloc-depot #bloc-lien-offre-detaillee 
{
    text-align: right;
    font-size: 11px;
    margin-bottom: 0;
    color: #000;
}

#bloc-depot-mission {
    width: 50%;
    background-color: #f0f0f0;
    margin: 0 10px;
    border: 1px solid #e2e4e5;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}

#bloc-depot-mission li
{
	margin-bottom: 8px;
}

#freelance-informatique textarea
{
	resize: none;
}

#bloc-depot-mission textarea
{
	height: 120px;
	color: inherit;
}

#freelance-informatique .careerfy-modal textarea
{
	width: 100%;
	background-color: #ffffff;
    font-size: 12px;
    padding: 16px 14px;
	height: 120px;
	color: inherit;
}

#bloc-depot-mission .careerfy-employer-profile-submit
{
	float: right;
	text-transform: inherit;
    padding: 10px 20px;
    font-size: 14px;
}

#bloc-depot-cv, #bloc-portage-salarial {
    width: 30%;
    background-color: #123049;
}

#bloc-portage-salarial p a
{
    color: inherit;
}

.careerfy-contact-info-sec h2
{
	margin-bottom: 27px;
}

#btn-depot-cv, #btn-demande-dossier, #btn-simulation
{
	display: inline-block;
    padding: 10px 20px;
    color: #ffffff;
    margin-top: 10px;
	border-radius: 3px;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

#btn-depot-cv {
    color: #53b427;
    border: 1px solid #53b427;
    transition: all 0.3s ease-in-out;
}

#btn-depot-cv:hover {
    background-color: #53b427;
    color: #fff;
}

#btn-demande-dossier, #btn-simulation {
    color: #F9641B;
    border: 1px solid #F9641B;
    transition: all 0.3s ease-in-out;
}

#btn-demande-dossier:hover, #btn-simulation:hover {
    background-color: #F9641B;
    color: #fff;
}

#numero-telephone-standard {
    float: right;
    color: #13b5ea;
    font-size: 15px;
    border: 1px solid #13b5ea;
    border-radius: 3px;
    letter-spacing: 0;
}

#numero-telephone-standard span
{
    padding: 5px;
}

#numero-telephone-standard i
{
    position: relative;
    top: 0;
    left: 0;
    font-size: 14px !important;
    background-color: #13b5ea;
    color: #fff;
    padding: 5px;
}

.careerfy-featured-listing-text h2 {
    text-transform: none;
}

#freelance-informatique .careerfy-featured-listing-options ul li
{
    line-height: 1.5;
}

#freelance-informatique .error
{
	color: #f84545;
}

#freelance-informatique .editable, #freelance-informatique .editable p {
    text-align: justify;
    line-height: 25px;
    letter-spacing: 0.6px;
}

#freelance-informatique .editable ul {
    margin-bottom: 17px;
    letter-spacing: 0.6px;
}

#freelance-informatique .editable {
    line-height: 25px;
}

#freelance-informatique .editable span
{
	float: initial;
	display: inline;
}

#freelance-informatique .editable strong {
    font-weight: bold;
}

.careerfy-featured-listing .careerfy-table-layer:hover, .careerfy-employer-list .careerfy-table-layer:hover {
    box-shadow: 1px 1px 12px #b8b8b8;
    background-color: #fff;
    transition: all 0.2s linear;
}

.underline
{
	text-decoration: underline;
}

#freelance-informatique .note
{
	font-size: 12px;
	margin: 10px 0 20px;
}

#freelance-informatique .widget_contact_form {
    background-color: #e6e6e6;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.4);
}

#freelance-informatique .widget_contact_form form
{
    border: none;
}

#freelance-informatique .careerfy-widget-title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.1px;
}

#freelance-informatique .careerfy-table-cell figure
{
	width: 140px;
}

#freelance-informatique ol 
{
   list-style: none;
   counter-reset: item;
 }
 
 #freelance-informatique ol li 
 {
   counter-increment: item;
   margin-bottom: 5px;
   list-style-type: none;
 }
 
 #freelance-informatique ol li:before 
 {
   margin-right: 12px;
   content: counter(item);
   background: rgba(59, 89, 152, 0.3);
   border-radius: 100%;
   color: white;
   width: 1.9em;
   text-align: center;
   display: inline-block;
 }
 
#freelance-informatique .careerfy-typo-wrap .button
 {
	 transition: all 0.4s ease-in-out;
 }
 
#freelance-informatique .logo-info
{
	font-size: 60px;
}

#freelance-informatique .careerfy-testimonial-slider
{
	width: 80%;
	margin-top: 50px;
}

#freelance-informatique .careerfy-testimonial-wrap p
{
	font-size: 22px;
}

#freelance-informatique .careerfy-fileUpload i
{
	position: static;
}

#freelance-informatique .careerfy-jobdetail-tags
{
	cursor: default;
}

#freelance-informatique .careerfy-content-title h2
{
	font-size: 18px;
}

#freelance-informatique .careerfy-page-title p>a
{
	color: white;
}

#freelance-informatique .careerfy-candidate-title {
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #13b5ea;
}

#freelance-informatique .careerfy-modal-title-box div
{
	float: left;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 0px;
	line-height: 1;
	letter-spacing: 1.1px;
	color: #333333;
	font-weight: 500;
	width: calc(100% - 15px);
}

.top
{
	vertical-align: top !important;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

#freelance-informatique .center
{
	text-align: center;
}

#freelance-informatique .right {
    text-align: right;
}

#freelance-informatique .left {
    text-align: left;
}

#bloc-jobs .careerfy-table-row
{
	background-color: #fff;
}

#freelance-informatique .careerfy-banner-search input, #freelance-informatique .careerfy-banner-search select
{
    border: 1px solid #dddbdb;
}

#freelance-informatique #homepage .careerfy-banner-transparent
{
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(40, 65, 87, 0.7), transparent);
}

#freelance-informatique .careerfy-banner-transparent 
{
    background-color: rgba(40, 65, 87, 0.7)
}

#freelance-informatique .fa-spinner
{
    display: none;
}

#freelance-informatique .careerfy-page-title *, #freelance-informatique .titre, #freelance-informatique .titre *
{
    font-family: 'Raleway', sans-serif;
}

#freelance-informatique .careerfy-page-title
{
    margin-top: 100px;
    padding: 0 0 30px;
}

#freelance-informatique input[type=submit]:disabled, #freelance-informatique input[type=submit]:disabled:hover,
#freelance-informatique input[type=button]:disabled, #freelance-informatique input[type=button]:disabled:hover {
    background-color: rgba(194, 189, 189, 0.7);
    cursor: not-allowed;
}

.careerfy-checkbox input[type="checkbox"]:not(:checked) + label:hover span {
    border-color: inherit;
    background-color: inherit;
}

.widget_contact_form .careerfy-employer-dasboard
{
    margin-bottom: 15px;
}

#freelance-informatique a.add 
{
    border: 1px solid #F9641B;
    color: #F9641B;
    font-size: 14px;
    font-weight: bold;
    padding: 9px 22px;
    display: inline-block;
    border-radius: 60px;
    line-height: 1;
    transition: all 0.5s ease-in-out;
    margin-bottom: 10px;
}

#freelance-informatique a.add:hover
{
    background-color: #F9641B;
    color: #fff;
}

#freelance-informatique .panel
{
    background-color: transparent;
}

#freelance-informatique .careerfy-subheader-form-full 
{
    margin-top: -40px;
}

#freelance-informatique .civilite > div
{
    display: inline-block;
    padding-right: 15px;
}

#freelance-informatique .careerfy-employer-profile-form li 
{
    margin-bottom: 15px;
}

#freelance-informatique .careerfy-employer-profile-form li.civilite
{
    margin-bottom: 10px;
}

#freelance-informatique input:not(:read-only):focus, #freelance-informatique textarea:not(:read-only):focus, #freelance-informatique select:focus {
    border: 1px solid #c2bdbd;
}

#freelance-informatique .careerfy-banner-search input:focus,
#freelance-informatique .careerfy-banner-search select:focus {
    border-color: #dddbdb;
}

#freelance-informatique .careerfy-candidate-timeline
{
    word-break: break-word;
}

#freelance-informatique .checkbox_label
{
    font-weight: normal;
    color: #999999;
    cursor: pointer;
    margin-bottom: 3px;
}

#freelance-informatique .checkbox_label span
{
    display: inline-block;
    margin-left: 4px;
}

#freelance-informatique .small
{
    font-size: 13px;
}

#freelance-informatique .careerfy-employer-profile-form label 
{
    line-height: 1.6;
    margin-bottom: 5px;
}

#freelance-informatique .careerfy-employer-profile-form .checkbox_label
{
    margin-bottom: 0;
}

#freelance-informatique .careerfy-filterable-select select
{
    padding: 0;
}

#freelance-informatique .careerfy-table-layer {
    cursor: default;
}

#freelance-informatique .careerfy-table-layer[data-href]
{
    cursor: pointer;
}

#freelance-informatique [placeholder] {
    color: #666666;
}

#freelance-informatique .panel-body label
{
    font-weight: 500;
    margin-bottom: 5px;
}

#freelance-informatique .careerfy-filterable-select select {
    width: auto;
    padding-right: 15px;
}

#freelance-informatique p.description 
{
    max-height: 135px;
    overflow: hidden;
}

.careerfy-featured-listing .careerfy-table-layer 
{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}

#freelance-informatique .btn-primary
{
    background-color: #13b5ea;
    border-color: #13b5ea;
}

#freelance-informatique .btn-default {
    color: #13b5ea;
    border-color: #13b5ea;
}

#freelance-informatique .careerfy-search-filter input[type=submit]:hover {
    background-color: initial;
}

#freelance-informatique .careerfy-user-options span {
    font-family: 'Raleway', sans-serif;
}

/* IMPORT CARNET D'ADRESSES */
.alert-import-carnet-adresses {
}

.alert-import-carnet-adresses p {
    display: flex;
    align-content: center;
}

.alert-import-carnet-adresses i {
    font-size: 24px;
    margin-right: 10px;
}

.alert-import-carnet-adresses a {
    text-decoration: underline;
}

#page-enregistrement-cv-fin .alert-import-carnet-adresses p {
    justify-content: center;
}

/* Masquer le bouton radio d'origine */
input[type=radio] {
    display: none;
}
/* Affichage par défaut du bouton radio personnalisé */
input[type=radio] + label:before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 12px;
    height: 12px;
}
/* Affichage du bouton radio personnalisé quand il est sélectionné */
input[type=radio] + label:hover:before {
    border-color: #838383;
}
input[type=radio]:checked + label:before {
    background: #13b5ea;
    border-color: #13b5ea;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

.careerfy-checkbox {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.careerfy-checkbox input[type="checkbox"] + label span, .careerfy-checkbox input[type="radio"] + label span {
    margin-right: 8px;
    margin-top: -2px;
}

.alert .close:hover {
    background-color: transparent;
    color: #333;
}

.nowrap {
    white-space: nowrap;
}

#nos-domaines-d-expertise {
    padding-bottom: 25px;
}

.categories-list .careerfy-row {
    display: flex;
}

.categories-list .careerfy-row > li + li {
    border-left: 2px solid #e6e6e6;
}

.categories-list ul li a {
    font-size: 15px;
    transition: all 0.1s ease-in-out;
    margin-bottom: 15px;
}

.categories-list ul li a:hover {
    color: #5accf2;
}

.categories-list ul ul li {
    margin-bottom: 5px;
}

.categories-list ul ul li a {
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 10px;
}

.categories-list .categories-tags:before {
    font-family: 'icomoon' !important;
    content: "\e964";
    display: block;
    font-size: 30px;
    color: #5accf2;
    margin-bottom: 10px;
}

.categories-list .categories-tags {
    line-height: 1;
    padding: 5px 10px 0;
}

.categories-list .categories-tags a {
    display: inline-block;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.5;
    color: #8c8c8c;
    font-weight: 400;
}

.categories-list .categories-tags a + a:before {
    content: "\2022";
    margin: 0 5px;
    color: #8c8c8c;
}

.categories-list p {
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}

.careerfy-featured-listing-options ul li i {
    font-size: 13px;
}

.careerfy-pagination-blog ul li a i {
    font-size: 16px;
}

.careerfy-pagination-blog ul li a.prev span, .careerfy-pagination-blog ul li a.next span {
    padding-top: 16px;
}

.careerfy-about-text .careerfy-candidate-grid-status {
    width: 22px;
}

.no-user-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.careerfy-employer-confitmation a {
    font-size: 13px;
}

.careerfy-user-form ul li.careerfy-column-full {
    width: 100%;
}


/* HEADER */
#top {
    background-color: #1e3142;
}

#careerfy-header
{
    font-family: 'Raleway', sans-serif;
}

#header-h1 
{
	font-size: 10px;
	color: #fff;
	margin: 0;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

#header-h1 a
{
    color: #fff;
}

.careerfy-logo
{
	margin: 15px 0 10px;
	max-width: 200px;
}

#careerfy-header
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(179, 224, 255, 0);
    border-bottom: none;
    z-index: 9000;
}

.careerfy-banner-caption
{
    margin-top: 100px;
}

#header-call 
{
    display: none;
}

#header-call a 
{
    color: #fff;
}

header .careerfy-user-section li
{
	display: flex;
    padding: 6px 10px;
}

header .careerfy-user-section li a {
    font-size: 14px;
}

header .logged li a {
    text-transform: uppercase;
}

header .navbar-nav > li > a, header .careerfy-user-section a
{
    color: #fff;
    font-size: 16px;
}

header .careerfy-user-section li a.menu-messagerie 
{
	position: relative;
	overflow: visible;
	font-size: 22px;
}

header .careerfy-user-section li a.menu-messagerie .nb-messages-non-lus {
    position: absolute;
    top: -8px;
    right: -8px;
    border-radius: 12px;
    background: #53b427;
    color: #FFFFFF; 
    line-height: 20px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.navbar-nav > li > a
{
    padding-bottom: 15px;
}

#header-deconnexion
{
    background-color: transparent;
    border: 1px solid #fff;
}


/* HOMEPAGE */
#titre-principal 
{
    font-size: 33px;
    color: #F9641B;
    font-weight: 200;
    line-height: 1.2;
    text-align: left;
    padding: 0 15px; 
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.7px;
}

#sous-titre
{
    margin-bottom: 70px;
    padding: 0 15px;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.5px;
}

#sous-titre a {
    color: #fff;
}

#sous-titre .word-counter
{
    font-family: 'Roboto', sans-serif;
    display: inline;
    color: #fff;
    font-size: 22px;
}

#homepage .careerfy-banner {
    background-image: url(../images/home/Fotolia_180473518_L.jpg?v=201810101230);
    background-position: center;
    padding: 100px 0px 50px 0px;
}

#homepage #banner-image1
{
    background-image: url(../images/home/Fotolia_180473518_L.jpg?v=201810101230);
}

#homepage #banner-image2
{
    background-image: url(../images/home/Fotolia_123643538_L.jpg?v=201810101230);
}

#homepage #banner-image3
{
    background-image: url(../images/home/Fotolia_187492628_L.jpg?v=201810101230);
}

#homepage #banner-image4
{
    background-image: url(../images/home/Fotolia_107649170_L.jpg?v=201810101230);
}

#homepage #banner-image5 
{
    background-image: url(../images/home/Fotolia_220263617_L.jpg?v=201810101230);
}

#choix-recherche
{
	text-align: left;
	padding: 0 15px;
}

#choix-recherche span
{
	display: inline-block;
	background-color: #123049;
    font-family: 'Raleway', sans-serif;
    color: white;
    font-weight: 600;
    padding: 8px 18px;
	cursor: pointer;
    letter-spacing: 0.5px;
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#choix-recherche span.active
{
	background-color: #fff;
	color: #666666;
    opacity: 1;
}

#homepage #bloc-depot
{
    padding: 0 15px;
}

#homepage #bloc-depot-cv, #homepage #bloc-portage-salarial {
    background-color: rgba(18, 48, 73, 0.9);
}

#homepage #bloc-depot-mission {
    background-color: rgba(240, 240, 240, 0.9);
}

#bloc-depot .careerfy-employer-profile-submit
{
    float: right;
}

#homepage .careerfy-main-content
{
    padding: 0;
}

#homepage .careerfy-parallex-full
{
    margin-top: 0;
}

#homepage .careerfy-testimonial-full
{
	margin: 0;
}

#bloc-jobs .careerfy-plain-btn>a 
{
    background-color: #F9641B;
}

.careerfy-testimonial-text .signature
{
	font-size: 20px;
	font-weight: 400;
}

.careerfy-banner-search .select-regions:after 
{
    content: "\e965";
}

.careerfy-banner-search ul li:nth-child(1) {
    width: 55%;
}

.careerfy-banner-search ul li:nth-child(2) {
    width: 39%;
}


#top_recherche {
    background-color: #F9641B;
    padding-bottom: 0;
    margin-bottom: 0;
}

#top_recherche .careerfy-fancy-title {
    margin-bottom: 30px;
}

#top_recherche h2 {
    color: #fff;
    font-weight: 500;
    text-align: left;
}

#top_recherche .tags {
    font-size: 12px;
    text-align: justify;
}

#top_recherche .tags b {
    color: #13b5ea;
}

#top_recherche .tags a {
    display: inline-block;
    color: #fff;
    padding: 2px 5px 2px 0;
    margin: 3px 3px 3px 0;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.2px;
    font-weight: 300;
}

#top_recherche .tags a:hover {
    text-decoration: underline;
}

#top_recherche .tags .xl {
    font-size: 170%;
}

#top_recherche .tags .l {
    font-size: 130%;
}

#top_recherche .tags .m {
    font-size: 110%;
}

#top_recherche .tags .s {
    font-size: 100%;
}

#top_recherche .tags .xs {
    font-size: 90%;
}

#top_recherche img {
    max-width: 280px; 
    float: right;
}

.careerfy-main-section.blog {
    border-bottom: 1px solid #e6e6e6;
    padding: 50px 0 30px;
    background-color: #f9f9f9;
}

.careerfy-blog-grid-text {
    box-shadow: none;
    padding: 15px 30px 10px;
}

.careerfy-blog-card {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.careerfy-blog-card:hover img {
    transform: scale(1.15);
}

.careerfy-blog-grid figure {
    overflow: hidden;
}

.careerfy-blog-grid figure img {
    transition: all 0.3s ease-in-out;
}

.careerfy-blog-tag a {
    text-transform: none;
    font-weight: normal;
    display: block;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #8c8c8c;
}

.careerfy-blog-tag a i {
    margin-right: 3px;
}

.careerfy-blog-grid-option li {
    text-transform: none;
    font-style: italic;
}

.careerfy-blog-links {
    text-align: center;
    font-size: 11px;
    line-height: 1.8;
    font-weight: 400;
    padding: 0 15px;
}

.careerfy-blog-links li {
    display: inline-block;
    list-style-type: none;
    line-height: normal;
    font-size: 12px;
}

.careerfy-blog-links li:first-child {
    text-transform: uppercase;
    color: #333;
    font-weight: 600;
}

.careerfy-blog-links li a {
    color: #8c8c8c;
    transition: all 0.1s ease-in-out;
}

.careerfy-blog-links li a:hover {
    color: #13b5ea;
}

.careerfy-blog-links li + li:before {
    content: "\2022";
    margin: 0 10px;
    color: #8c8c8c;
}
#home-presentation {
    padding-top: 50px;
}

#home-presentation h2 {
    font-size: 18px;
    text-transform: none;
    margin: 0 0 8px;
    font-weight: 500;
}

#homepage .card-list {
    float: left;
    margin-bottom: 50px;
    display: flex;
}

#homepage .card-list li
{
    display: block;
    float: left;
    width: 47%;
    margin: 0 auto;
    padding: 25px 30px;
    background-color: #123049;
    color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    cursor: default;
}

#homepage .card-list li:hover
{
    box-shadow: 1px 1px 12px #b8b8b8;
    transition: box-shadow 0.2s linear;
}

#homepage .card-list h3 {
    color: #fff;
    text-transform: none;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    margin: 15px 0 30px;
}

#homepage .card-list h3 span {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}

#homepage .card-list p
{
    font-size: 13px;
    text-align: justify;
    margin-bottom: 15px;
    line-height: 1.5;
    letter-spacing: 0;
}

#homepage .categories-list i
{
    font-size: 100px;
}

#homepage .card-list a {
    color: inherit;
}

#homepage .careerfy-service-slider {
    visibility: hidden;
}


/* PAGE FONCTIONNEMENT - NOS OFFRES */
#page_fonctionnement .careerfy-main-content {
    padding-bottom: 0;
}

#page_fonctionnement .careerfy-services-classic-full {
    margin-bottom: 0;
}

.careerfy-services-classic li:nth-child(2) {
    font-weight: 500;
}

.careerfy-services-classic-title {
    color: #13b5ea;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 16px;
    font-weight: 400;
    letter-spacing: 1.1px;
}

.careerfy-classic-priceplane-full {
    margin-top: 40px;
}

.careerfy-classic-priceplane-full .row {
    display: flex;
}

.careerfy-classic-priceplane {
    display: block;
    width: 250px;
    min-height: 100px;
    cursor: default;
    margin: 0;
    padding: 0;
    margin: 0 5px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.careerfy-classic-priceplane-group {
    border: 1px solid #e6e6e6;
    padding: 20px;
}

.careerfy-classic-priceplane-group + .careerfy-classic-priceplane-group {
    border-left: none;
}

.careerfy-classic-priceplane-group .col-md-1, 
.careerfy-classic-priceplane-group .col-md-10, 
.careerfy-classic-priceplane-group.col-md-11,  
.careerfy-classic-priceplane-group .col-md-2, 
.careerfy-classic-priceplane-group .col-md-3, 
.careerfy-classic-priceplane-group .col-md-4, 
.careerfy-classic-priceplane-group .col-md-5, 
.careerfy-classic-priceplane-group .col-md-6, 
.careerfy-classic-priceplane-group .col-md-7, 
.careerfy-classic-priceplane-group .col-md-8, 
.careerfy-classic-priceplane-group .col-md-9 {
    padding: 0 10px;
}

.careerfy-classic-priceplane-group .col-md-12 {
    padding: 0;
}

.careerfy-classic-priceplane-group-title {
    background-color: #fff;
    width: 220px;
    padding: 0 10px;
    margin: 0 auto 30px;
    color: #999999;
    font-weight: 300;
    font-size: 22px;
    border: none;
    text-align: center;
    margin-top: -38px;
    margin-bottom: 20px;
}

.careerfy-priceplane-section p {
    font-size: 14px;
}

.careerfy-classic-priceplane-header {
    padding: 22px 8px 14px 12px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 4px 4px 0 0;
}

.careerfy-priceplane-section, .grab-classic-priceplane {
    padding: 13px 11px 14px 16px;
}

.careerfy-classic-priceplane-title {
    font-size: 18px;
    line-height: 1;
    color: #333333;
    letter-spacing: 1.1px;
    margin: 0 0 8px;
    font-weight: 500;
}

.active .careerfy-classic-priceplane-title {
    color: #fff;
}

.careerfy-classic-priceplane-subtitle {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 10px;
    font-style: italic;
}

.grab-classic-priceplane {
    font-size: 12px;
}

.grab-classic-priceplane ul {
    height: 210px;
}

.grab-classic-priceplane ul li {
    line-height: 1.2;
    margin-bottom: 18px;
}

.careerfy-classic-priceplane-btn {
    display: block;
    transition: all 0.3s ease-in-out;
    font-weight: normal;
    text-transform: none;
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    bottom: 15px;
    width: 90%;
    margin: 0 5%;
    background-color: transparent;
}

.careerfy-classic-priceplane-btn.selected {
    border: none;
    background-color: transparent;
    color: #fff;
}

.careerfy-classic-priceplane-btn i {
    font-size: 18px;
}

#offre_freelance1 {
    background-color: #F9641B;
}

#offre_freelance1 .careerfy-classic-priceplane-btn:hover {
    background-color: #fff;
    color: #F9641B;
}

#offre_entreprise1 {
    background-color: #54555f;
}

#offre_entreprise1 .careerfy-classic-priceplane-btn:hover {
    background-color: #fff;
    color: #54555f;
}

#offre_entreprise2 {
    background-color: #3b5998;
}

#offre_entreprise2 .careerfy-classic-priceplane-btn:hover {
    background-color: #fff;
    color: #3b5998;
}

#offre_entreprise3 {
    background-color: #123049;
}

#offre_entreprise3 .careerfy-classic-priceplane-btn:hover {
    background-color: #fff;
    color: #123049;
}

#offre_entreprise1 .careerfy-classic-priceplane-btn.selected,
#offre_entreprise2 .careerfy-classic-priceplane-btn.selected,
#offre_entreprise3 .careerfy-classic-priceplane-btn.selected {
    border: 1px solid transparent;
    background-color: transparent;
    color: #fff;
    cursor: default;
}

.careerfy-classic-priceplane img {
    width: 100%;
}

.offres_contact {
    text-align: center !important;
    font-size: 16px;
    color: #333;
    margin: 20px 0;
}

#page_nos_offres #groupe_entreprises,
#page-choix-offre #groupe_entreprises {
    margin: 0 auto;
}

#page-choix-offre .careerfy-employer-profile-submit {
    margin-top: 20px;
    float: none;
}


/* DEPOT OFFRE SIMPLIFIEE */
#popup_depot_mission_simplifiee .careerfy-box-title
{
    margin-bottom: 15px;
}

#popup_depot_mission_simplifiee .careerfy-checkbox
{
    padding-left: 0;
    float: none;
}

#popup_depot_mission_simplifiee .buttons li
{
    width: 50%;
}

#freelance-informatique .btn-retour, #freelance-informatique .btn-exit
{
    border: 1px solid #13b5ea;
    background-color: transparent;
    color: #13b5ea;
}

/* PAGE QUI SOMMES-NOUS */
li.domaine-item {
    margin-bottom: 20px;
}

li.domaine-item-details
{
	padding-left: 30px;
}

#id-card {
    font-size: 12px;
    text-align: center;
}

#id-card img {
    margin: 15px 0 20px;
    padding: 10px;
}

#page-qui-sommes-nous .categories-list {
    margin-top: 30px;
}

#page-qui-sommes-nous .categories-list i {
    font-size: 75px;
}

.presentation {
    margin-bottom: 60px;
}

.statistiques div {
    margin: 50px 0 10px;
}

.statistiques .word-counter {
    color: #F9641B;
}

.statistiques small {
    font-size: 13px;
    color: #1a4162;
    font-weight: 500;
}

.coordonnees a {
    color: inherit;
}


/* PAGE CGU */
#page-cgu .careerfy-accordion a.collapsed 
{
    color: #3b5998;
}


/* PAGE CONTACT */
#page-contact .subheader-contact {
    background: url(../images/phone.jpg) center;
}

#page-contact .careerfy-contact-form-full-section {
    margin-top: -160px;
}

#page-contact .map-full {
    margin-top: -25px;
}

#page-contact .careerfy-contact {
    margin-bottom: 50px;
}

#bloc-contact-coordonnees, #bloc-contact-formulaire input[type="submit"] {
    background-color: #123049;
}

#bloc-contact-formulaire input[type="submit"] {
    text-transform: inherit;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: normal;
}

#bloc-contact-formulaire {
    background-color: #f0f0f0;
    margin: 0 10px;
    border: 1px solid #e2e4e5;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}

#bloc-contact-formulaire ul li {
    margin-bottom: 10px;
}

.contact-service span[data-obf] {
    border-radius: 40px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 8px 46px 9px 46px;
    line-height: 1;
    text-transform: uppercase;
    background-color: #13b5ea;
}


/* PAGE MON COMPTE */
#liens_compte {
    margin-top: 20px;
}

#dashboard-title
{
	color: #3b5998;
	font-size: 22px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 1.1px;
	text-align: center;
	min-height: 40px;
    margin-bottom: 10px;
}

#dashboard-title a
{
    color: #3b5998;
}

#dashboard-title span
{
    display: block;
    font-weight: normal;
    color: rgba(59, 89, 152, 0.6);
    font-size: 16px;
    letter-spacing: 0.6px;
    cursor: pointer;

}

.careerfy-employer-dashboard-nav ul li a {
    border: none;
}

#freelance-informatique .careerfy-candidate-savedjobs-wrap
{
    width: auto;
}

#freelance-informatique .careerfy-candidate-savedjobs-wrap td {
    line-height: 2.5;
    padding: 16px 0px 16px 0px;
    font-size: 18px;
    vertical-align: middle;
    text-align: left;
}

#freelance-informatique .careerfy-savedjobs-thumb
{
    text-align: center;
    border: none;
    font-size: 20px;
}

#freelance-informatique .careerfy-candidate-savedjobs a
{
    color: #3b5998;
}

#freelance-informatique .careerfy-candidate-savedjobs tr
{
    border-bottom: 1px solid #fff;
}

#modifier_mot_de_passe
{
    color: #999999;
}

#btn_supprimer_compte
{
    color: #f84545;
}

#page-mon-compte .careerfy-employer-profile-form
{
    margin-bottom: 15px;
}

#page-mon-compte .employer-dashboard-thumb {
    position: relative;
    border: none;
    padding: 0;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}

#cv_photo_actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 40%;
    background-color: rgba(30, 49, 66, 0.6);
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    display: none;
}

#cv_photo_actions i:hover
{
    color: #5accf2;
}

#page-mon-compte .employer-dashboard-thumb:hover #cv_photo_actions
{
    display: block;
}

#page-mon-compte #cv_photo 
{
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    background-color: #fff;
}

#photo_editor div
{
    display: inline-block;
    margin: 0 7px;
}

#photo_editor a
{
    display: inline-block;
    font-size: 22px;
    margin: 10px 2px 20px;
}

#photo_editor a:hover
{
    color: #13b5ea;
}

#photo_preview
{
    max-width: 100%;
    max-height: 360px;
}

#photo_actions {
    margin: 10px 0;
}

#page-mon-compte .share_links
{
    margin-bottom: 25px;
}

#page-mon-compte .progress {
    height: 12px;
}

#page-mon-compte .progress-bar {
    width: 0%;
}

.progress .tooltiptext {
    font-size: 11px;
    line-height: 1;
    visibility: hidden;
    background-color: rgb(30, 49, 66);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 12px;
    position: absolute;
    z-index: 1;
    top: 11.5%;
    left: 55%;
    margin-left: -60px;
    margin-top: 15px;
    opacity: 0;
    transition: opacity 1s;
    box-shadow: 1px 1px 2px 2px rgba(30, 49, 66, 0.3);
    cursor: default;
}

.progress .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgb(30, 49, 66) transparent;
}

#niveau_profil:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltiptext p
{
    font-size: 13px;
    margin-bottom: 2px;
    font-weight: 500;
}

.tooltiptext a
{
    color: #fff;
}

.tooltiptext a:hover {
    text-decoration: underline;
}

.tooltiptext ul
{
    text-align: left;
    list-style-type: none;
}

.tooltiptext ul li
{
    line-height: 22px;
    list-style: none;
}

#niveau_profil
{
    padding-bottom: 10px;
}

#page-mon-compte div.alert-demande-partage-reseaux-sociaux img.loading {
	display: none;
	margin-left: 10px;
}

/* PAGES INSCRIPTION */
#page-inscription .contact {
    color: #fff;
    margin-bottom: 20px;
}

#page-inscription .contact a {
    color: inherit;
}

#choix-type-inscription {
    position: relative;
    display: flex;
    margin: 30px 0 80px;
}

#choix-type-inscription > li {
    list-style-type: none;
    width: 46%;
    background-color: rgba(0,0,0,0.4);
    margin: 0 2%;
    padding: 30px 20px 20px;
    border-radius: 4px;
    color: #fff;
    line-height: normal;
    cursor: pointer;
    transition: all 0.2s linear;
}

#choix-type-inscription a {
    display: block;
    color: #fff;
    font-size: 22px;
    margin: 5px 0 10px;
    text-align: left;
}

#choix-type-inscription a > i {
    float: left;
    width: 60px;
    height: 60px;
    font-size: 33px;
    padding: 10px;
    background-color: #13b5ea;
    color: #fff;
    border-radius: 50%;
    border: 3px solid #fff;
    transition: all ease-in-out 500ms;
    margin: -3px 10px 10px 0;
}

#choix-type-inscription li:hover a > i, #changer-type-inscription a:hover > i {
    transform: rotate(360deg);
}

#choix-type-inscription span {
    display: inline-block;
    font-style: italic;
    font-size: 14px;
}

#choix-type-inscription ul {
    text-align: left;
    margin: 30px 0 0 80px;
    font-size: 16px;
}

#choix-type-inscription ul li {
    list-style-type: none;
    margin-top: 8px;
}

#choix-type-inscription .btn {
    transition: all 0.3s ease-in-out;
    border: 1px solid #fff;
    padding: 15px 10px;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    margin: 30px 0 0;
    font-size: 16px;
}

#choix-type-inscription .btn:hover {
    background-color: #fff;
    color: rgba(0,0,0,0.6);
}

#changer-type-inscription {
    text-align: right;
}

#changer-type-inscription a {
    color: #fff;
    font-size: 16px;
}

#changer-type-inscription a > i {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 18px;
    padding: 7px;
    background-color: #13b5ea;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all ease-in-out 500ms;
}

#cv_remarks {
    height: 95px;
}

#depot-cv-identifiants, #inscription-client-identifiants {
    float: none;
    margin: 0px auto;
}

#depot-cv-identifiants > .careerfy-user-form, 
#inscription-client-identifiants > .careerfy-user-form, 
#bloc-connexion > .col-md-12, 
#reinitialisation_mot_de_passe .careerfy-user-form {
    background-color: rgba(0,0,0,0.4);
    padding: 30px 20px 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}

#depot-cv-etapes, #inscription-client-etapes {
    display: none;
}

#depot-cv-identifiants .careerfy-box-title-sub span {
    color: #fff;
    font-size: 15px;
}

#btn_inscription
{
   border-radius: 4px;
}

.depot-cv-infos
{
	margin-bottom: 30px;
}

#bloc-tarif
{
	text-align: right;
}

.bloc-depot-cv .bloc-dispo
{
	margin-bottom: 5px;
}

#bloc_linkedin
{
    width: 100%;
    margin-bottom: 10px;
}

#bloc_linkedin a {
    color: #fff !important;
}

#depot-cv-identifiants li, #inscription-client-identifiants li, #reinitialisation_mot_de_passe li {
    color: #fff;
    font-size: 12px;
    line-height: normal;
}

#depot-cv-identifiants li a, #inscription-client-identifiants li a
{
    color: #F9641B;
}

#depot-cv-identifiants label, #depot-cv-identifiants label a {
    color: #fff;
}

#depot-cv-identifiants input, #inscription-client-identifiants input {
    border: none;
}


/* PAGE CONNEXION */
#bloc-connexion {
    float: none;
    margin: 0 auto;
}

#bloc-connexion .careerfy-box-title-sub span {
    color: #fff;
    font-size: 15px;
}

#page-connexion .btn_connexion {
    border-radius: 4px;
}

#bloc-acces-restreint {
    float: left;
    line-height: 18px;
    width: 100%;
}

#bloc-acces-restreint p {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
}

#bloc-acces-restreint p a {
    color: #fff;
}

#bloc-connexion #connexion-help {
    color: #5accf2;
    font-size: 12px;
}

#bloc-connexion input {
    border: none;
}

#bloc-connexion-birthday {
    display: none;
}

#bloc-connexion label
{
    color: #fff;
}

#connexion-liens a i {
    transition: all ease-in-out 500ms;
}

#connexion-liens a:hover i
{
    -webkit-transform: rotate(360deg);
}

#ForgotPwdModal #result
{
    padding-left: 0;
    font-size: 12px;
}


/* PAGE DEPOT MISSION - CV */
#freelance-informatique .subheader-entreprises {
    background: url(../images/notebook.jpg);
}

#freelance-informatique .subheader-entreprises .careerfy-banner-transparent {
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), transparent);
}

#freelance-informatique .subheader-freelances
{
    background: url(../images/macbook.jpg);
}

#freelance-informatique .subheader-freelances .careerfy-banner-transparent {
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), transparent);
}

#page-depot #bloc_mission_details, #page-depot #bloc_mission_coordonnees, #page-depot .btn-retour, #bloc_mission_state,
#page-depot #bloc_cv_coordonnees, #page-depot #bloc_cv_informations_generales, #page-depot #bloc_cv_details
{
    display: none;
}

#page-depot .careerfy-employer-box-section {
    box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.4);
}

#bloc_mission_details textarea {
    height: 163px;
}

#bloc_mission_details .careerfy-column-6 .careerfy-column-12 {
    margin-bottom: 5px;
}

#popup_depot_mission_simplifiee .btn-retour {
    display: block;
}

#bloc-depot .careerfy-user-form-info .careerfy-checkbox
{
    float: none;
    margin-bottom: 25px;
}

.bloc_cv .careerfy-user-form-info .careerfy-checkbox label {
    font-size: 14px;
    font-weight: 500;
    color: #333333 !important;
}

#bloc-depot .stepline
{
    position: absolute; 
    top: 0; 
    right: 0;
    z-index: 50;
}

#bloc-depot .btn-retour, #bloc-depot .btn-exit
{
    margin-right: 5px;
}

#bloc-depot .careerfy-employer-dasboard
{
    margin-bottom: 10px;
}

#bloc-depot .careerfy-candidate-title
{
    width: 60%;
    margin-bottom: 22px;
}

.bloc-dispo 
{
    margin-bottom: 2px;
}

#bloc_cv_preferences .question {
    font-size: 16px;
    font-weight: normal;
}

#bloc_cv_preferences .reponse {
    padding: 2px 0 6px;
}

#bloc_cv_preferences .reponse span {
    padding: 10px 14px 10px 14px;
    border-radius: 20px;
    line-height: 1;
    margin : 0 2px 2px 0;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    font-size: 12px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; 
}

#bloc_cv_preferences .yes:hover, #bloc_cv_preferences .yes.active {
    color: #53b427;
    background-color: #c0edab;
}

#bloc_cv_preferences .yes.active {
    border: 1px solid #53b427;
}

#bloc_cv_preferences .no:hover, #bloc_cv_preferences .no.active {
    color: #f84545;
    background-color: #fdcece;
}

#bloc_cv_preferences .no.active {
    border: 1px solid #f84545;
}

#bloc_immatriculation_en_cours, #bloc_statut_activite, #bloc_que_teletravail, #bloc_que_teletravail_si_eloigne, #bloc_que_temps_partiel {
    display: none;
}

.bloc-select .careerfy-profile-select::after {
    content: "";
}

#freelance-informatique .bloc-select {
    margin-bottom: 0;
}

#freelance-informatique .choix-select-offre label {
    color: #13b5ea;
    font-size: 18px;
}

.choix-select-offre li {
    list-style-type: none;
    border: 1px solid #13b5ea;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    transition: all ease-in-out 0.2s;
}

.choix-select-offre li.selected {
    background-color: #13b5ea;
    color: #fff;
}

#freelance-informatique .choix-select-offre li.selected label {
    color: #fff;
}


/* COMPETENCES, METIERS ET DOMAINES */
.bloc-select select
{
	height: auto;
}

#bloc-competences .careerfy-profile-select:after
{
	content: "";
}

.bloc-select button, .bloc-select .button
{
	width: 100%;
	text-align: left;
	padding: 0 7px;
	color: white;
}

#bloc-competences button i
{
	float: right;
	margin-top: 7px;
}

button.niveau, button.niveau:hover, button.niveau:focus
{
    color: #fff;
}

button.expert
{
	background-color: #3a3a3a;
}

button.senior
{
	background-color: #e03339;
}

button.junior
{
	background-color: #4894db;
}

button.notions {
    background-color: #26C281;
}

button.obligatoire
{
	background-color: #e03339;
}

button.preferable
{
	background-color: #F9641B;
}

.bloc-select button.supprimer
{
	background-color: #777777;
	text-align: center;
    font-size: 12px;
    line-height: 25px;
}

.bloc-select button.supprimer:before {
    font-family: icomoon;
    content: "\e930";
    margin-right: 10px;
}

.optDefault
{
	color: #bfc3c9;
    cursor: default;
}

.search-filter
{
	position: relative;
}

.search-filter i 
{
    position: absolute;
    right: 29px;
    top: 12px;
    font-size: 15px;
    color: #aaaaaa;
}

#cboDesignations, #cboDomaineCompetences, #cboStates
{
	margin-bottom: 5px;
}


/* PAGE SPG */
#page-portage-salarial .careerfy-subheader
{
	background: url(../images/portage-salarial.jpg) center;
}

#page-portage-salarial .careerfy-banner-transparent
{
    background-color: rgba(40, 65, 87, 0.5);
}

#page-portage-salarial .careerfy-page-title {
    padding-bottom: 15px;
}

#page-portage-salarial .careerfy-banner-search ul li:not(:last-child)
{
	width: 23.5%;
}

#logo-spg
{
	text-align: right;
	margin: 40px 0 20px;
}


/* PAGES D'INDEX */
.careerfy-breadcrumb {
    background-color: rgba(18, 29, 40, 0.7);
    font-size: 12px;
}

.careerfy-breadcrumb ul li:before
{
    top: 0;
}

.careerfy-breadcrumb ul li a {
    display: inline-block;
    height: 18px;
}

#freelance-informatique .pages-index .h3 {
    margin: 0;
    text-align: left;
}

#liens-lettres
{
	margin: 0 0 30px;
}

#liens-lettres a, #liens-lettres span
{
	width: 60px;
	height: 60px;
	padding: 24px 0 0 0;
}

#liens-lettres span
{
	cursor: default;
}

#liens-lettres li:hover a, #liens-lettres .current
{
	background-color: #F9641B;
}

.lettre-titre {
    font-family: 'Raleway', sans-serif;
    font-size: 80px;
    font-weight: bold;
    color: rgba(59, 89, 152, 0.3);
    line-height: initial;
    cursor: default;
}

.glossaire a {
    display: block;
    line-height: 1.3;
    margin-bottom: 7px;
}

.glossaire a:hover
{
    color: #F9641B;
}

.pagination
{
	text-align: center;
	margin-bottom: 20px;
}

.pagination span.careerfy-text-btn
{
	cursor: default;
	background-color: rgba(160, 170, 182, 0.5);
	float: none;
	width: auto;
}

.pagination span.careerfy-text-btn span, .pagination a.careerfy-text-btn span
{
	float: none;
}

.pagination .current-page
{
	float: none;
	font-weight: bold;
	display: inline-block;
    width: auto;
    padding: 0 15px;
	color: #26272b;
}

.index-sous-titre
{
	color: #333333;
    line-height: 1.5;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 10px 0 20px;
    font-size: 20px;
}

#freelance-informatique .index-image
{
	text-align: center;
    margin-bottom: 0;
}

.index-image img
{
	float: right;
}

.pages-index #bloc-depot
{
	margin-bottom: 40px;
}

.pages-index #bloc-depot-mission textarea
{
	height: 140px;
}

.pages-index .careerfy-table-row
{
	background-color: #f9f9f9;
}

.index_links {
    max-height: 495px;
    overflow-y: auto;
    font-size: 13px;
    text-align: left;
}

.index_links li
{
    line-height: 20px;
    list-style-type: none;
    margin-bottom: 5px;
}

.index_links a, .index_links span
{
    color: #666666;
}

.index_links a:hover
{
    color: #F9641B;
}

.index_links .balise-seo
{
    float: none;
}

#freelance-informatique .editable h2 {
    color: #3b5998;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.1px;
    font-size: 22px;
    margin: 30px 0 15px;
    text-align: left;
}

#freelance-informatique .editable h3 {
    color: #13b5ea;
    text-transform: none;
    font-size: 18px;
    margin: 0 0 15px;
}

#freelance-informatique .editable h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
}

#freelance-informatique .editable h5 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.6px;
}

.voir_plus > a {
    background-color: #F9641B;
}

.voir_plus span
{
    float: none;
}

.careerfy-search-filter-toggle .index-sous-titre, .careerfy-without-toggle .index-sous-titre {
    color: #666666;
    padding: 12px 12px 15px 0px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.1px;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.careerfy-search-filter-toggle .index-sous-titre:before {
    content: "\e964";
    font-family: icomoon;
    position: absolute;
    right: 0px;
    top: 14px;
    font-size: 13px;
    color: #9d9d9d;
}

.careerfy-remove-padding .index-sous-titre:before {
    content: "\e94c";
}

.careerfy-search-filter-toggle h2
{
    float: none;
}

.pages-index .sous-titre a {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 5px 7px;
    margin: 2px 2px 0;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
}

.pages-index .sous-titre a:hover
{
    background-color: rgba(255, 255, 255, 0.7);
    color: #484848;
}

#freelance-informatique .newspaper2, #freelance-informatique .newspaper3, #freelance-informatique .newspaper4 {
    column-gap: 50px;
    column-rule: 2px solid #e6e6e6;
}

#freelance-informatique .newspaper2 {
    column-count: 2;
}

#freelance-informatique .newspaper3 {
    column-count: 3;
}

#freelance-informatique .newspaper4 {
    column-count: 4;
}

#freelance-informatique .glossaire h3, #freelance-informatique .glossaire h4, #freelance-informatique .glossaire h5, #freelance-informatique .glossaire h6 {
    font-weight: 400;
    margin-bottom: 5px;
}

#freelance-informatique .glossaire h3 {
    margin-top: 40px;
    text-transform: none;
    font-size: 18px;
    color: #13b5ea;
}

#freelance-informatique .glossaire h3:first-child {
    margin-top: 0;
}

#freelance-informatique .glossaire h4 {
    margin-top: 25px;
    font-size: 16px;
}

#freelance-informatique .glossaire h5 {
    font-size: 15px;
}

#freelance-informatique .glossaire li a {
    display: inline;
}

.bandeau_actualites {
    background: url(../images/news.jpg) 20% 30%;
    padding: 20px 15px 18px;
    margin: 10px 0 40px;
    color: #fff;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
}

.filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #3b5998;
    opacity: 0.3;
}

.bandeau_actualites a {
    color: inherit;
}

.bandeau_actualites .title {
    font-size: 22px;
    line-height: 1.3;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.5px;
}

.bandeau_actualites .title b {
    text-transform: uppercase;
}

.bandeau_actualites .contenu {
    border-left: 1px solid #fff;
}

.bandeau_actualites .contenu p {
    line-height: 20px;
    margin-bottom: 10px;
}

.bandeau_actualites .careerfy-option-btn {
    background-color: transparent;
    border: 1px solid #fff;
    float: none;
    display: inline-block;
}

aside .bandeau_actualites {
    padding: 20px 19px 18px !important;
    background: url(../images/news.jpg) 33% 30%;
}

aside .bandeau_actualites .title {
    width: 100%;
    line-height: normal;
    margin-bottom: 8px;
}

aside .bandeau_actualites .contenu {
    width: 100%;
    border-left: none;
}

aside .bandeau_actualites .contenu p {
    border-top: 1px solid #fff;
    padding-top: 15px;
}


/* RECHERCHE CV / RECHERCHE MISSIONS */
#freelance-informatique .page-recherche .careerfy-page-title {
    padding-bottom: 15px;
}

#freelance-informatique .page-recherche .results-title {
    text-align: center;
    color: #333;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 25px 0 40px;
    font-size: 20px;
}


/* FICHES CV / MISSIONS */
#cv-header, #mission-header {
    margin: 10px 0 30px;
    color: #3b5998;
    font-weight: 400;
    font-size: 25px;
    text-transform: none;
    letter-spacing: 1px;
    line-height: 1;
}

#cv-header figure, #mission-header figure {
    float: left;
    text-align: center;
    margin-right: 30px;
}

#cv-header figure img, #mission-header figure img {
    margin-top: 10px;
    border-radius: 100%;
    width: 100px;
    height: 100px;
}

#mission-header figure img {
    border-radius: 0%;
    min-width: 100px;
    min-height: 100px;
}

#cv-header .title, #mission-header .title {
    margin-top: 18px;
}

#cv-header .title h1, #mission-header .title h1 {
    margin: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-size: inherit;
}

#cv-header .title span {
    font-weight: normal;
    color: rgba(59, 89, 152, 0.6);
    font-size: 16px;
    letter-spacing: 0.6px;
}

#cv-header .title span:before {
    content: '- ';
}

#cv-header .reference, #mission-header .reference {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    margin: 8px 0;
    line-height: 1;
}

#mission-header .tag
{
    text-transform: none;
}

.share_links {
    font-size: 28px;
}

.share_links li {
    list-style-type: none;
    display: inline;
}

.share_links .careerfy-linkedin-button {
    color: #007eb3 !important;
}

.share_links .careerfy-facebook-logo {
    color: #375d93 !important;
}

.share_links .careerfy-twitter-logo {
    color: #43afe9 !important;
}

#transmettre_offre_choix_saisie div {
    display: inline-block;
    padding-right: 15px;
    margin-top: 5px;
}


/* PAGE RECHERCHE CV / FICHES CV */
#bloc-selection-cv .careerfy-profile-select:after
{
	content: "";
}

#bloc-selection-cv .button
{
	display: inline-block;
	background-color: #777777;
	margin-top: 2px;
}

#bloc-selection-cv .button i
{
	position: initial;
    float: right;
    margin-top: 7px;
	color: inherit;
	font-size: inherit;
}

#bloc-selection-cv .button:hover, #bloc-selection-cv .button:focus 
{
    background-color: #26272b;
}

#retour-dernier-cv
{
	display: block;
	font-size: 11px;
	margin-top: 5px;
}

.careerfy-services-classic span
{
	margin-bottom: 25px;
}

.careerfy-services-classic h2
{
	color: #13b5ea;
}

input.checkbox-heart
{
	display: none;
}

input.checkbox-heart + label
{
	margin-top: 0;
	cursor: pointer;
    transition: all 0.2s ease-in-out;
}

input.checkbox-heart + label:hover {
    transform: scale(1.3);
}

input.checkbox-heart + label:before 
{
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: #f84545;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f08a";
}

input.checkbox-heart:checked + label:before 
{
	content: "\f004";
}

#freelance-informatique #SlctCv
{
	height: auto;
}

.no-results
{
	text-align: center;
	margin: 30px 0 40px;
}

.widget_contact_form label {
    font-weight: 500;
    color: #333333;
}

.careerfy-jobdetail-services {
    margin: 10px 0 20px;
}

.careerfy-jobdetail-services a {
    color: #666666;
}

.careerfy-candidate-editor .careerfy-jobdetail-services i
{
	padding-top: 0;
}

.careerfy-candidate-editor .careerfy-jobdetail-services small
{
	color: #13b5ea;
	font-weight: 500;
    margin-bottom: 5px;
}

.careerfy-services-text {
    line-height: 18px;
    font-size: 12px;
    break-inside: avoid;
}

.careerfy-services-text h2, .careerfy-services-text h3 
{
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    display: inline;
    font-weight: inherit;
    letter-spacing: inherit;
}

.careerfy-candidate-timeline p, .careerfy-description p {
    line-height: 25px;
    text-align: justify;
    font-weight: normal;
}

#bloc-selection-cv
{
	display: none;
}

.bloc-image
{
	text-align: center;
}

.jobsearch_progressbar .title {
    color: #666;
}

.jobsearch_progressbar .title a {
    color: inherit;
}

.jobsearch_progressbar[data-width="100"] .bar {
    background-color: #3a3a3a !important;
}

.jobsearch_progressbar[data-width="80"] .bar {
    background-color: #e03339 !important;
}

.jobsearch_progressbar[data-width="50"] .bar {
    background-color: #4894db !important;
}

.jobsearch_progressbar[data-width="20"] .bar {
    background-color: #26C281 !important;
}

.cv_preview .title
{
    color: rgba(249, 100, 27, 0.7);
    font-weight: 500;
}

.cv_preview .title:before {
    content: '- ';
}

.cv_preview .cv_contenu
{
    display: flex;
}

.cv_preview figure {
    float: left;
    padding: 10px 20px 20px 0;
}

.cv_preview figure a {
    display: block;
}

.cv_preview figure img
{
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.cv_preview .cv_details
{
    margin-top: 15px;
}


/* PAGE RECHERCHE MISSIONS / FICHE MISSION */
.careerfy-filterable h2
{
    float: none;
}

#btn_mes_missions {
    float: left;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    margin-top: 8px;
}

#btn_mes_missions.disabled, #btn_mes_missions.disabled span {
    cursor: not-allowed;
}

#btn_mes_missions > span {
    position: relative;
}

.tag_candidature
{
    display: inline-block !important;
    padding: 3px 10px 3px 10px;
    color: #ffffff;
    background-color: #67cc66;
    font-size: 10px !important;
    font-weight: 300;
    border-radius: 60px;
    vertical-align: top;
    text-transform: none;
    letter-spacing: 0.5px;
    margin-top: 0 !important;
    line-height: 1.5;
}

.fiche-mission .tag_candidature {
    margin-bottom: 15px;
}

#freelance-informatique .careerfy-jobdetail-tags span
{
	float: left;
    padding: 10px 14px 10px 14px;
    background-color: #eaeaea;
    border-radius: 20px;
    line-height: 1;
    margin: 10px 14px 0px 0px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#freelance-informatique .careerfy-jobdetail-tags .obligatoire {
    background-color: #fdcece;
    color: #f84545;
}

#freelance-informatique .title-obligatoire label
{
	color: #f84545;
}

#freelance-informatique .careerfy-jobdetail-tags .preferable
{
    background-color: #fdcdb4;
	color: #F9641B;
}

#freelance-informatique .title-preferable label
{
	color: #F9641B;
}

#CandidateModal .careerfy-user-options ul li {
    padding-bottom: 5px;
}

#CandidateModal .careerfy-box-title-sub {
    margin-top: 15px;
}

#CandidateModal .careerfy-checkbox label
{
    font-weight: 400;
}

#CandidateModal .checkbox_label span
{
    display: inline;
    line-height: 18px;
}

#CandidateModal .careerfy-fileUpload
{
    margin-bottom: 3px;
}

#freelance-informatique .date_publication
{
    float: left;
    width: 100%;
    font-size: 12px;
    margin: 10px 0 15px;
    font-style: italic;
}

#freelance-informatique .btn_postuler
{
    background-color: #13b5ea;
    color: #fff;
}

#popup_contacter .careerfy-user-form li.inscription {
	text-align: center;
	font-size: 12px;
	color: #333;
}

#popup_contacter .careerfy-user-form li.inscription a {
	color: #F9641B;
	text-decoration: underline;
}


/* PAGE PARTENAIRES */
#page-partenaires .subheader-entreprises {
    background: linear-gradient(rgba(47, 78, 106, 0.8), rgba(47, 78, 106, 0.2)), url(/images/partenariat.jpg) center;
}

.title-partenaire {
    line-height: 1;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.1px;
    color: #333333;
}

.bloc_partenaire p {
    font-size: 14px;
}

.bloc_partenaire figure {
    margin-right: 40px;
}

#page-partenaires #btn_supprimer {
    padding: 3px 5px;
}

#page-partenaires #btn_supprimer:hover {
    background-color: red;
}

#page-partenaires .careerfy-search-filter-wrap + .widget_contact_form {
    margin-top: 30px;
}


/* PAGE BAROMETRE */
#page-barometre .fa-arrow-up
{
	color: #53b427;
}

#page-barometre .fa-arrow-right
{
	color: #13b5ea;
}

#page-barometre .fa-arrow-down
{
	color: #f84545;
}


/* PAGE REINITIALISATION MOT DE PASSE */
#reinitialisation_mot_de_passe p
{
    color: #fff;
    font-size: 12px;
    line-height: 2;
}

#reinitialisation_mot_de_passe p a
{
    color: #F9641B;
}

#reinitialisation_mot_de_passe input
{
    border: none;
}

#reinitialisation_mot_de_passe > div
{
    float: none;
    margin: 0px auto;
}

#reinitialisation_mot_de_passe input[type=submit]
{
   border-radius: 4px;
}


/* FOOTER */
.careerfy-footer-one
{
    padding-top: 40px;
}

.footer-widget-title
{
    margin-bottom: 20px;
}

.footer-widget-title span 
{
    font-size: 18px;
    margin-bottom: 0px;
    color: #ffffff;
}

.careerfy-footer-widget .widget 
{
    margin-bottom: 20px;
}

.widget_nav_manu ul li
{
	margin-bottom: 0;
    line-height: 26px;
}

.careerfy-copyright p
{
	font-size: 12px;
}

.careerfy-copyright
{
    padding: 15px 0px 10px 0px;
}

.widget_nav_manu ul li span[data-obf]:before {
    content: "\e953";
    font-family: icomoon;
    display: inline-block;
    font-size: 12px;
    margin-right: 14px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.widget_nav_manu ul li:hover span[data-obf], .widget_nav_manu ul li:hover span[data-obf]:before {
    color: #5accf2;
}


/* JQUERY UI AUTOCOMPLETE */
.ui-autocomplete {
    max-height: 285px;
    overflow-y: auto;
    overflow-x: hidden;
	font-size: 12px;
    z-index: 99999;
}

.ui-menu .ui-menu-item {
    line-height: 1;
    color: #666666;
    list-style: none;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 8px 18px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #13b5ea;
    background: #13b5ea;
    font-weight: normal;
    color: #ffffff;
}


/* PAGINATION */
.page-numbers.ellipsis {
    background-color: transparent;
    color: #a0aab6;
    width: auto;
}

.page-numbers.ellipsis:hover {
    background-color: transparent;
    color: #a0aab6;
}


/* STEPLINE */
.stepline
{
    margin: 20px 0;
}

.stepline span 
{
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.stepline span.active 
{
    background-color: #13b5ea;
    opacity: 1;
}

.stepline span.finish 
{
    opacity: 1;
}


/* MULTISELECT */
#freelance-informatique li.search-filter {
    margin-bottom: 5px;
}

#freelance-informatique .select-in, #freelance-informatique .select-out {
    overflow-y: scroll;
    padding: 8px 0;
    margin-bottom: 3px;
    width: 100%;
    background: #fff;
    color: #777777;
    border: 1px solid #f2f2f2;
    font-size: 12px;
    font-weight: 400;
    outline: none;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 1px solid #dddbdb;
}

#freelance-informatique .select-in 
{
    height: 152px;
}

#freelance-informatique .select-out {
    height: 125px;
    padding-bottom: 0;
}

#freelance-informatique ul#cboSkills {
    height: 292px;
}

#freelance-informatique #lstSkills {
    height: 260px;
}

#freelance-informatique .select-in li, #freelance-informatique .select-out li {
    padding: 0 14px;
    margin: 0;
}

.select-in:not(.disabled) li[data-selected=true], .select-out:not(.disabled) li[data-selected=true] {
    background-color: #13b5ea;
    color: #fff;
}

#freelance-informatique .select-in li.optDefault:hover, #freelance-informatique .select-out li.optDefault:hover {
    background-color: initial !important;
    color: #bfc3c9 !important;
}

#freelance-informatique .select-out .major {
    font-weight: bold;
}


/* TOGGLE SWITCH */
.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px;
    margin-right: 3px;
    margin-bottom: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    top: 1px;
    left: 1px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #13b5ea;
}

input:focus + .slider {
    box-shadow: 0 0 1px #13b5ea;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.slider.round {
    border-radius: 34px;
    border: 1px solid rgba(255,255,255,0.6);
}

.slider.round:before {
    border-radius: 50%;
}


/* MODAL POPUP */
.careerfy-modal .careerfy-employer-dasboard
{
    margin-bottom: 0;
}

.modal-open
{
    padding-right: 0 !important;
    overflow: visible;
}

.modal, .bootbox-prompt
{
    z-index: 100000;
}


/* POPUP CANDIDATURE */
.careerfy-box-title-sub span {
    color: #8c8c8c;
    font-size: 15px;
}

.candidate_etape2 {
    display: none;
}

#CandidateModal .buttons li {
    width: 50%;
}


/* JQUERY UI DATEPICKER */
#freelance-informatique .ui-datepicker td
{
    padding: 1px;
    line-height: 20px;
}

#freelance-informatique .ui-datepicker table
{
    margin: 0 0 .4em;
}

#freelance-informatique .ui-datepicker select
{
    background-color: #fff;
    color: #454545;
    padding: 2px;
    height: auto;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight 
{
    border: 1px solid #F9641B;
    background: #e9e9e9;
    color: #F9641B;
    font-weight: bold;
}

.datepicker-icon
{
    cursor: pointer;
}


/* LINKEDIN WINDOW */
#window
{
    background-color: #f0f0f0;
    color: #242634;
    text-align: center;
    padding: 20px 10px;
}

#window .brand_logo img
{
    max-width: 50%;
    vertical-align: bottom;
    padding: 15px;
}


/* LIENS OBFUSQUES */
span[data-obf] {
    cursor: pointer;
}

.careerfy-about-text span[data-obf] {
    float: none;
    color: #333;
}

/* SELECT2 */
.select2-container--open {
    z-index: 9999999
}

.select2-container li {
    list-style: none;
}

.select2-container .select2-selection--single {
    padding: 6px 13px;
    font-size: 12px;
    height: 42px;
    border: 1px solid #dddbdb;
    border-radius: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: #999999;
}

.select2-container .select2-selection--single:after {
    content: "\e964";
    font-family: icomoon;
    color: #aaaaaa;
    right: 15px;
    top: 16px;
    position: absolute;
    pointer-events: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container {
    font-size: 12px;
}

.select2-results__option {
    padding: 6px 13px;
}

.select2-search--dropdown .select2-search__field {
    background-color: #fff;
    padding: 6px 8px;
}


/* RESPONSIVE */
@media (max-width: 360px) {
    #freelance-informatique .careerfy-user-section a {
        font-size: 13px;
    }

    #freelance-informatique .logged a {
        font-size: 18px;
    }

    #homepage #choix-recherche span > i {
        display: none;
    }
}

@media (max-width: 480px) {
    .bloc_vide
    {
        display: none !important;
    }

    .cv_preview figure {
        width: auto;
        padding: 0 15px 25px 0;
    }

    .cv_preview figure img {
        width: 75px;
        height: 75px;
    }

    #freelance-informatique .careerfy-featured-listing-title {
        font-size: 15px;
        letter-spacing: 0.8px;
    }

    #freelance-informatique .careerfy-featured-listing-text .cv_details {
        font-size: 11px;
    }

    #freelance-informatique .careerfy-featured-listing-text .cv_details .careerfy-icon, #freelance-informatique .careerfy-featured-listing-text .cv_details .fa {
        font-size: 15px;
        margin-right: 4px;
    }

    #freelance-informatique .careerfy-featured-listing-text .cv_details li {
        line-height: 1.5;
    }

    .cv_preview .cv_contenu {
        display: block;
    }

    .careerfy-candidate-grid-status {
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
    }

    #choix-type-inscription a {
        font-size: 18px !important;
    }

    #choix-type-inscription ul {
        margin: 10px 0 0 !important;
        font-size: 12px;
    }

    #choix-type-inscription ul li {
        margin-top: 0 !important;
    }
}

@media (max-width: 767px) {
    .careerfy-banner-search ul li:nth-child(1) {
        width: 100%;
    }

    .careerfy-banner-search ul li:nth-child(2) {
        width: 70%;
    }

    .careerfy-banner-search ul li:nth-child(3) {
        width: 30%;
    }

    #top {
        display: none;
    }
	
	.navbar-nav .sub-menu li a {
		border-bottom: none;
	}
	
	#choix-recherche span {
		padding: 2px 10px;
	}
	
	#bloc-portage img, #bloc-portage .careerfy-static-btn {
		width: 100%;
		text-align: center;
	}
	
	#bloc-depot-cv, #bloc-depot-mission, #bloc-portage-salarial, #bloc-contact-coordonnees, #bloc-contact-formulaire {
		width: 100%;
		min-height: inherit;
	}

    #bloc-depot-mission {
        margin: 0;
    }
	
	#numero-telephone-standard {
		display: none;
	}
	
	#page-portage-salarial .careerfy-banner-search ul li:not(:last-child), #page-demande-rappel .careerfy-banner-search ul li:not(:last-child)  {
		width: 50%;
	}
	
	#page-portage-salarial .careerfy-banner-search ul li:last-child, #page-demande-rappel .careerfy-banner-search ul li:last-child {
		width: 100%;
	}
	
	#logo-spg {
		text-align: center;
	}
	
	#liens-lettres {
		width: 100%;
		text-align: center;
	}
	
	#submit-recherche {
		width: 20%;
	}
	
	#liens-lettres li {
		margin: 0px 15px 15px 0px;
	}
	
	.pagination .careerfy-text-btn span {
		display: none;
	}
	
	.index-image img {
		float: none;
	}
	
	label.lien-logique-ou {
		margin-bottom: 0;
	}
	
	.careerfy-employerdetail-btn {
		margin-bottom: 10px;
	}
	
	.widget_contact_form {
		margin-top: 40px;
	}
	
	#freelance-informatique .careerfy-testimonial-slider {
		width: 90%;
	}
	
	.careerfy-logo {
		margin: 15px 0 5px;
	}
	
	.careerfy-user-section {
		padding: 0;
	}

    #header-deconnexion {
        display: none;
    }

    #titre-principal {
        font-size: 30px;
        margin-top: 0;
        margin-bottom: 5px;
    }

    #sous-titre {
        margin-bottom: 20px;
        font-size: 15px;
    }
	
	#homepage .careerfy-banner {
		padding-top: 40px;
	}

    .search-filter i {
        display: none;
    }

    #header-call {
        display: inline-block;
    }

    #popup_depot_mission_simplifiee input[type=submit] {
        font-size: 14px;
    }

    .bloc-depot-cv .bloc_vide {
        display: none;
    }

    #freelance-informatique .select-in {
        height: 210px;
    }

    #freelance-informatique .select-out {
        height: auto !important;
    }

    #page-depot #depot_mission .careerfy-candidate-title h2 {
        font-size: 16px;
    }

    #notre_offre th, #notre_offre td, #notre_offre th a {
        font-size: 12px;
    }

    #freelance-informatique .pages-index aside.careerfy-column-4 {
        margin-top: 30px;
    }

    #freelance-informatique .card-list {
        display: block;
    }

    #freelance-informatique .card-list li {
        width: 100%;
        margin: 0 0 20px;
    }

    #freelance-informatique .careerfy-employer-profile-submit {
        width: 100%;
        margin: 0 0 5px;
        white-space: normal;
    }

    #freelance-informatique .modal .btn {
        display: block;
        width: 100%;
        margin: 0 0 5px;
    }

    #cv-header figure, #mission-header figure {
        margin-right: 20px;
    }

    #cv-header .title, #mission-header .title {
        font-size: 18px;
    }

    #freelance-informatique .careerfy-banner-transparent {
        background-image: linear-gradient(to bottom, rgba(133, 168, 199, 0.8), transparent);
    }

    .careerfy-breadcrumb {
        display: none;
    }

    .careerfy-modal .modal-box-area {
        margin-top: 20px;
    }

    .careerfy-user-form-coltwo.careerfy-user-form ul li {
        width: 100%;
    }

    .careerfy-classic-priceplane, 
    .careerfy-priceplane-section, 
    .careerfy-classic-priceplane h2, 
    .careerfy-classic-priceplane-title, 
    .grab-classic-priceplane, 
    .grab-classic-priceplane ul, 
    .grab-classic-priceplane ul li, 
    .careerfy-classic-priceplane-btn {
        float: initial;
    }

    .careerfy-classic-priceplane-group {
        width: 100%;
        margin-bottom: 40px;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

    .careerfy-classic-priceplane-full .row {
        display: block;
    }

    .careerfy-classic-priceplane {
        width: auto;
        margin-bottom: 20px;
    }

    .grab-classic-priceplane ul {
        height: auto;
        margin-bottom: 40px;
    }

    #page-partenaires .careerfy-table-cell figure {
        width: 100%;
        margin: 0;
        padding: 0 40px 10px;
    }

    .bloc_partenaire {
        text-align: center;
    }

    .page-numbers.disabled {
        display: none;
    }

    .categories-list .careerfy-row {
        display: block;
    }

    .categories-list ul li {
        margin-bottom: 75px;
    }

    .categories-list .categories-tags a {
        font-size: 13px;
    }

    #freelance-informatique .newspaper2, #freelance-informatique .newspaper3 {
        column-count: auto;
    }

    .bandeau_actualites {
        background: url(../images/news.jpg) 33% 30%;
    }

    .bandeau_actualites .title {
        width: 100%;
        line-height: normal;
        margin-bottom: 8px;
    }

    .bandeau_actualites .contenu {
        border-left: none;
    }

    .bandeau_actualites .contenu p {
        border-top: 1px solid #fff;
        padding-top: 15px;
    }

    #page-inscription .contact {
       margin-bottom: 10px;
    }

    #choix-type-inscription {
        display: block;
        margin: 0 0 20px;
    }

    #choix-type-inscription > li {
        width: 90%;
        margin: 0 5% 10px;
        padding: 22px 20px 25px;
    }

    #choix-type-inscription a {
        font-size: 20px;
    }

    #choix-type-inscription a span {
        text-align: center;
    }

    #choix-type-inscription ul {
        margin: 20px 0 0;
    }

    #choix-type-inscription ul li {
        margin-top: 3px;
    }

    #choix-type-inscription .btn {
        margin-top: 15px;
    }

    .careerfy-blog-links {
        padding: 0;
    }

    .careerfy-blog-links li {
        display: block;
        margin-bottom: 10px;
    }

    .careerfy-blog-links li + li:before {
        content: '';
    }
}

@media screen and (max-width: 1024px) 
{
    input:not([type=submit]), select, textarea, input:focus, select:focus, textarea:focus, .ui-widget {
        font-size: 16px !important;
    }
	
	#freelance-informatique .careerfy-filterable-select select {
		padding: 2px 0;
	}
	
	#freelance-informatique textarea {
		height: 150px;
	}
	
	#homepage .careerfy-banner {
        padding-bottom: 20px;
        background-position: top center;
	}

    .navbar-nav > li {
        font-weight: bold;
    }

    header .navbar-nav > li > a {
        color: #656c6c;
    }
}

@media screen and (min-width: 768px) /* PC & tablets screen */
{
    #bloc-depot, #page-contact .careerfy-contact {
        display: flex;
    }

    #page-mon-compte #bloc_linkedin {
        width: 50%;
    }

    #freelance-informatique .careerfy-banner-search input:not([type="submit"]), #freelance-informatique .careerfy-banner-search select {
        border-right: none;
    }

    #page_nos_offres #groupe_entreprises .careerfy-classic-priceplane {
        margin: 0 15px;
    }

    .careerfy-jobdetail-services {
        column-count: 2;
        column-gap: 20px;
    }
}

@media screen and (min-width: 1025px) /* Only PC Screen */
{
	#bloc-jobs .careerfy-table-row {
		height: 150px;
	}

    #freelance-informatique .select-in:not(.disabled) li:hover, #freelance-informatique .select-out:not(.disabled) li:hover {
        background-color: #13b5ea;
        color: #fff;
    }

    #top_jobs .careerfy-featured-listing-title a {
        display: inline-block;
        height: 20px;
        overflow: hidden;
    }

    #top_jobs .careerfy-featured-listing-options li {
        max-height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #freelance-informatique .mission_preview p.description {
        max-height: 95px;
    }

    #freelance-informatique #top_jobs p.description {
        height: 40px;
    }

    #freelance-informatique #top_jobs careerfy-featured-listing-options {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .careerfy-user-section li a {
        max-width: 100px;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        text-overflow: ellipsis;
    }

    .careerfy-blog-grid .row {
        display: flex;
    }
}