@font-face {
font-family: "Questrial";
src: url('../fonts/Questrial-Regular_0.ttf');
}

body, label {
font-family: "Questrial", Helvetica, Arial, sans-serif;
color:#0f0f0f;
}

h1, h2, h3, h4, h5 {
margin:0 !important;
}


input, select, button {
border-radius: 0px !important;
}

input:focus, input:active {
outline-style: none;
text-decoration: none;
}

a {
color:#0f0f0f;
}

a:link {
cursor: pointer;
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover{
color:#3ed800;
cursor: pointer;
text-decoration: none;
}

a:focus {
cursor: pointer;
text-decoration: none;
color:#3ed800;
}

a:active {
cursor: pointer;
text-decoration: none;
color:#3ed800;
}


.signin {
color:#FFFFFF;
}
.signin:hover{
color:#000000;
}

.logo-blc {
margin-top: 5px;
padding-left:30px;
max-height:70px; 

}

.nav-btn {
padding: 20px 8px;
}

.modal {
z-index: 12100;
}

.btn {
outline-style:none !important;
}

.container, .container-fluid {
padding: 0;
}


.img-responsive {
min-width: 100%;
}

.top-5 {
margin-top: 5px;
}

.bot-5 {
margin-bottom: 5px;
}

.top-10 {
margin-top: 10px;
}

.bot-10 {
margin-bottom: 10px;
}


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

.bot-15 {
margin-bottom: 15px;
}

.top-20 {
margin-top: 20px;
}

.bot-20 {
margin-bottom: 20px;
}

.top-40 {
margin-top: 40px;
}

.bot-40 {
margin-bottom: 40px;
}

.top-30 {
margin-top: 30px;
}

.bot-30 {
margin-bottom: 30px;
}

.top-80 {
margin-top: 80px;
}

.bot-80 {
margin-bottom: 80px;
}

.padd-20 {
padding: 20px;
}
.padd-15 {
padding: 15px;
}

.padd-20tb {
padding: 20px 0;
}

.padd-40 {
padding: 30px;
}

.padd-0 {
padding: 0;
}

.marg-0, .form-group {
margin: 0;
} 

.txt-center {
text-align: center;
}

.xs-text {
font-size: 12px;
}

.bg-white {
background-color: #fff;
}

.fa-map-marker2 {
padding:0 !important;
}

.fa-sign-in,.fa-user-circle {
padding-right:15px;
}

.fa-question-circle-o {
padding-left: 15px;
}


.fa-bolt {
padding: 0 5px;
}

.pull-right {
margin-right: 0 !important;
}

.border-bottom {
border-bottom: solid 1px #d5d5d5;
}


.s-line {
min-width: 100%;
border-bottom:solid 1px #f1f1f1;
}

.bg-100 {
min-height: 100%;
}

.bg-80 {
min-height: 80%;
}

.img-circle {
border:solid 2px #fff;
transition: all 0.3s ease 0s;
}

.img-circle2 {
border:solid 2px #fff;
transition: all 0.3s ease 0s;
border-radius: 50%;
}

.img-circle:hover {
border:solid 2px #3ed800;
}

.pagination > li > a {
border:none;
color: #757575;
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active {
background-color: #fff;
color: #0f0f0f;
font-weight: bold;
transition: all 0.3s ease 0s;
}


.btn-profilpic {
background-color: #3ed800;
border-radius: 8px !important;
color: #fff;
border: 0px;
}

.btn-online {
border:none;
background-color: #239b0f;
border-radius: 8px !important;
color: #fff;
margin-top: -34px;
padding-left: 20px;
padding-right: 20px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
}

.btn-onlineban {
position: absolute;
border:none;
background-color: #3ed800;
border-radius: 8px !important;
color: #fff;
bottom: 40px;
margin-left: -60px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
}

.btn-onlineban:hover, .btn-onlineban:focus, .btn-onlineban:active {
background-color: #239b0f;
color:#fff;
transition: all 0.3s ease 0s;
}


.btn-online:hover, .btn-online:focus, .btn-online:active {
background-color: #3ed800;
color:#fff;
transition: all 0.3s ease 0s;
}

.top-ban {
position: fixed;
z-index: 500;
background-color: #29235c;
color:#fff;
width: 100%;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
min-height: 80px;
}

.header-bg {
position: relative;
background: url(../imgs/recrutment.jpg) no-repeat center center;
background-size: cover;
min-height: 450px;
width: 100%;
}

.pub-bg {
position: relative;
background: url(../imgs/pub-bg.jpg) no-repeat center center;
background-size: cover;
min-height: 450px;
width: 100%;
}

.header-bg2 {
position: relative;
background: url(../imgs/recrutment.jpg) no-repeat center center;
background-size: cover;
min-height: 80vh;
width: 100%;
}

.home-form {
position: absolute;
top: 10%;
left: 50%;
margin-left: -160px;
max-width: 320px;
margin-top: 80px;
border-radius: 8px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
z-index:50;
}

@media (min-width: 768px) {
    .home-form {
        min-width: 420px;
        margin-left: -210px;
    }
}


.profil-box {
border:solid 1px #f1f1f1;
}

.box-border {
border:solid 1px #f5f5f5;
}

.txt-pink,.txt-pink > a,.footer-li a:hover, .footer-li a:focus, .footer-li a:active, .social-footer > a:hover, .social-footer > a:focus, .social-footer > a:active {
color: #3ed800;
transition: all 0.3s ease 0s;
}

.txt-pink > a:hover,.txt-pink > a:focus {
color:#0f0f0f;
}

.btn-pink {
background-color: #3ed800;
min-height: 60px;
color:#fff;
border:0px;
transition: all 0.3s ease 0s;
}

.btn-pink:hover ,.btn-pink:focus ,.btn-pink:active,.btn-profilpic:hover,.btn-profilpic:active,.btn-profilpic:focus {
background-color: #0f0f0f;
color:#fff;
}

.btn-fb {
background-color: #3b5998;
min-height: 60px;
color:#fff !important;
border:0px;
transition: all 0.3s ease 0s;
}

.btn-fb:hover ,.btn-fb:focus ,.btn-fb:active {
background-color: #355089;
color:#fff !important;
}


.btn-google {
background-color: #d14836;
min-height: 60px;
color:#fff !important;
border:0px;
transition: all 0.3s ease 0s;
}

.btn-google:hover ,.btn-google:focus ,.btn-google:active {
background-color: #d14836;
color:#fff !important;
}

.txt-bleu,.txt-bleu > a {
color: #11b3ff;
transition: all 0.3s ease 0s;
}

.txt-bleu > a:hover,.txt-bleu > a:focus {
color:#0f0f0f;
}
.btn-bleu {
background-color: #11b3ff;
min-height: 60px;
color:#fff;
border:0px;
transition: all 0.3s ease 0s;
}

.btn-bleu:hover ,.btn-bleu:focus ,.btn-bleu:active {
background-color: #0f0f0f;
color:#fff;
}


.btn-empty {
background-color: #fff;
min-height: 60px;
color:#0f0f0f;
border:solid 1px #d5d5d5;
transition: all 0.3s ease 0s;
}

.btn-empty:hover ,.btn-empty:focus ,.btn-empty:active {
background-color: #10b533;
color:#fff;
border:none;
}


.invert img {
border:solid 2px #0f0f0f;
}

.invert img:hover {
filter: invert(1);
-webkit-filter: invert(1);
-moz-filter: invert(1);
-o-filter: invert(1);
-ms-filter: invert(1);
transition: all 0.3s ease 0s;
border:solid 2px #fff;
}

footer {
background-color: #0f0f0f;
color: #fff;
}

.footer-fa > a > i {
margin-right:8px;
color:#fff;
}

.footer-fa > a > i:hover {
color: #3ed800;
transition: all 0.3s ease 0s;
}

.footer-li > li {
line-height: 30px;
}


.footer-li a {
color:#fff;
}

.bottom-border {
border-bottom: solid 1px #757575;
}

.input-group-addon {
background:none;
border-right:0px;
}

.fa-input {
border-left:0px;
}

.checkbox-sign-in {
margin:0 15px;
}


.navbar-default {
background-color: #3ed800;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
border: 0px;
}

.fsm-navbar {
z-index: 500;
background-color: #3ed800;
color:#fff;
width: 100%;
}


.navbar-nav > li > a {
padding:28px;
color:#fff !important;
font-size: 18px;
text-transform: uppercase;
background-color: #3ed800 !important;
transition: all 0.3s ease 0s;
min-width: 100%;
}

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


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

/*
.dropdown-menu > li > a {
padding:15px 0 !important;
min-width: 180px;
color:#3ed800;
}

.dropdown-menu > li > a > i {
float: right;
transition: all 0.3s ease 0s;
color:#0f0f0f;
}

.dropdown-menu > li > a:hover > i {
padding-right: 5px;
color:#10b533;
}

.dropdown-menu > li > a:hover {
background-color:transparent;
color:#0f0f0f;
font-weight: bold;
}


.dropdown-menu {
margin-top: 2px !important;

box-shadow: 1px 2px 4px rgba(0, 0, 0, .3) !important;
border:none;
background-color:#fff !important;
}

.dropdown-menu > li > a > i, .dash-menu > li > a > i {
margin-top: 3px;
}
*/
.name {
text-transform : capitalize;
}

.navlogo {
max-width: 200px;
height: auto;
margin-top: 15px;
}


.dash-head {
padding:0 40px 20px 40px;
background-color: #29235c;
color:#fff;
font-size:18px;
}

.dash-body {
padding:20px 20px 20px 40px;
}

.dash-pic {

z-index: 1; 

}

.dash-pic > img  {
max-width: 200px;
}

.dash-menu > li {
padding:20px 0;
}


.dash-menu > li > a {
color:#29235c;
}

.dash-menu > li > a > i {
color:#29235c;
}

.dash-menu > li > a:hover {
color:#3ed800;
}

.badge {
padding-top: 5px;
margin: 0 0 1px 5px;
background-color: #3ed800;
}

.badge-flash,.badge-views,.badge-msg,.badge-contact {

}


.badge-flash {
background-color: #ff9f15;
}

.badge-views {
background-color: #a7ff51;
}

.badge-msg {
background-color: #149edd;
}

.badge-contact {
background-color: #3ed800;
}


.dash-menu > li > a:hover > i {
color: #0f0f0f;
}

.content-head, .content-head > h4 > a {
background-color: #29235c;
color:#fff;
}

.content-head2 > h4 > a > i:hover{
background-color: #fff;
color:#3ed800;
}

.content-head2, .content-head2 > h4 > a > i {
color:#484848;
background-color: #fff;
}

.content-body {
background-color: #fafafa;
}


.content-head > h4 > a:hover > i { 
color: #3ed800;
}

.navbar-fixed-top, .navbar-collapse {
max-height:100% !important;
}


.navbar-toggle {
min-height:60px;
margin-right:40px;
border:none !important;
}

.navbar-toggle:hover, .navbar-toggle:focus {
background-color:transparent !important;
}

.icon-bar{
background-color:#fff !important;
}

.full-input, .full-width {
min-width: 100%;
}

.btn-rounded {
display: block;
border-radius: 5px !important;
min-width: 100%;
padding: 10px;
}

.register-date > div > select {
width:33.3% !important;
display:inline-block !important;
}

.color-fb {
color:#3b5998 !important;
}
.color-fb:hover {
color:#0f0f0f !important;
}

.color-body {
color:#0f0f0f !important;
}

.color-body:hover {
color:#3ed800 !important;
}

.link-white, .txt-blc {
color: #fff !important;
}

.link-white:hover {
color: #3ed800 !important;
}

.box-shadow {
box-shadow: 1px 2px 4px rgba(0, 0, 0, .3) !important;
}
.bg-green {
background-color: #3ed800;
color: #fff;
}
.green {
color: #3ed800;
}
.orange {
color: #d87017;
}
.blue {
color: #337ab7;
}
.blue {
color: #337ab7;
}
.white {
color: #FFFFFF;
}
.black {
color: #000000;
}


.bg-grey1 {
background-color: #bebebe;
color: #fff;
}

.bg-grey2 {
background-color: #888888;
color: #fff;
}

.bg-grey3 {
background-color: #646464;
color: #fff;
}

.bg-grey {
background-color: #f7f7f7;
}

.bg-dgrey {
background-color: #222;
}

.img-hover {
filter: brightness(95%) contrast(102%) sepia(10%);
-webkit-filter: brightness(95%) contrast(102%) sepia(10%);
-moz-filter: brightness(95%) contrast(102%) sepia(10%);
-o-filter: brightness(95%) contrast(102%) sepia(10%);
-ms-filter: brightness(95%) contrast(102%) sepia(10%);
transition: all 0.3s ease 0s;
}

.img-hover:hover {
filter: brightness(100%) contrast(105%);
-webkit-filter: brightness(100%) contrast(105%);
-moz-filter: brightness(100%) contrast(105%);
-o-filter: brightness(100%) contrast(105%);
-ms-filter: brightness(100%) contrast(105%);
transition: all 0.3s ease 0s;
}

.color-green {
color:#239b0f;	
}

.hover-ban {
position: absolute;
margin-left: -225px;
top:110px
}
.hover-ban2 {
position: absolute;
left:50%;
margin-left: -140px;
top:150px
}

.social-footer > a {
padding-left: 0px;
color: #fff;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: #3ed800 !important;
}

.img-menu-profil {
max-width: 50px;
height: auto;
margin-top: -5px;
height: auto;
border:solid 2px #fff !important;
}


.img-menu-xs {
max-width: 200px;
height: auto;
margin-top: -5px;
height: auto;
border:solid 2px #fff !important;
}


.nav-logged {
margin-left:0;
width: 100% !important;
}

.border-space {
border:solid 10px #fff;
}

.main-menu {
text-align:center;
border-right:solid 1px #ccc;
}

.description-form > form > div > div,.parameters-form > form > div > div {
margin-bottom: 20px;
}

.parameters-form > form > div > div > button {
width:100%;
background-color: #3ed800;
min-height: 60px;
color:#fff;
border:0px;
transition: all 0.3s ease 0s;
}
.parameters-form > form > div > div > button:hover ,.parameters-form > form > div > div > button:active {
background-color: #0f0f0f;
color:#fff;
}


.bg-recrutement {
position:relative;
background: url(../imgs/recrutment.jpg) center center;
background-size: cover;
min-height:450px;
text-align: center;
}
.bg-partners {
position:relative;
background: url(../imgs/partners.jpg) center center;
background-size: cover;
min-height:450px;
text-align: center;
}
.bg-presse {
position:relative;
background: url(../imgs/presse.jpg) center center;
background-size: cover;
min-height:450px;
text-align: center;
}
.bg-contact {
position:relative;
background: url(../imgs/contact.jpg) center center;
background-size: cover;
min-height:450px;
text-align: center;
}
.bg-howitworks {
position:relative;
background: url(../imgs/howitworks.jpg) center center;
background-size: cover;
min-height:450px;
text-align: center;
}
.bg-aboutus {
position:relative;
background: url(../imgs/about-us.jpg) center center;
background-size: cover;
min-height:450px;
text-align: center;
}
.bg-terms {
position:relative;
background: url(../imgs/terms.jpg) center center;
background-size: cover;
min-height:450px;
text-align: center;
}
.bg-faq {
position:relative;
background: url(../imgs/faq.jpg) center center;
background-size: cover;
min-height:450px;
text-align: center;
}





.blk-filter {
background-color:rgba(0,0,0,0.4); 
min-height:450px;
color: #fff;
padding-top:185px;
}

.partener-img > div > a:hover > img, .hover-grey:hover > img  {
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 0.3s ease 0s;
}
.partener-img > div:hover > span {
color:#3ed800;
transition: all 0.3s ease 0s;
}

.btn-switch span {
position:absolute; 
left:50%; 
margin-left:-48px; 
bottom:60px; 
color:#fff;
visibility: hidden;
font-size: 10px;
background-color:rgba(0,0,0,0.5);
padding: 10px;
border-radius: 5px;
}

.btn-switch span > i {
font-size: 18px;

}
a.btn-switch:hover span{
visibility: visible;
}

.btn-rad-left {
border-radius: 5px 0 0 5px;
}
.btn-rad-right {
border-radius: 0 5px 5px 0;
}

.modal-backdrop {
z-index: 0;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #3ed800;
    border-color: #3ed800;    

}











@media (min-width: 768px) {
    .top-space {
        margin-top: 150px;
    }
}

@media (min-width: 768px) {
    .top-space2 {
        margin-top: 250px;
    }
}

.rp-color {
color:#3ed800;
}

.rp-color2 {
color:#29235c;
}

.rp-bgcolor {
background-color: #3ed800;
}

.rp-bgcolor2 {
background-color: #191537;
}

.rp-bgcolor3 {
background-color: #29235c;
}

.padd-10 {
padding: 10px;
}


.rphome-bg {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-homeheader.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.rphome-hiw {
padding: 40px 0 40px 0;
position: relative;
background: url(../imgs/rp/bg-homehiw.jpg) no-repeat center center;
background-size: cover;
min-height: 500px;
width: 100%;
}

.bg-list {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-list.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.bg-rpjob {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-rpjob.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.bg-rpcontact {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-rpcontact.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.bg-rphiw {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-rphiw.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.bg-rppartners {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-rppartners.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.bg-rpaboutus {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-rpaboutus.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.bg-rpcgu {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-rpcgu.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.bg-rpfaq {
padding-top: 100px;
position: relative;
background: url(../imgs/rp/bg-rpfaq.jpg) no-repeat center center;
background-size: cover;
min-height: 580px;
width: 100%;
}

.bglink {
padding:20px;
text-align: center;
background-color: rgba(0,0,0,0.8);
border-radius: 5px;
border: solid 4px rgba(0,0,0,0)
}

.rphome-bglink {
color:#fff;
}

.rphome-bglink:hover {
color:#fff;
}

.bglink:hover {
background-color: rgba(0,200,0,0.4);
transition: all 0.3s ease 0s;
border: solid 4px rgba(255,255,255,0.8)
}

.price-delai {
padding: 20px 20px 0 16px;
}

.offerbox {
border-bottom: solid 5px #333; 
min-height:160px;
background: #f7f7f7;
}

.offerbox-title {
min-height:100px;
padding-top: 20px;
border-bottom: solid 3px #eee;
}

.offerbox-title:hover h4 {
color:#3ed800;
}

.offerbox a {
color: #0f0f0f;
}

.offerbox:hover {
color: #fff;
background: #29235c;
transition: all 0.2s ease 0s;
}

.offerbox:hover a, .offerbox:hover i {
color: #fff;
transition: all 0.3s ease 0s;
}

.projet-picto {
position: absolute;
right: 0;
top: 5px;
}

.btn-voirplus {
color:#fff;
margin: 20px 0 40px 0;
min-width: 300px;
border-radius: 0;
border: solid 1px #29235c;
background-color: #29235c;
}
.btn-voirplus:hover {
color:#29235c;
background-color:#fff;
border: solid 1px #0f0f0f;
}

.btn-voirplus:hover i {
color: #29235c;
}

.bghiw {
color:#fff;
padding:20px;
text-align: center;
background-color: rgba(0,0,0,0.6);
border-radius: 5px;
border: solid 4px rgba(0,0,0,0)
}

.bghiw2 {
color:#fff;
padding:20px;
text-align: center;
background-color: rgba(0,200,0,0.6);
border-radius: 5px;
border: solid 4px rgba(0,0,0,0)
}

.bghiw2:hover {
background-color: #3ed800;
transition: all 0.2s ease 0s;
}


.box-conseil {
 background-color:#29235c;
 color:#fff;
 min-height:365px;
}

.hoverrp:hover {
color:#3ed800;
} 

@media (min-width: 768px) {
    .logoban {
        padding: 20px 150px;
    }
}

.img-grey a > img {
filter:grayscale(100%);
transition: all 0.2s ease 0s;
}

.img-grey:hover a > img {
filter:grayscale(0%);
transition: all 0.2s ease 0s;
}

.form-control {
height: 42px;
}

.input-group-addon {
min-width:55px; 
}

.box-aboutus div > img {
max-width: 200px;
}

.video100 {
min-height: 100vh;
}

.video80 {
min-height: 80vh;
}

.short-txt {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}


.btn-faireoffre {
color:#fff;
min-width: 100%;
padding: 20px 20px;
border-radius: 5px;
border: solid 1px #29235c;
background-color: #29235c;
}
.btn-faireoffre:hover {
color:#fff;
background-color:#3ed800;
border: solid 1px #3ed800;
}

.btn-faireoffre:hover i {
color: #fff;
}

.bot-line {
border-bottom: solid 1px #ccc;
}

.bot-line2 {
border-bottom: solid 2px #ccc;
}

.bot-line3 {
border-bottom: solid 4px #ccc;
}


.profil-offre {
margin:0 0 20px 0;
max-width: 110px;
height: auto;
height: auto;
border:solid 2px #fff !important;
}

.detail-box {
position:absolute !important; 
right:0; 
height:100%;
}

@media (max-width: 768px) {
    .detail-box {
	position:relative !important;
    }
}



.offer-min {
min-height:530px;	
}

.img-list-profil {
max-width: 50px;
height: auto;
height: auto;
border:solid 2px #29235c !important;
}


.btn-rplist {
padding: 15px;
color:#fff;
border: solid 1px #29235c;
background-color: #29235c;
}

.btn-rplist:hover {
color: #fff;
background-color:#3ed800;
border: solid 1px #3ed800;
}

.form-offre label {
color: #fff;
letter-spacing: 1px;
}

.form-offre textarea {
min-height: 200px;
}


.btn-faireoffre2 {
color:#fff;
min-width: 100%;
padding: 20px 20px;
border-radius: 5px !important;
border: solid 1px #3ed800;
background-color: #3ed800;
text-transform: uppercase;
}
.btn-faireoffre2:hover {
color:#fff;
background-color:#141414;
border: solid 1px #141414;
}


.form-label2 label {
	margin-top: 20px;
}

.form-label2 textarea {
	min-height: 140px;
}

.paddlr-30 {
	padding: 0 30px;
}


.fsm-thumbnail {
max-width: 100%;
max-height: 400px;
}