/*---- GLOBAL ----*/

* {box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

html,body {padding: 0;margin: 0;}

body {font-family: 'Montserrat', 'Oxygen', sans-serif;overflow-y: scroll;background: #f6f6f6;}

body a {text-decoration: none;}

body h1 {font-weight: 300;}

/*---- HEADER ----*/
header {border-bottom: 1px solid #ccc;position: fixed;top: 0;left: 0;
  right: 0;z-index: 20;height: 65px;background: url(../images/fond/black-transparent.png);
}

#bandeau-home {background: url(../images/fond-home.jpg) top center no-repeat;background-size: cover;}

#box-logo {float: left;margin-left: 50px;}
#nav {float: right;margin-right: 100px;display: block;}
.sd-header-black {background: #000000;}

#user-connect {position: fixed;z-index: 25;height: 65px;width: 35px;top: 0;right: 30px;background: url(../images/icons/user-connect.png) center center no-repeat;cursor: pointer;}
.user-connect-full {background: url(../images/icons/user-connect-full.png) center center no-repeat !important;}
#my-profil {position: fixed;z-index: 25;height: 50px;width: 50px;top: 7px;right: 30px;cursor: pointer;border: #ff5500 solid 1px;padding: 2px;font-size: 8px;}
#my-profil img {width: 100%;}
#box-user-connect {width: 310px;background: url(../images/fond/black-transparent-80.png);top: -600px;right: 0;position: fixed;padding: 15px;}
#box-form-login {width: 310px;background: url(../images/fond/white-transparent.png);position: absolute;}
#box-form-login a {font-size: 12px;color: #c34000;}
#box-form-login a:hover {color: #000000;}
.title-form-login {text-align: center;margin-bottom: 10px;background: url(../images/fond/black-transparent.png);color: #fff;padding: 15px 10px;font-weight: 100;}
.title-form-auth {text-transform: uppercase;padding: 10px;background: #222222;color: #fff;font-size: 14px;}
.content-form-auth {padding: 10px;}
.content-form-auth .vdsv-label, .content-form-auth .vdsv-input {color: #ffffff;}
.btn-form-auth {background: #ff5500; border: none;cursor:pointer; border-bottom: 4px #c34000 solid;width: 100%;padding: 10px;text-align: center;color: #ffffff;font-family: 'Montserrat', 'Oxygen', sans-serif;margin-bottom: 10px;}
.btn-form-auth:hover {background: #c34000;}
.content-form-auth a {color: #c34000;font-size: 12px;}
.content-form-auth a:hover {color: #eeeeee;}
.box-open {top: 65px !important;}

.box-send-msg {position: relative;margin-top: 80px;}
.talent-no-connect, .box-form-msg {padding: 70px 10px 20px 10px;}
.head-picture {width: 100px; height: 100px;position: absolute;top: -50px;}
.head-picture img {width: 100%;}
.my-picture {padding: 5px;background: #fff;}

#container-login {background: url(../images/fond/login.jpg) center center no-repeat;background-size: cover;position: relative;min-height: 300px;}
#box-form-login .vdsv-placeholder #pseudo {background: transparent url(../images/icons/user-email.png) right center no-repeat;}
#box-form-login .vdsv-placeholder #password {background: transparent url(../images/icons/user-pwd.png) right center no-repeat;}
.content-form-login {padding: 10px;}
.error-login {color: #ff0000;font-size: 13px;text-align: center;margin-bottom: 10px;}

#container-search {background: url(../images/fond/search-bg.jpeg) center center no-repeat;background-size: cover;}
.title-search {padding-top: 80px;text-align: center;color: #fff;font-size: 22px;font-weight: 300;}
.content-search {padding: 20px 50px;}
.box-contenu-search {width: 700px;margin: 30px auto;}
.box-field-form-search {padding: 20px;background: url(../images/fond/black-transparent.png);margin-bottom: 10px;}
.box-field-form-search input[type=text] {color: #ffffff;border-bottom: none;}
.box-field-form-search label {color: #ffffff;font-weight: 200;}
.box-field-form-search select {color: #ffffff;border-bottom: none}
.field-form-search-left {float: left;width: 48%;}
.field-form-search-right {float: right;width: 48%;}
.box-field-form-btn button {width: 100%;font-size: 16px;font-weight: 300;font-family: 'Montserrat', 'Oxygen', sans-serif;}
.important {color: #ff3d00;}
.critere-search {font-weight: 300;color: #ff3d00;font-style: italic;}
.search-empty {padding: 50px 20px;text-align: center;}

.flash {position: fixed;bottom: 0;left: 0;right: 0;text-align: center;font-size: 13px;z-index: 9;}
.flash-title-error {background:url(../images/fond/red-transparent.png);position: relative;}
.flash-success {background: #97bd7c;color: #214f00;}
.flash-title {padding: 10px; text-align: center;color:#fff;}
.flash-title-success {background: url(../images/fond/green-transparent.png);position: relative;}
.flash-error {background: #fd9a9a;color: #810000;}
.flash-title {padding: 10px;color: #fff;font-weight: bold;}
.flash-content {padding: 10px; font-size: 12px;}
.flash-content a {color: #000;text-decoration: none;}
.flash-content a:hover {color:#eee;text-decoration: underline;}
#flash-close-box {position: absolute;top:0;bottom:0;right: 5px;width: 30px;cursor: pointer;background: url(../images/icons/delete-white.png) center center no-repeat;}

#voile-popup {position: fixed; top: 0; left: 0; bottom: 0;right:0; background: url(../images/fond/black-transparent.png);z-index: 10;}
.close-popup {position: absolute; right: 50px;top: 70px;width: 30px;height: 30px;cursor: pointer;background: url(../images/icons/delete-white.png) center center no-repeat;}
.content-popup {background: #fff;width: 320px;position: absolute;}
.popup-title {padding: 15px 10px;background: #01579b; color: #fff;}
.popup-body {padding: 10px;font-weight: 200;font-size: 12px;}
.popup-body strong {font-weight: 600;}
.popup-body a {color: #c34000;}
.popup-body a:hover {color: #000000;}
.btn-close-popup {text-align: right;border-top: solid 1px #ccc;margin-top: 10px;padding-top: 10px;}
.popup-close {display: inline-block;padding: 10px;background: #ff3d00;color:#fff;cursor: pointer;border:1px solid #ff3d00;}
.popup-close:hover {background: transparent;color: #ff3d00}

#box-my-profil {position: fixed;top: 65px;right: -320px;bottom: 0;background: url(../images/fond/black2-transparent.png);width: 320px;}
.head-my-profil {border-bottom: 1px solid #666666;background: url(../images/fond/black-transparent.png);padding: 20px;text-align: center;}
.picture-my-profil {text-align: center;}
.picture-my-profil img {width: 150px;border: 2px solid #eeeeee;padding: 5px;}
.body-my-profil {padding: 20px;}
.body-my-profil a {color: #ffffff;display: block;}
.body-my-profil a:hover {color: #ff5500;}
.body-my-profil .compte {background: url(../images/icons/me.png) center left no-repeat;height: 32px;padding-left: 40px;line-height: 32px;margin-bottom: 10px;}
.body-my-profil .messagerie {background: url(../images/icons/mail.png) center left no-repeat;height: 32px;padding-left: 40px;line-height: 32px;margin-bottom: 10px;}
.body-my-profil .annonce {background: url(../images/icons/annonce.png) center left no-repeat;height: 32px;padding-left: 40px;line-height: 32px;}
.info-my-profil {margin-top: 15px;color: #ffffff;font-weight: 100;}
.foot-my-profil {position: absolute;bottom: 0;left: 0;right: 0;text-align: center;}
.edit-my-profil, .logout-my-profil {display: inline-block;width: 100%;}
.foot-my-profil a {display: block;padding: 10px;}
.logout-my-profil a {border-bottom: #c34000 4px solid;background: #ff5500; color: #ffffff;font-weight: 300;}
.logout-my-profil a:hover {background: #c34000}
.edit-my-profil a {border-bottom: #444444 solid 4px;background: #111111;color: #ffffff;font-weight: 100;}
.edit-my-profil a:hover {background: #000000;}
.info-my-profil .old-connexion {color: #dddddd;font-size: 11px;margin-top: 10px;}

.action-rapide {position: fixed;left: 10px;bottom: 65px;z-index: 17;width: 40px;height: 40px;/*background: url(../images/icons/retour.png);*/}
.action-rapide a {display: inline-block;}
.action-rapide a img {display: inline-block;}

#rs {display: none;}
.rs-show {display: block !important;}

.box-inbox {width: 100%;border: none; border-collapse: collapse;}
.box-inbox th {background: #dddddd;padding: 5px;text-align: left;font-weight: 400;}
.box-inbox td {border: 1px solid #eee;padding: 8px 5px;font-weight: 400;font-size: 13px;}

.box-message {cursor: pointer;color: #0174DF}
.box-message:hover {background: #eee;color: #000000;}

/*---- NAVBAR ----*/
.content-navbar {
  line-height: 65px;
}

.content-navbar .lien {
  display: inline-block;
  vertical-align: middle;
}

.content-navbar .lien a {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: 300;
  position: relative;
  color: #dddddd;
  margin: 0 10px;
  font-size: 12px;
  font-weight: 600;
}
.content-navbar .lien a img {
  display: inline-block;
  vertical-align: middle;
}

.content-navbar .lien a:hover {
  color: #ffffff;
}

.content-navbar .lien .menu-actif {
  color: #ff5500 !important;
}

.content-navbar .lien .menu-actif:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  background: #ff5500;
}


/*---- CONTAINER ----*/
#container {margin-top: 65px;}
#page-content {width: 1024px;background: #ffffff;margin: 0 auto;}
#page-content a {color: #ff5500;}
.padding-20 {padding: 20px;}
#page-content a:hover {color: #000081;}
#pourcentage-inscrit {
  float: right;
  margin-top: 160px;
  margin-right: 50px;
  font-size: 14px;
  color: #ffffff;
}

#pourcentage-inscrit .titre-pourcentage {
  border-bottom: 1px solid #003877;
  margin-bottom: 20px;
  color: #eeeeee;
  font-size: 16px;
  font-weight: 200;
}

#description-ikwe {
  float: left;
  margin-left: 50px;
  margin-top: 150px;
}

#description-ikwe .titre-description {
  font-size: 25px;
  font-weight: 300;
  color: #ffffff;
}

#description-ikwe ul {
  list-style: circle;
  margin-top: 50px;
}

#description-ikwe ul li {
  font-size: 20px;
  color: #ff5500;
}

#btn-inscription {
  margin-top: 50px;
  text-align: center;
}

#btn-inscription a {
  display: inline-block;
  background: #ff5500;
  padding: 15px 20px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 100;
  border-bottom: 6px solid #c34000;
}

#btn-inscription a:hover {
  background: #c34000;
}
#icon-btn-inscription {position: fixed;width: 60px;height: 60px;right: 30px;bottom: 30px;z-index: 10;}
#icon-btn-inscription a {display: block;}

.dc {text-transform: uppercase;padding: 0;margin: 0;position: relative;font-size: 15px;border-bottom: 2px solid #ff5500;}
.dc a {display: inline-block; padding: 10px; background: #ff5500; color: #ffffff !important;}
.dc a:hover {background: #c34000;}
.container-talent {float: left; width: 33.3333%;padding-left: 20px;padding-right: 20px;text-align: center;margin-top: 20px;margin-bottom: 20px;}
.details-talent {border: 1px solid #f7f7f7;border-top: #0174DF solid 1px;height: 180px;position: relative;padding: 5px;}
.type-profil {position: absolute;top: -95px;left: 26px;padding: 5px; font-size: 10px;font-weight: 300;background: #ff4400;color: #ffffff;text-align: center;transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.profil-picture {width: 130px;height: 130px;display: inline-block;border: 1px solid #eeeeee;padding: 5px;border-radius: 50%;-o-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;margin-top:0px;background: #ffffff;margin-bottom: 20px;}
.profil-picture img {width: 100%;border-radius: 50%;-o-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;}
.profil-personne {margin: 20px 0px;font-size: 16px;}
.profil-titre {margin-bottom: 20px;font-size: 14px;}
.profil-description {font-size: 12px;margin-bottom: 20px;color: #666666;padding: 0 10px;}

.container-offre-emploi {border: 1px #e9e9e9 solid;margin-bottom: 30px;}
.entete-offre-emploi {background: #eeeeee;border-bottom: 1px solid #dddddd;padding: 10px;}
.content-faq {padding: 10px;}

.icon-facebook {width: 48px;height: 48px;background: url(../images/icons/facebook.png) center center no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.icon-youtube {width: 48px;height: 48px;background: url(../images/icons/youtube.png) center center no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.icon-whatsapp {width: 48px;height: 48px;background: url(../images/icons/whatsapp.png) center center no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
#box-infos {float: left; width: 60%;}
#box-infos img {width: 100%;}
#box-fil-infos {float: right;width: 35%;border: #e8e8e8 1px solid;position: sticky;top: 65px;right: 0;}
.box-faq-details {margin-top: 20px;border-top: 1px #eeeeee solid;padding-top: 10px;}
.box-fil-infos-titre {padding: 10px;background: #f9f9f9;border-bottom: #cccccc 1px solid;}
.box-statut-void {padding: 20px 10px;font-size: 13px;text-align: center;}
.fil-actualite-content {padding: 15px 10px;font-size: 13px;}
.faq {margin-bottom: 15px;}
.faq-question {font-weight: 600;text-transform: uppercase;margin-bottom: 10px;}

.navbar-emploi {border-bottom: 1px solid #cecbc9;text-transform: uppercase;text-align: center;}
.navbar-emploi a {display: inline-block;padding: 10px;width: 50%;float: left;}
.menu-emploi-actif {background: #eeeeee;}
.titre-offre-emploi {padding: 10px;}
.description-offre-emploi {padding: 10px;}
.type-contrat {padding: 10px;font-size: 14px;color: #444444;}
.plus-infos {margin-top: 20px;margin-bottom: 2px;border-top: 1px solid #eeeeee;padding: 10px;}
.plus-infos .share-emploi {float: left;}
.plus-infos .nombre-vue-annonce {float: right;width: 48px;height: 48px;line-height: 48px;font-size: 11px;background: url(../images/icons/read.png) center center no-repeat;text-align: center;}

.void-content {padding: 30px 10px;text-align: center; font-size: 13px;}
.container-offre-emploi-other {padding: 5px;margin-bottom: 10px;}
.container-offre-emploi-other .description-offre-emploi {font-size: 13px;color: #444444;}

.box-field-form-left {float: left; width: 48%;}
.box-field-form-right {float: right; width: 48%;}
.info-importante-inscription {margin: 15px auto;background: #e9e9e9;padding: 15px 10px;;font-size: 11px;}
.compte-exist {font-size: 12px;margin-left: 15px;}
.btn-inscription {border-bottom: 4px #c34000 solid; border-left: none;font-family: 'Montserrat', 'Oxygen', sans-serif;text-transform: uppercase;cursor: pointer;font-size: 11px;border-top: none;border-right: none;background: #ff5500;color: #ffffff;display: inline-block;padding: 15px;}
.btn-inscription:hover {background: #c34000;}

.box-actualite {margin-bottom: 20px;}
.box-actualite-titre {margin-top: 15px;font-weight: 300;margin-bottom: 20px;}
.box-actualite-accroche {font-size: 14px;color: #555555;}
.box-actualite-details {margin-top: 15px;padding: 10px;font-size: 12px;background: #f9f9f9;position: relative;}
.item-actu-video-page iframe {width: 100%;}
.box-commentaire {position: absolute;top: 0;right: 0;bottom: 0;height: 68px;line-height: 68px;padding-right: 10px;}
.box-partage {float: left;display: inline-block;vertical-align: middle;}
.box-actualite-img {height: 300px;}
.box-actu-img img {width: 100%}

.actualite {margin-bottom: 30px;margin-top: 5px;position: relative;border-bottom: 1px solid #dddddd;}
.actualite-img-profil {padding: 10px;}
.actualite-img-profil .img-profil {width: 50px; height: 50px;background: #fff;padding: 3px;border: 1px solid #e9e9e9;display: inline-block;vertical-align: middle;margin-right: 10px;}
.actualite-img-profil img {width: 100%;}
.actualite-auteur {padding: 10px;color:#888;font-size: 12px;}
.actualite-description {padding: 10px;font-size: 12px;font-weight: 200}
.actualite-titre {padding: 10px 10px 0 10px; font-weight: 600;}
.actualite-action {position: absolute; right: 0; top: -20px;}
.actualite-action a {display: inline-block;padding: 0 5px}
.actualite-action img {width: 15px;}

.form-commentaire {background: #eeeeee;margin: 10px;padding: 5px;position: relative;}
.initial-user {float: left;width: 10%;height: 40px;border: 1px solid #01579b;background: #01579b;color: #fff;line-height: 38px;text-align: center;font-weight: 300;font-size: 12px;}
.box-form-comment {float: left;width: 90%;height: 60px;background: #fff;}
.btn-comment {position: absolute;right: 0;top:0;bottom:0;background: url(../images/icons/send-comment.png) center center no-repeat;width: 10%;border: none;cursor: pointer;}
.champ-form-comment {position: relative;}
.champ-form-comment label {font-weight: 200;position: absolute;color: #757575;font-size: 12px;padding: 5px;font-family: 'Montserrat', 'Oxygen', sans-serif;}
.label-comment-on {color: #bdbdbd !important;}
.champ-form-comment textarea {font-weight: 200;position: absolute;max-width: 100%;min-width: 100%;font-family: 'Montserrat', 'Oxygen', sans-serif;font-size: 12px;padding: 5px;min-height: 40px;max-height: 40px;outline: none;border: none;background:transparent;}
.content-post-edit {background: #fff;border: 1px solid #ddd;position: absolute;width: 100%;bottom: 40px;z-index: 20;display: none;}
.content-post-edit textarea {font-weight: 200;max-width: 100%;min-width: 100%;font-family: 'Montserrat', 'Oxygen', sans-serif;font-size: 12px;padding: 5px;min-height: 40px;max-height: 40px;outline: none;border: none;background:transparent;}
.action-edit-comment {border-top: 1px solid #ddd;text-align: center;}
.action-edit-comment span {display: inline-block;padding: 5px;font-size: 11px;cursor: pointer;}
.action-edit-comment-confirm {color: #329219;}
.action-edit-comment-confirm:hover {color: #0174DF;}
.action-edit-comment-cancel {color: #F00;}
.action-edit-comment-cancel:hover {color: #000;}
.msg-success {background: #33691e;text-align: center;padding: 10px 5px;color:#c0e1b1;font-weight: 100;}

.container-comment {background: #fff;}
.commentaire-post {margin-top: 5px;padding: 5px 10px;}
.content-comment {position: relative;padding: 5px;margin-bottom: 5px;}
.titre-commentaire {font-weight: 600;font-size: 18px;padding-top: 10px;}
.nb-commentaire {padding: 0px 10px;font-size: 10px;text-align: right;}
.nb {display: inline-block;padding:5px 0px;}
.head-comment {border: solid 1px #e8e8e8;width: 30px;height: 30px;color: #fff !important;line-height: 30px;color: #000;text-align: center;font-weight: 200;font-size: 10px;float: left;}
.head-comment img {width: 100%;}
.body-comment {padding-left: 10px;font-size: 11px;width: 85%;font-weight: 200;float: left;}
.body-comment strong {font-weight: 600;position: relative;margin-bottom: 5px;display: block;}
.comment-children {margin-left: 12%;position: relative;}
.btn-reply-post {font-weight: 200;background: transparent;border: none;cursor: pointer;color: #0174DF;font-size: 11px;display: inline-block;}
.btn-reply-post:hover {color: #250b6e;}
.icon-reply {display: inline-block;vertical-align: middle;width: 32px;height: 32px;margin-right: 10px;background: url(../images/icons/reply.png) center center no-repeat;}
.icon-delete {display: inline-block;vertical-align: middle;width: 32px;height: 32px;margin-right: 10px;background: url(../images/icons/delete.png) center center no-repeat;}
.repondre {margin-right:5px; width: 12px; height: 12px; display: inline-block;vertical-align: middle;background: url(../images/icons/repondre.png) center center no-repeat;}
.date-relative {color: #000}
.first-comment {padding: 5px 10px;font-size: 11px;font-weight: 200;text-align: center;color: #009688;}
.box-options {width: 80px; position: absolute;right: 0; top: 30px;z-index: 10;}
.box-options-content {position: relative;}
.btn-comment-options {position: absolute;z-index: 8;top: -25px; right: 0;width: 5%;cursor: pointer;height: 24px;background: url(../images/icons/options.png) center center no-repeat;}
.options-content {background: #f5f5f5;font-size: 10px;font-weight: 100;border: 1px solid #eee;display: none;z-index: 10;opacity: 0;}
.options-content-show {display: block; opacity: 1;}
.options-content span {display: block; padding: 2px 4px;text-align: right;color: #ff3d00;cursor: pointer}
.options-content span:hover {color: #0174DF;}
.content-comment-actu {background: #f9f9f9; padding: 10px;margin-top: 10px;}
.head-comment-actu {border-bottom: 1px solid #ccc;}
.date-relative {color: #444;font-size: 11px;}
.comment-children-actu {margin-left: 20px;}
.btn-reply {font-size: 13px;margin-top: 10px;font-weight: 200;color: #ff3d00;cursor: pointer}
.btn-reply:hover {color:#000;}
.body-comment-actu {font-weight: 300;margin: 10px 0;}
.btn-envoyer-comment {padding: 10px;width: 100%;cursor: pointer;background: #ff3d00;text-transform: uppercase;color: #fff;border: none;}
.btn-envoyer-comment:hover {background: #01579b;}
.titre-form-comment {font-weight: 600;margin-top: 15px;border-top: 1px solid #e8e8e8;padding-top: 10px;}

.voile-talent {z-index: 6;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;filter: blur(4px);-o-filter: blur(4px);-mz-filter: blur(4px);-moz-filter: blur(4px);-webkit-filter: blur(4px);}
.voile-info {z-index: 7;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:url(../images/fond/black-transparent.png);}
.info-user {z-index: 8;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.image-profil {text-align: center;}
.content-img-profil {border: #f8f8f8 2px solid;width: 130px;height: 130px;padding: 5px;display: inline-block;margin-top: 90px;position: relative;}
.content-img-profil .mon-image {width: 100%;}
.btn-add-picture {position: absolute;width: 50px;height: 50px;bottom:0;background: url(../images/fond/white-transparent.png);left: -10px;}
.btn-add-picture a {display: block;width: 50px;height: 50px;background: url(../images/icons/picture.png) center center no-repeat;}
.autre-info {text-align: center;margin-top: 20px;padding: 10px 5px;}
.autre-info .nom-prenom-info {font-size: 25px;font-weight: 200;color: #ffffff;margin-bottom: 20px;margin-top: 10px;display: inline-block;}
.autre-info .pays-residence-info {color: #ff5500;margin-bottom: 15px;}
.resume-info {font-size: 25px;text-align: center;margin-top: 30px;}
.domaine-competence-info {text-align: center;color: #ff5500;margin-top: 20px;margin-bottom: 20px;font-weight: 400;}
.description-info {padding: 20px 10px;border: #ddd 1px solid;margin-bottom: 20px;}
.content-description {font-weight: 300;font-size: 18px;}

.box-details-talent .box-formation {margin-bottom: 20px;border-left: #027bc8 4px solid;background: #fff9f9;}
.box-details-talent .box-experience {margin-bottom: 20px;border-left: #009688 4px solid;background: #fff9f9;}
.box-details-talent .box-competence {margin-bottom: 20px;border-left: #455a64 4px solid;background: #fff9f9;}
.box-details-talent .box-centre-interet {margin-bottom: 20px;border-left: #827717 4px solid;background: #fff9f9;}
.box-details-talent .titre-rubrique {text-transform: uppercase;font-weight: 600;padding: 10px;font-size: 14px;position: relative;}
.rubrique-icon {width: 40px; height: 40px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.icon-formation {background: url(../images/icons/formation.png) center center no-repeat;}
.icon-experience {background: url(../images/icons/experience.png) center center no-repeat;}
.icon-competence {background: url(../images/icons/competence.png) center center no-repeat;}
.icon-centre-interet {background: url(../images/icons/centre-interet.png) center center no-repeat;}

.rubrique-icon-pro {width: 48px;height: 48px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.btn-edit-pro {margin-top: 10px;}


.icon-pro-ca {background: url(../images/icons/pro-ca.png) center center no-repeat;}
.icon-pro-adresse {background: url(../images/icons/pro-adress.png) center center no-repeat;}
.icon-pro-effectif {background: url(../images/icons/pro-effectif.png) center center no-repeat;}
.icon-pro-web {background: url(../images/icons/pro-web.png) center center no-repeat;}
.icon-pro-facebook {background: url(../images/icons/pro-facebook.png) center center no-repeat;}
.icon-pro-twitter {background: url(../images/icons/pro-twitter.png) center center no-repeat;}
.icon-pro-youtube {background: url(../images/icons/pro-youtube.png) center center no-repeat;}
.pro-content {padding: 5px 5px 20px 72px;font-weight: 300;}

.icon-edit-item-pro {display: inline-block;cursor: pointer;margin-right: 10px;vertical-align: middle;width: 25px;height: 25px;background: url(../images/icons/profil-edit-generic.png) center center no-repeat;}

.content-detail {padding: 10px 15px;position: relative;border-top: #f2f2f2 solid 1px;}
.content-detail .nom-institution {color: #c34000;font-weight: 600;position: relative;margin-bottom: 5px;margin-right: 30px;}
.content-detail .libelle {font-size: 13px;margin-bottom: 10px;font-weight: 300;margin-right: 30px;}
.content-detail .periode {font-size: 12px;margin: 15px 0;font-weight: 200;margin-right: 30px;}
.content-detail .libelle-societe {font-size: 14px;margin: 15px 0;font-weight: 600;margin-right: 30px;}
.content-detail .description {margin-top: 10px;font-size: 12px;margin-right: 30px;}
.edit-rubrique {position: absolute;right: 10px;top: 0;bottom: 0;width: 24px;z-index: 10;}
.edit-rubrique a {display: block;width: 100%;margin-bottom: 5px;}

.jauge-competence {display: inline-block;vertical-align: middle;margin-right: 10px;height: 20px;width: 150px;background: #dcedc8;position: relative;}
.niveau-competence {font-weight: 200;font-size: 13px;}
.jauge-moyen:after {content:"";background:#689f38;width: 50%;position: absolute;top: 0;bottom: 0;left: 0;}
.jauge-faible:after {content:"";background:#b6da8d;width: 25%;position: absolute;top: 0;bottom: 0;left: 0;}
.jauge-excellent:after {content:"";background:#33691e;width: 100%;position: absolute;top: 0;bottom: 0;left: 0;}

.nb-data {background: #ff5500;color: #ffffff;display: inline-block;vertical-align: middle;width: 30px;height: 30px;line-height: 30px;font-size: 11px;text-align: center;font-weight: 600;}

.ik-mail {position: absolute; right: 15px;top: 0px;font-size: 14px;}
.ik-mail .initial {background: #ff5500;color: #ffffff;display: inline-block;vertical-align: middle;margin-right: 10px;width: 45px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;font-weight: 600;}

.box-edit {text-align: center;}
.box-edit a {display: inline-block;width: 60px;height: 60px;background: #ff4400 url(../images/icons/edit.png) center center no-repeat;border: 1px solid #ff4400;}
.box-edit a:hover {background: url(../images/icons/profil-edit.png) center center no-repeat;}

.icon-me {display: inline-block;vertical-align: middle;margin-right: 10px;width: 32px;height: 32px;}
.me-facebook {background: url(../images/icons/me-facebook.png) center center no-repeat;}
.me-statut {background: url(../images/icons/me-statut.png) center center no-repeat;}
.me-demande-offre {background: url(../images/icons/me-demande-offre.png) center center no-repeat;}
.box-access-rapide {display:inline-block;margin: 5px;padding: 5px;font-weight: 200;}
.info-add-picture {padding: 10px;display: none;}

.infos-emploi {margin: 20px 0;}
.btn-add-option {position: absolute;right: 0;width: 50px;bottom: 0;top: 0;background: url(../images/icons/add.png) center center no-repeat;}
.edit-rubrique-ci img {width: 15px;text-align: center;margin-left: 3px;margin-right: 3px;}

.jour-naissance, .mois-naissance, .annee-naissance {float: left;width: 33.3333%;}
.box-hide {display: none;}

.box-offre-emp {padding: 0 15px;float: left;width: 50%;margin-bottom: 20px;}
.content-offre {height: 180px;padding: 10px;border: 1px solid #ddd;position: relative;overflow: hidden;}
.titre-offre {font-size: 18px;font-weight: 200;}
.type-contrat {color: #666;margin-top: 10px;font-size: 13px;}
.libelle-contrat {background: #eee;padding: 10px 5px;display: inline-block;margin-right: 5px;color: #888;}
.footer-offre-emp {position: absolute;left: 0;right: 0;bottom: 0;background: #eee;border-top: 1px solid #ddd;font-size: 10px;color: #777;}
.icon-footer-offre {float: left;width: 33.3333%;text-align: center;display: inline-block;vertical-align: middle;height: 32px;line-height: 32px;}
.list-action {cursor: pointer;}
.box-action {position: absolute;right: -60px;top: 0;bottom: 0;background: url(../images/fond/black-transparent.png);transition: right 0.3s;-o-transition: right 0.3s;-ms-transition: right 0.3s;-moz-transition: right 0.3s;-webkit-transition: right 0.3s;}
.content-box-action {padding: 10px;}
.box-action a {display: block;}
.list-action-activ {right: 0;}
.bulle-offline {display: inline-block;width: 15px;height: 15px;margin-right: 5px;vertical-align: middle;background: url(../images/icons/bulle-offline.png) center center no-repeat;}
.bulle-online {display: inline-block;width: 15px;height: 15px;margin-right: 5px;vertical-align: middle;background: url(../images/icons/bulle-online.png) center center no-repeat;}

#content-talents {min-height: 350px;}
.content-talents-loading {text-align: center;padding-top: 100px;}

.head-message {background: #0174DF;color: #ffffff;}
.expediteur {float: left;width: 30%;border-right: 1px solid #eeeeee;display: block;padding: 10px;}
.sujet {float: left; width: 50%;border-right: 1px solid #eeeeee;display: block;padding: 10px;}
.date {float: left; width: 20%;display: block;padding: 10px;}
.box-message .expediteur, .box-message .sujet, .box-message .date {border: #eeeeee solid 1px;margin-top: -1px;}

.btn-edit-pro button {padding: 10px 5px;text-align: center;font-family: 'Montserrat', 'Oxygen', sans-serif;font-size: 11px;border: none;cursor: pointer;}
.btn-edit-pro .btn-save {background: #33691e;color: #ffffff;}
.btn-edit-pro .btn-save:hover {background: #214f00;}
.btn-edit-pro .btn-cancel {background: #666666;color: #ffffff;}
.btn-edit-pro .btn-cancel:hover {background: #222222;}

.field-pro-left {float: left;width: 50%;}
.field-pro-right {float: right;width: 50%;}
.pro-form {display: none;}

.void-description {text-align: center;padding: 50px 0;color: #444444;}
#voile-my-profil {background: url(../images/fond/black-transparent.png);position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 15;display: none;}

.content-captcha {padding: 10px;background: #eeeeee;}

.box-contenu {position: relative;}

.btn-edit-pwd {position: absolute; right: 0px;bottom: 2px;padding: 15px 10px;border-bottom: 4px #c34000 solid;font-family: 'Montserrat', 'Oxygen', sans-serif;
cursor: pointer;font-size: 11px;background: #ff5500;color: #ffffff;}
.btn-edit-pwd:hover {background: #222222;}

#void-edit-pwd {background: url(../images/fond/black-transparent-80.png);position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 18;}
#box-edit-pwd {width: 300px;position: absolute;z-index: 19;background: #ffffff;}
.titre-edit-pwd {background: #003877;padding: 15px 10px;color: #ffffff;font-weight: 200;}
.content-edit-form-pwd {padding: 10px;position: relative;}
.content-edit-form-pwd .vdsv-placeholder {margin-bottom: 10px;height: auto !important;}
.content-edit-form-pwd .vdsv-placeholder .vdsv-label, .content-edit-form-pwd .vdsv-placeholder .box-field-form-neutre {font-size: 12px !important;}
.close-box-edit-pwd {text-align: center;position: absolute; right: 10px;background: #222222;color: #ffffff;font-size: 12px;padding: 10px;display: inline-block;cursor: pointer;border-bottom: 4px solid #000}
.close-box-edit-pwd:hover {background: #000;}
.btn-pwd-edit {border-bottom: 4px #c34000 solid;border-left: none;font-family: 'Montserrat', 'Oxygen', sans-serif;
cursor: pointer;font-size: 12px;border-top: none;border-right: none;background: #ff5500;color: #ffffff;display: inline-block;padding: 10px;}
.btn-pwd-edit:hover {background: #333;}

/*---- FOOTER ----*/
footer {background: #e0e0e0;padding-top: 30px;}
.footer {width: 1024px; padding: 20px;margin: 0 auto;}
.box-footer {float: left; width: 33.3333%;}
.footer-content {margin-right: 50px;}
.content-footer a {display: block;padding: 8px 0;color: #333333;font-size: 12px;}
.content-footer a:hover {color: #c34000;}
.box-footer .title-footer {color: #000000;font-size: 18px;border-bottom: dashed 1px #444444;margin-bottom: 15px;}
.copyright {background: #cecbc9;text-align: center; color: #333333;padding: 20px 15px;font-size: 11px;}

/*---- AUTRES ----*/

.clear {
    clear: both;
}

.line-separator {
  border-top: #000750;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 6px;
}
.separateur-special {border-top: #eeeeee solid 1px;margin-top: 10px;margin-bottom: 10px;}
.separateur {
  border-top: 1px solid #ccc;
  margin: 10px 0;
}
.box-barre-orange {text-align: center;padding: 0 45%;}
.box-barre-gray {text-align: center;padding: 0 30%;}
.barre {display: inline-block;margin: 10px 0;height: 1px;width: 100%;}
.box-barre-orange .orange {background: #ff4400;}
.box-barre-orange .gray {background: #cccccc;}
.box-barre-gray .gray {background: #eeeeee;margin-top: 20px;}


/* Transition color */

.transition-color {
  transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}

.transition-opacity {
  transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.transition-background {
  transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
}


/* Border radius */

.border-radius-5 {
  border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.border-radius-top-left-5 {
  border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}

.border-radius-top-right-5 {
  border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.border-radius-top-left-10 {
  border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
}

.border-radius-top-right-10 {
  border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

.border-radius-10 {
  border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.border-radius-50-pourcent {
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.border-radius-bottom-left-5 {
    border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.border-radius-bottom-right-5 {
  border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  -ms-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}


/* Box shadow */

.box-shadow {
  box-shadow: 2px 0px 3px #ddd;
  -o-box-shadow: 2px 0px 3px #ddd;
  -ms-box-shadow: 2px 0px 3px #ddd;
  -moz-box-shadow: 2px 0px 3px #ddd;
  -webkit-box-shadow: 2px 0px 3px #ddd;
}