@charset "UTF-8";
ul {
  display: block;
  list-style-type: disc;
  margin: 1em 0 1em;
  padding-left: 40px; }

h2 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1em; }

h3 {
  font-weight: bold;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1em; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

sub {
  font-size: 0.85em;
  line-height: 1em;
  vertical-align: sub; }

sup {
  font-size: 0.85em;
  line-height: 1em;
  vertical-align: super; }

.cleanarr tr:first-child {
  background: #4C5FD7 !important;
  color: #FFFFFF; }
.cleanarr tr:nth-child(even) {
  background: #EFEFEF; }
.cleanarr tr:nth-child(odd) {
  background: #FFFFFF; }
.cleanarr tr th {
  padding: 3px;
  border-right: 1px dotted #CCCCCC; }
.cleanarr tr td {
  padding: 3px;
  border-right: 1px dotted #CCCCCC; }

.thumbsignature {
  color: #303133 !important; }

@media screen and (orientation: landscape) and (max-width: 600px) {
  header {
    width: 100vw; } }

@media screen and (orientation: landscape) and (max-width: 600px) {
  footer {
    width: 100vw; } }

@media screen and (min-width: 600px) and (max-width: 1200px) {
  header {
    width: 1300px; } }

@media screen and (min-width: 600px) and (max-width: 1200px) {
  footer {
    width: 1300px; } }

/* */
#topbnnr {
  display: block;
  width: 1250px;
  height: 90px;
  padding: 0;
  margin: 0;
  border: 0; }
  @media screen and (max-width: 600px) {
    #topbnnr {
      width: 312px;
      height: 100px;
      margin: 0 auto 0 auto; } }

#botbnnr {
  display: block;
  width: 1250px;
  height: 90px;
  padding: 0;
  margin: 0 auto 0 auto;
  border: 0; }
  @media screen and (max-width: 600px) {
    #botbnnr {
      width: 312px;
      height: 100px;
      margin: 0 auto 0 auto; } }

#cntrbnnr {
  display: block;
  width: 300px;
  padding: 0;
  margin: 0;
  border: 0; }
  @media screen and (max-width: 600px) {
    #cntrbnnr {
      width: 300px;
      margin: 0 auto 0 auto; } }

form#return {
  display: inline-block; }

form.no-style {
  display: inline-block; }
  form.no-style input {
    border: none;
    background-color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    cursor: pointer; }

.no-space-under {
  margin-bottom: 0; }

.no-space-above-under {
  margin-top: 0;
  margin-bottom: 0; }

.greyPic {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.filter-produit form {
  margin-top: 30px;
  width: 100%; }
  .filter-produit form div {
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 5px;
    width: 45px;
    height: 45px;
    position: relative;
    display: inline-block; }
    .filter-produit form div input[type=submit] {
      position: absolute;
      cursor: pointer;
      border: none;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .filter-produit form div .current {
      border-radius: 5px;
      background-color: #4C5FD7 !important; }
    .filter-produit form div img {
      padding: 5px;
      position: absolute; }
  .filter-produit form div.current {
    background-color: #4C5FD7; }

.banner {
  display: block;
  width: 100%;
  text-align: left; }

#wrapper-ad-heading {
  display: inline-block;
  width: 260px;
  text-align: right; }
  @media screen and (max-width: 600px) {
    #wrapper-ad-heading {
      margin-top: 20px; } }
  #wrapper-ad-heading a.ob_button {
    color: #FFF !important;
    background-color: #E54900 !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    width: 260px !important;
    height: 45px;
    display: inline-block !important;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center; }
    @media screen and (max-width: 600px) {
      #wrapper-ad-heading a.ob_button {
        width: 150px !important;
        height: 60px; } }

@media screen and (max-width: 600px) {
  html {
    width: 100vw; }
    html #contenu {
      margin-top: 100px !important;
      padding-left: 5px !important; }
      html #contenu #fullarticle {
        margin-top: 45px; }
        html #contenu #fullarticle div.formobilediv img {
          width: 100vw; } }

@media screen and (max-width: 600px) {
  form.tagForm {
    display: block !important;
    margin-top: 10px;
    margin-bottom: 10px; }

  form#similarTag {
    display: block !important;
    margin-top: 10px;
    margin-bottom: 10px; } }
img#brandPic {
  margin-top: 20px;
  margin-bottom: 40px;
  display: block; }

div#data_rules img {
  width: 40px;
  vertical-align: middle; }

span#sub_form_wrapper {
  margin-top: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%; }
  @media screen and (max-width: 600px) {
    span#sub_form_wrapper {
      width: 100vw; } }
  span#sub_form_wrapper a {
    border-color: #4C5FD7;
    border-radius: 5px;
    background-color: #FFF;
    color: #000;
    border-style: solid;
    border-width: thin;
    text-decoration: none;
    cursor: pointer;
    padding: 5px; }
    @media screen and (max-width: 600px) {
      span#sub_form_wrapper a {
        display: inline-block;
        width: 26vw; } }

@media screen and (max-width: 600px) {
  article#onlyOne {
    margin-top: 50px; }
    article#onlyOne form.tagForm {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px; }
    article#onlyOne form#similarTag {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px; } }

.glossaryLetters {
  display: block;
  text-align: center; }
  .glossaryLetters a {
    padding: 7px; }

.specialNote {
  border-style: solid;
  border-width: thin;
  font-weight: bold !important;
  padding: 10px;
  font-size: 14px;
  width: 850px;
  display: block;
  margin-right: auto;
  margin-left: auto; }

.produits#focus {
  text-align: center;
  margin-top: 0px; }

p#index {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%; }
  p#index a {
    padding: 5px; }

p#access {
  text-align: right; }

.tourisme-place {
  font-size: 15px;
  margin-bottom: 5px;
  background-color: aliceblue;
  padding: 15px;
  text-align: center; }

.titleArrow {
  display: none !important; }

form#prevMonthForm button {
  border-color: #4C5FD7 !important;
  border-radius: 5px !important;
  background-color: #FFF !important;
  color: #000 !important;
  border-style: solid !important;
  border-width: thin !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 5px !important; }
form#prevMonthForm img.verticalFlip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  vertical-align: bottom; }
form#prevMonthForm img {
  vertical-align: bottom; }

form#nextMonthForm img {
  vertical-align: bottom; }
form#nextMonthForm button {
  color: #000 !important;
  padding: 5px !important;
  border-color: #4C5FD7 !important;
  background-color: #FFF !important;
  border-radius: 5px !important;
  border-style: solid !important;
  border-width: thin !important;
  text-decoration: none !important;
  cursor: pointer !important; }

div.video div span iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }

.opacity {
  background-color: rgba(255, 255, 255, 0.9); }

div.spotsWrapper {
  width: 45%;
  padding: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  div.spotsWrapper .orangeButton {
    text-align: center !important;
    margin-left: 15px;
    margin-right: 15px; }

#hfrservices div {
  display: block;
  position: relative; }
  #hfrservices div img {
    display: inline-block;
    vertical-align: bottom; }
  #hfrservices div h2 {
    font-size: 15px;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0; }

table.jobTable {
  border-width: thin;
  border-spacing: 2px;
  border-style: none;
  border-color: black;
  width: 700px; }
  @media screen and (max-width: 600px) {
    table.jobTable {
      width: 100vw !important;
      overflow-x: auto !important;
      display: block !important; } }
  table.jobTable tr th {
    text-align: center;
    color: #FFF;
    font-style: normal;
    background-color: #e8503a; }
  table.jobTable tr:nth-child(even) {
    background-color: #eee; }
  table.jobTable tr:nth-child(odd) {
    background-color: #fff; }
  table.jobTable td {
    text-align: center; }

.inline-dates {
  position: relative;
  display: inline-block;
  padding: 10px;
  text-align: right; }
  .inline-dates input[type=submit] {
    display: inline-block; }

.partenaires-emplois {
  margin-top: 50px;
  border-top: 1px dotted;
  text-align: center;
  width: 70%;
  margin-right: auto;
  margin-left: auto; }
  .partenaires-emplois p {
    display: block; }
  .partenaires-emplois img {
    width: 80px; }

img.bouy {
  width: 80px; }

.productResult {
  margin-top: 25px;
  position: relative;
  display: block;
  border-radius: 5px;
  border-width: thin;
  border-style: solid;
  padding: 10px;
  padding-top: 0; }
  .productResult h2 {
    font-size: 15px;
    text-decoration: underline; }
  .productResult a {
    text-decoration: none !important;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%; }
    .productResult a p {
      width: 700px;
      padding-top: 0;
      padding-bottom: 0;
      font-size: 12px; }
      @media screen and (max-width: 600px) {
        .productResult a p {
          width: 90%; } }
    .productResult a img {
      float: right;
      height: 80px;
      width: 80px; }

.search-article {
  margin-top: 25px;
  position: relative;
  display: block;
  border-radius: 5px;
  border-width: thin;
  border-style: solid;
  padding: 10px;
  padding-top: 0;
  height: 90px; }
  .search-article .signature {
    position: relative;
    display: inline-block;
    width: fit-content;
    color: #000000; }
    .search-article .signature a {
      display: block;
      height: 100%;
      width: 100%;
      color: #000000; }
    .search-article .signature span {
      display: inline-block;
      vertical-align: bottom;
      color: #000000; }
  .search-article h2 {
    font-size: 15px; }
  .search-article a {
    text-decoration: none !important;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%; }
    .search-article a p {
      width: 700px;
      padding-top: 0;
      padding-bottom: 0;
      font-size: 12px; }
    .search-article a img {
      float: right; }
    .search-article a img.img2 {
      float: right;
      width: 80px;
      height: 80px; }

.rowParking h2 {
  display: inline-block;
  font-size: 15px; }
.rowParking img {
  display: inline-block;
  vertical-align: bottom;
  padding-right: 10px; }
.rowParking p {
  margin: 2px 5px;
  font-size: 14px; }
.rowParking a {
  cursor: pointer; }
.rowParking .action-wrapper p {
  display: inline-block; }

.tagsArticle {
  display: block; }
  .tagsArticle h2 {
    display: inline-block;
    font-size: 15px;
    width: 100px;
    vertical-align: middle;
    margin-right: 2px;
    margin-left: 2px; }
    .tagsArticle h2 form {
      display: inline-block; }

.emploi {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.content-recruteurs {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 900px; }
  .content-recruteurs .recruteur {
    margin-bottom: 10px;
    display: inline-block;
    width: 100px;
    position: relative;
    padding-left: 5px;
    padding-right: 5px; }
    .content-recruteurs .recruteur a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none; }
    .content-recruteurs .recruteur p {
      text-align: center; }
    .content-recruteurs .recruteur img {
      margin-right: auto;
      display: block;
      margin-left: auto; }

.content-recruteurs-sidebar {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  width: 100px; }
  .content-recruteurs-sidebar .recruteur {
    margin-bottom: 20px;
    display: block;
    width: 120px;
    position: relative;
    padding-left: 5px;
    padding-right: 5px; }
    .content-recruteurs-sidebar .recruteur a {
      display: block;
      width: 100%;
      text-decoration: none; }
    .content-recruteurs-sidebar .recruteur p {
      text-align: center;
      margin-top: 0; }
    .content-recruteurs-sidebar .recruteur img {
      margin-right: auto;
      display: block;
      margin-left: auto;
      border-color: #D8D8D8;
      border-style: solid;
      border-width: thin;
      border-radius: 5px; }

.searchResult {
  border-style: solid;
  border-width: thin;
  border-radius: 5px; }
  .searchResult a {
    text-decoration: none !important; }
    .searchResult a header h2 {
      padding: 10px; }
    .searchResult a p {
      font-size: 15px;
      padding: 10px; }
    .searchResult a span {
      padding: 10px;
      font-size: 12px; }

.tab-wrapper-recherche {
  display: block;
  text-align: center;
  width: 82%; }
  .tab-wrapper-recherche a {
    border-style: outset;
    border-width: thin;
    border-color: #0061FF;
    border-radius: 10px 0 0 0;
    width: 334px;
    color: #000 !important;
    cursor: pointer;
    text-decoration: none;
    display: inline-block; }
  .tab-wrapper-recherche a.current {
    border-style: inset;
    color: #fff !important;
    background-color: #0061FF !important;
    background-size: cover; }

.TabPanel {
  display: block;
  padding: 15px;
  background: ghostwhite; }
  .TabPanel p:nth-child(2) {
    width: fit-content;
    display: inline-block; }
  .TabPanel form.inline-spell {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    width: fit-content;
    height: fit-content; }
    .TabPanel form.inline-spell input {
      font-size: 15px;
      border: 1px solid #C4C4C4;
      border-radius: 4px;
      cursor: pointer;
      width: fit-content;
      height: 30px; }

.sideBarSearch fieldset {
  margin-top: 10px;
  text-align: left;
  border-radius: 5px;
  border-width: thin; }
  .sideBarSearch fieldset ul {
    display: list-item; }
    .sideBarSearch fieldset ul button {
      color: #FFF !important;
      background-color: #E54900 !important;
      border: none !important;
      font-size: 15px !important;
      cursor: pointer !important;
      text-decoration: none !important;
      display: inline-block !important;
      margin-bottom: 10px;
      margin-top: 10px;
      text-align: center; }
  .sideBarSearch fieldset span {
    display: block; }
    .sideBarSearch fieldset span input[type=radio] {
      display: inline-block; }
  .sideBarSearch fieldset label {
    display: inline-block;
    font-size: 13px; }
.sideBarSearch input[type=submit] {
  color: #FFF !important;
  background-color: #E54900 !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  width: 260px !important;
  height: 30px !important;
  display: inline-block !important;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center; }
.sideBarSearch input[type=text] {
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  height: 30px;
  width: 190px; }

.iconTable a.loupe {
  display: block;
  background: url(/static/template/Banque/Recherche.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
.iconTable .cross {
  display: block;
  background: url(/static/template/Banque/delete.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto;
  border: none;
  cursor: pointer; }

.conteneur#previewCV h2 {
  color: #E54900; }

.green {
  color: #4CAF50; }

.red {
  color: red; }

.important-answer {
  font-weight: bold !important; }

.listCandidate {
  display: flex;
  padding: 10px;
  border-bottom: 1px gray dotted; }
  .listCandidate a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important; }
    .listCandidate a h2 {
      margin-top: 0;
      color: #E54900; }
    .listCandidate a p {
      margin-top: 0;
      margin-bottom: 0; }

.infos-job-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 270px); }
  @media screen and (max-width: 600px) {
    .infos-job-wrapper {
      width: 45%; } }
  .infos-job-wrapper p {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block; }
    .infos-job-wrapper p img {
      vertical-align: bottom; }
  .infos-job-wrapper label {
    display: inline-block; }

li.panel {
  position: relative; }
  li.panel a {
    position: relative; }

li.panel.lighted h2 a {
  color: #00aa00; }

.flashEmploi {
  padding: 12px;
  border-left: 5px solid #F5A9F2;
  border-top: 5px solid #F5A9F2;
  margin-bottom: 46px;
  background-color: #F9F9F9;
  font-size: 10px; }
  .flashEmploi p {
    padding: 10px;
    margin-bottom: 0; }
  .flashEmploi .titleSecond {
    background: #F5A9F2; }

.alertTab {
  padding: 12px;
  border-left: 5px solid #FF8C00;
  border-top: 5px solid #FF8C00;
  margin-bottom: 46px;
  background-color: #F9F9F9;
  font-size: 14px; }
  .alertTab p {
    padding: 10px;
    margin-bottom: 0; }
  .alertTab a:not(.blueButton) {
    color: #FFF !important;
    background-color: #E54900 !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    width: 260px !important;
    height: 30px !important;
    display: inline-block !important;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center; }
  .alertTab .titleSecond {
    background: #FF8C00; }

main#contenu.emploi {
  border-left: 5px solid #DBDFF7;
  border-top: 5px solid #DBDFF7; }
  main#contenu.emploi .titleSecond {
    background: #0061FF; }

section#contenu.emploi {
  border-left: 5px solid #DBDFF7;
  border-top: 5px solid #DBDFF7; }
  section#contenu.emploi .titleSecond {
    background: #0061FF; }

.emploiComp {
  padding: 12px;
  border-left: 5px solid #E54900;
  border-top: 5px solid #E54900;
  margin-bottom: 46px;
  font-size: 14px; }
  .emploiComp img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 270px;
    margin-top: 10px; }
  .emploiComp a.ob_button:not(.bigLink) {
    color: #FFF !important;
    background-color: #E54900 !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    width: 260px !important;
    height: 45px !important;
    display: inline-block !important;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center; }
  .emploiComp .titleSecond {
    background: #E54900; }

.article-emploi {
  display: block;
  position: relative; }
  .article-emploi .wrappertext {
    height: 370px !important; }
  .article-emploi img {
    position: absolute;
    top: 0;
    right: 0; }
  .article-emploi a p {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0; }
  .article-emploi a div {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0; }
    .article-emploi a div img {
      position: relative;
      vertical-align: bottom; }

.header-emploi {
  display: block;
  border-style: solid;
  border-width: thick;
  border-color: #DBDFF7;
  border-radius: 5px;
  padding: 15px; }
  .header-emploi div:not(.progress-bar) {
    margin-left: auto;
    display: block;
    width: 100%; }
    .header-emploi div:not(.progress-bar) div.blueButton {
      width: 200px; }

#tutoCv {
  float: right;
  margin-top: 20px;
  display: block;
  color: #FFF;
  background-color: #E54900;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  width: 100px;
  height: 30px;
  text-align: center; }

.progress-wrapper {
  width: 95%;
  margin: 10px;
  border-style: solid;
  border-width: thin; }
  .progress-wrapper .progress-bar {
    display: block;
    background-color: #E54900;
    text-align: center; }

.emploi-ad {
  border-bottom: 1px gray dotted;
  display: block;
  position: relative;
  height: 150px;
  font-size: 15px; }
  @media screen and (max-width: 600px) {
    .emploi-ad {
      height: 240px; } }
  .emploi-ad div {
    position: absolute;
    display: block;
    background-color: #FFF;
    width: 150px;
    height: 100%; }
    @media screen and (max-width: 600px) {
      .emploi-ad div {
        width: unset;
        height: unset; } }
    .emploi-ad div img {
      height: 80px;
      width: 80px;
      padding: 1px;
      position: relative;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px;
      border-color: #DBDFF7;
      border-style: solid;
      border-radius: 5px;
      border-width: thin;
      z-index: 1000000; }
  .emploi-ad a {
    text-decoration: none !important;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%; }
    .emploi-ad a h2 {
      font-size: 12px;
      color: #E54900;
      width: 80%;
      position: absolute;
      right: 0;
      top: 0; }
      @media screen and (max-width: 600px) {
        .emploi-ad a h2 {
          width: 100%;
          position: relative; } }
    .emploi-ad a p {
      width: 80%;
      position: absolute;
      right: 0;
      top: 50px;
      font-size: 11px;
      margin: 0 !important; }
      @media screen and (max-width: 600px) {
        .emploi-ad a p {
          width: 70%; } }
    .emploi-ad a p.inter {
      top: 30px;
      font-weight: bold !important; }

.emploi .wrapper article a {
  text-decoration: none; }

#francemap {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }

table#listAlert td a.modify {
  display: block;
  background: url(/static/template/Banque/pencil.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
table#listAlert td a.delete {
  display: block;
  background: url(/static/template/Banque/delete.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
table#listAlert td a.list {
  display: block;
  background: url(/static/template/Banque/Recherche.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }

table#listOffre td input[type=submit] {
  cursor: pointer;
  border: none; }
table#listOffre td a.loupe {
  display: block;
  background: url(/static/template/Banque/Recherche.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
table#listOffre td a.modify {
  display: block;
  background: url(/static/template/Banque/pencil.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
table#listOffre td input[type=submit].cross {
  display: block;
  background: url(/static/template/Banque/delete.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
table#listOffre td input[type=submit].duplicate {
  display: block;
  background: url(/static/template/Banque/duplicate.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
table#listOffre td input[type=submit].clore {
  display: block;
  background: url(/static/template/Banque/clore.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
table#listOffre td span.visible {
  display: block;
  background: url(/static/template/Banque/visible.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }
table#listOffre td span.unvisible {
  display: block;
  background: url(/static/template/Banque/warning.svg) no-repeat;
  height: 23px;
  width: 23px;
  margin-right: auto;
  margin-left: auto; }

div#cv {
  margin-top: 50px; }
  div#cv div.panel {
    position: relative; }
    div#cv div.panel h2 a {
      text-decoration: none !important; }

.blueButton {
  text-decoration: none !important;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid #0061FF;
  border-radius: 4px;
  display: flex;
  width: 170px;
  justify-content: center;
  align-items: center;
  right: 70px; }
  .blueButton a {
    text-decoration: none !important; }
    .blueButton a img {
      vertical-align: bottom; }

@media screen and (max-width: 600px) {
  .tourisme img {
    float: none !important; } }
.tourisme ul {
  list-style-type: none; }
.tourisme .blueButtonTourism {
  text-decoration: none;
  margin-top: 10px;
  border: 1px solid #0061FF;
  border-radius: 4px;
  display: flex;
  width: 260px;
  justify-content: center;
  align-items: center; }
  .tourisme .blueButtonTourism a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    text-decoration: none !important; }
    .tourisme .blueButtonTourism a img {
      vertical-align: bottom; }

div.tabRecruteurs a.letter {
  width: 15px !important;
  text-align: center;
  padding: 5px;
  border-style: outset;
  border-width: thin;
  border-color: #0061FF;
  background-color: #fff;
  border-radius: 10px 0 0 0;
  color: #000 !important;
  cursor: pointer;
  text-decoration: none;
  display: inline-block; }
div.tabRecruteurs a.currentLetter {
  width: 20px;
  background-color: #0061FF;
  color: #fff; }
div.tabRecruteurs ul#orgList {
  list-style-type: none; }
  div.tabRecruteurs ul#orgList a {
    border-style: solid;
    border-width: thin;
    display: block !important;
    text-decoration: none !important;
    background-color: #FFF;
    margin-top: 5px;
    width: 100%;
    height: 90px; }
    div.tabRecruteurs ul#orgList a img {
      float: left !important; }

.tab-wrapper {
  display: inline-block;
  padding: 35px; }
  .tab-wrapper a.emploi-tab {
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    width: 150px;
    height: 30px;
    display: inline-block;
    text-align: center; }
  .tab-wrapper a.current {
    background-color: #4C5FD7;
    color: #FFF;
    text-align: center;
    text-decoration: none; }

.tab-subwrapper {
  display: block;
  height: 50px;
  text-align: center; }
  .tab-subwrapper a.emploi-tab {
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    width: 150px;
    height: 60px;
    text-align: center;
    padding: 10px; }
  .tab-subwrapper a.current {
    padding: 10px;
    background-color: #4C5FD7;
    color: #FFF;
    text-align: center;
    text-decoration: none; }

#submit_fav_offer {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  background: url(/static/template/Banque/bookmark-ribbon.svg) no-repeat;
  border-style: none;
  vertical-align: middle; }

#submit_unfav_offer {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  background: url(/static/template/Banque/bookmark.svg) no-repeat;
  border-style: none;
  vertical-align: -webkit-baseline-middle; }

ul#cityList {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3; }
  ul#cityList li {
    display: block; }

#emploi .header-wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  text-align: center; }

.orangeButton {
  color: #FFF !important;
  background-color: #E54900 !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  width: 150px;
  height: 30px;
  display: inline-block; }

#classementTable tr {
  border-style: solid; }
  #classementTable tr th {
    width: 250px;
    border-bottom: 1px solid black; }
  #classementTable tr td {
    text-align: center;
    width: 250px;
    border-bottom: 1px solid black; }

#accountLevelForm fieldset {
  display: flex;
  border-radius: 5px; }
  #accountLevelForm fieldset input {
    width: 95%;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #accountLevelForm fieldset input[type=submit] {
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #accountLevelForm fieldset input[type=radio] {
    color: #FFF;
    width: 10%;
    display: inline-block;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #accountLevelForm fieldset input[type=checkbox] {
    color: #FFF;
    width: 10%;
    display: inline-block;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #accountLevelForm fieldset select {
    width: 95%; }

#titreAccountForm fieldset {
  display: flex;
  border-radius: 5px; }
  #titreAccountForm fieldset input {
    width: 95%;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #titreAccountForm fieldset input[type=submit] {
    width: 15%;
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #titreAccountForm fieldset input[type=radio] {
    color: #FFF;
    width: 10%;
    display: inline-block;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #titreAccountForm fieldset input[type=checkbox] {
    color: #FFF;
    width: 10%;
    display: inline-block;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #titreAccountForm fieldset select {
    width: 95%; }

#addCompetenceAccountForm fieldset {
  display: flex;
  border-radius: 5px; }
  #addCompetenceAccountForm fieldset input {
    width: 95%;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #addCompetenceAccountForm fieldset input[type=submit] {
    width: 15%;
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }

.flexForm {
  margin-top: 20px;
  margin-bottom: 15px; }
  @media screen and (max-width: 600px) {
    .flexForm {
      width: 100vw !important; } }
  .flexForm a {
    width: 50%; }
  .flexForm fieldset {
    border: thin solid lavender;
    padding-left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    margin-top: 20px; }
    .flexForm fieldset p {
      text-align: center; }
    @media screen and (max-width: 600px) {
      .flexForm fieldset {
        width: 100vw !important; } }
    .flexForm fieldset legend {
      padding: 12px;
      border: 1px solid black;
      background-color: #FFF;
      border-radius: 15px;
      font-size: 15px;
      color: #303133; }
    .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) {
      display: block;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 10px;
      vertical-align: middle; }
      @media screen and (max-width: 600px) {
        .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) {
          width: 100% !important; } }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) label {
        text-align: right;
        display: inline-block;
        width: 200px;
        vertical-align: middle; }
        @media screen and (max-width: 600px) {
          .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) label {
            width: 80%;
            text-align: center; } }
        .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) label img.interrogation {
          vertical-align: inherit;
          padding-left: 5px;
          padding-right: 5px; }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) label.textarea {
        vertical-align: top; }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) input {
        display: inline-block;
        height: 25px;
        border: 1px solid #C4C4C4;
        border-radius: 4px;
        width: 300px; }
        @media screen and (max-width: 600px) {
          .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) input {
            width: 85%; } }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) input[type=submit] {
        display: inline-block;
        color: #FFF;
        background-color: #E54900;
        border: none;
        border-radius: 4px;
        font-size: 15px;
        width: 200px; }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) input[type=radio] {
        vertical-align: bottom;
        color: #FFF;
        width: 5%;
        display: inline-block;
        background-color: #E54900;
        border: none;
        border-radius: 4px;
        font-size: 15px; }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) input[type=checkbox] {
        vertical-align: bottom;
        color: #FFF;
        width: 5%;
        display: inline-block;
        background-color: #E54900;
        border: none;
        border-radius: 4px;
        font-size: 15px; }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) textarea {
        resize: none;
        height: 175px;
        border-radius: 5px;
        width: 300px; }
        @media screen and (max-width: 600px) {
          .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) textarea {
            width: 85%; } }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) a:not(.internalLink) {
        display: inline-block;
        color: #FFF;
        background-color: #E54900;
        border: none;
        border-radius: 4px;
        font-size: 15px;
        padding: 0;
        width: 200px;
        text-decoration: none;
        text-align: center; }
      .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) select {
        height: 35px;
        border: 1px solid #C4C4C4;
        border-radius: 4px;
        padding-left: 12px;
        width: 300px; }
        @media screen and (max-width: 600px) {
          .flexForm fieldset div:not(.radio):not(.checkBox):not(.input) select {
            width: 85%; } }
    .flexForm fieldset div.radio {
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding: 10px;
      width: 65%; }
      .flexForm fieldset div.radio span {
        border-style: solid;
        border-width: thin;
        border-color: #E54900;
        border-radius: 5px; }
    .flexForm fieldset div.checkBox {
      width: 90%;
      padding: 10px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .flexForm fieldset div.checkBox label.checkLabel {
        display: inline-block;
        width: 300px;
        vertical-align: top; }
      .flexForm fieldset div.checkBox label {
        vertical-align: top; }
      .flexForm fieldset div.checkBox span {
        display: inline-block;
        width: 320px; }
        .flexForm fieldset div.checkBox span div {
          display: block;
          width: 200px;
          text-align: left; }

.assistance-form {
  border-style: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 5px 3px 5px #bebebe;
  width: 700px; }
  .assistance-form p {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    vertical-align: middle; }
    .assistance-form p label {
      text-align: right;
      display: inline-block;
      width: 200px;
      vertical-align: top; }
    .assistance-form p label.textarea {
      vertical-align: top; }
    .assistance-form p input {
      display: inline-block;
      height: 25px;
      border: 1px solid #C4C4C4;
      border-radius: 4px;
      width: 300px; }
    .assistance-form p input[type=submit] {
      display: inline-block;
      color: #FFF;
      background-color: #E54900;
      border: none;
      border-radius: 4px;
      font-size: 15px;
      width: 200px; }
    .assistance-form p input[type=radio] {
      vertical-align: bottom;
      color: #FFF;
      width: 5%;
      display: inline-block;
      background-color: #E54900;
      border: none;
      border-radius: 4px;
      font-size: 15px; }
    .assistance-form p input[type=checkbox] {
      vertical-align: bottom;
      color: #FFF;
      width: 5%;
      display: inline-block;
      background-color: #E54900;
      border: none;
      border-radius: 4px;
      font-size: 15px; }
    .assistance-form p textarea {
      resize: none;
      height: 175px;
      border-radius: 5px;
      width: 300px; }
    .assistance-form p a:not(.internalLink) {
      display: inline-block;
      color: #FFF;
      background-color: #E54900;
      border: none;
      border-radius: 4px;
      font-size: 15px;
      padding: 0;
      width: 200px;
      text-decoration: none;
      text-align: center; }
    .assistance-form p select {
      height: 35px;
      border: 1px solid #C4C4C4;
      border-radius: 4px;
      padding-left: 12px;
      width: 300px; }
  .assistance-form div.radio {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 65%; }
    .assistance-form div.radio span {
      border-style: solid;
      border-width: thin;
      border-color: #E54900;
      border-radius: 5px; }
  .assistance-form div.checkBox {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center; }
    .assistance-form div.checkBox span {
      border-style: solid;
      border-width: thin;
      border-color: #E54900;
      border-radius: 5px; }

.form fieldset {
  display: flex;
  border-radius: 5px; }
  .form fieldset input {
    width: 95%;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
.form .skill form input[type=submit] {
  display: inline-block;
  color: #FFF;
  background-color: #E54900;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  width: 100px; }
.form .skill form p {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }

#accountCandidateForm fieldset {
  display: flex;
  border-radius: 5px; }
  #accountCandidateForm fieldset input {
    width: 95%;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #accountCandidateForm fieldset input[type=submit] {
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }

#accountSupressForm fieldset {
  display: flex;
  border-radius: 5px; }
  #accountSupressForm fieldset input {
    width: 95%;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #accountSupressForm fieldset input[type=submit] {
    width: 35%;
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #accountSupressForm fieldset select {
    width: 95%; }

#accountModifMdpForm fieldset {
  display: flex;
  border-radius: 5px; }
  #accountModifMdpForm fieldset input {
    width: 95%;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #accountModifMdpForm fieldset input[type=submit] {
    color: #FFF;
    width: 35%;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #accountModifMdpForm fieldset select {
    width: 95%; }

#logoutCandidateForm fieldset {
  display: flex;
  border-radius: 5px; }
  #logoutCandidateForm fieldset input {
    width: 95%;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #logoutCandidateForm fieldset input[type=submit] {
    width: 35%;
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }
  #logoutCandidateForm fieldset select {
    width: 95%; }

#addParkingForm fieldset {
  display: flex;
  border-radius: 5px; }
  #addParkingForm fieldset input {
    width: 200px;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #addParkingForm fieldset input[type=submit] {
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }

#sub_nav nav a {
  cursor: pointer;
  padding-right: 20px;
  padding-left: 20px;
  border-style: solid;
  border-radius: 5px;
  border-width: thin;
  font-weight: bold !important; }

#agendatable {
  padding: 10px; }
  @media screen and (max-width: 600px) {
    #agendatable {
      font-size: 9px;
      padding: 0;
      margin-left: -5px; } }
  #agendatable tr td {
    padding: 10px; }
    #agendatable tr td p {
      font-size: 13px; }

#signText {
  font-size: 13px; }

.actionBanner {
  position: relative;
  display: block;
  height: 50px; }
  @media screen and (max-width: 600px) {
    .actionBanner {
      height: unset;
      text-align: center; } }
  .actionBanner #nextMonthForm {
    position: absolute;
    right: 0; }
    @media screen and (max-width: 600px) {
      .actionBanner #nextMonthForm {
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px; } }
    .actionBanner #nextMonthForm button {
      padding: 12px 26px;
      color: #FFF;
      background-color: #E54900;
      border: none;
      border-radius: 4px;
      font-size: 15px; }
  .actionBanner #prevMonthForm {
    position: absolute;
    left: 0; }
    @media screen and (max-width: 600px) {
      .actionBanner #prevMonthForm {
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px; } }
    .actionBanner #prevMonthForm button {
      padding: 12px 26px;
      color: #FFF;
      background-color: #E54900;
      border: none;
      border-radius: 4px;
      font-size: 15px; }

.Pub {
  background-color: #e5e5e5; }

.add {
  padding-top: 5px;
  text-align: center;
  width: 100%; }

.loginForm {
  display: inline-grid;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  padding: 50px; }

#centraleBanner {
  width: 100%;
  max-width: 100%;
  height: 100px;
  margin: 10px auto 56px;
  position: relative; }
  @media screen and (max-width: 600px) {
    #centraleBanner {
      width: 100vw;
      margin: 0;
      height: 35px; } }
  #centraleBanner a {
    position: absolute; }
    @media screen and (max-width: 600px) {
      #centraleBanner a {
        width: 100vw; }
        #centraleBanner a img {
          width: 100vw; } }
  #centraleBanner a.right {
    right: -200px; }
    @media screen and (max-width: 600px) {
      #centraleBanner a.right {
        display: none; } }
  #centraleBanner a.left {
    left: -200px; }
    @media screen and (max-width: 600px) {
      #centraleBanner a.left {
        display: none; } }

input.customInput {
  width: 200px;
  height: 25px;
  padding-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #C4C4C4;
  border-radius: 4px; }

.success {
  background-color: #4CAF50;
  text-align: center;
  padding: 10px;
  color: white;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 0; }

.alert {
  text-align: center;
  padding: 10px;
  border-radius: 1px;
  background-color: #f44336;
  color: white;
  margin-top: 0;
  margin-bottom: 0; }

.col-lg-12 {
  font-family: "Arial", sans-serif; }

button {
  font-family: "Poppins", sans-serif; }

body {
  height: 100%;
  color: #303133;
  background: #FFF;
  font-family: "Poppins", sans-serif !important;
  margin: 8px 0 !important;
  line-height: normal !important; }
  @media screen and (max-width: 600px) {
    body {
      width: 100vw;
      max-width: 100vw;
      overflow-x: hidden; } }

a {
  color: #333333;
  background-color: inherit;
  text-decoration: underline;
  font-weight: normal; }
  a:link {
    color: #333333;
    background-color: inherit;
    text-decoration: underline;
    font-weight: normal; }
  a:visited {
    color: #333333;
    background-color: inherit;
    text-decoration: underline;
    font-weight: normal; }

h1 {
  color: #303133; }

.titreBillet {
  margin-bottom: 0; }

#global {
  min-height: 100%;
  width: 1250px;
  margin: auto; }
  @media screen and (max-width: 0) {
    #global {
      width: 100vw; } }
  @media screen and (max-width: 600px) {
    #global {
      width: 100vw;
      margin: unset; }
      #global a {
        text-decoration: none; }
      #global span {
        text-decoration: none;
        margin-left: 2.5px;
        margin-right: 2.5px; }
        #global span:last-child {
          margin-left: 5px; } }

#contenu.article {
  border-left: 5px solid #DBDFF7;
  border-top: 5px solid #DBDFF7; }

#contenu {
  display: inline-block;
  position: relative;
  width: 840px;
  margin-left: 0;
  padding: 40px 40px 0;
  margin-right: 20px;
  vertical-align: top; }
  @media screen and (max-width: 0) {
    #contenu {
      width: 100vw;
      padding: 30px 30px 0; } }
  @media screen and (max-width: 600px) {
    #contenu {
      width: calc(100vw - 15px);
      margin-top: 70px;
      margin-right: 0;
      margin-left: 0;
      padding: 5px; } }
  #contenu .title {
    left: -25px; }
    @media screen and (max-width: 600px) {
      #contenu .title {
        left: -5px; } }
    #contenu .title.actualite .titleSecond {
      background: #4C5FD7;
      margin: 0; }
    #contenu .title.services .titleSecond {
      background: #4CAF50; }
    #contenu .title.produits .titleSecond {
      background: #7B36D2; }
  @media screen and (max-width: 600px) {
    #contenu .homepage {
      left: 25px; } }
  #contenu.accueil > div > article > a {
    text-decoration: none; }
    #contenu.accueil > div > article > a > header > h1 {
      font-size: 1.5em;
      font-weight: bold !important; }
    #contenu.accueil > div > article > a > div {
      display: inline-block;
      justify-content: space-between;
      font-size: 12px;
      color: #8D8D8F;
      width: 100%;
      text-align: right; }
      #contenu.accueil > div > article > a > div > span > img {
        height: 18px;
        width: 18px;
        vertical-align: middle; }
  #contenu.article > div > article > header {
    padding-bottom: 4px;
    margin-bottom: 16px;
    border-bottom: 4px solid #bbbbbb3b; }
    #contenu.article > div > article > header > span.keyword {
      font-size: 11px;
      border-radius: 100px;
      border: 1px solid #CDCDCD;
      margin-right: 4px;
      padding: 3px 10px 6px; }
    #contenu.article > div > article > header > p {
      font-weight: 600;
      font-size: 18px; }
    #contenu.article > div > article > header > h1 {
      font-weight: bold !important;
      font-size: 2.6em;
      margin-bottom: 10px; }
    #contenu.article > div > article > header > div:last-child:not(.messageMaker) {
      display: flex;
      justify-content: space-between;
      width: 840px; }
      #contenu.article > div > article > header > div:last-child:not(.messageMaker) > span:first-child {
        font-size: 12px;
        font-weight: 600; }
      #contenu.article > div > article > header > div:last-child:not(.messageMaker) > span:last-child {
        font-size: 12px;
        color: #4C5FD7; }
        #contenu.article > div > article > header > div:last-child:not(.messageMaker) > span:last-child > img {
          vertical-align: middle;
          width: 18px;
          height: 18px; }
        #contenu.article > div > article > header > div:last-child:not(.messageMaker) > span:last-child > a {
          text-decoration: none;
          font-size: 14px;
          color: #303133;
          margin-left: 10px; }

#titreBlog, #piedBlog {
  text-align: center; }

#discoverButton {
  padding: 4px 15px 2px;
  font-size: 13px;
  border-style: none;
  text-transform: uppercase;
  border-radius: 2px;
  background-color: #eb4026;
  color: #fff !important;
  position: absolute;
  right: 15%;
  top: 7%; }

header > .messageMaker > #adresseMaker {
  filter: blur(5px) brightness(0.5);
  padding: 20px;
  box-shadow: 5px 3px 5px #bebebe;
  display: inline-block; }
  header > .messageMaker > #adresseMaker > p {
    display: inline-flex; }

#messageContact {
  display: inline-block;
  width: 450px; }

header > .messageMaker > div > p {
  width: 400px; }
  @media screen and (max-width: 600px) {
    header > .messageMaker > div > p {
      margin: 5px 2px 5px 2px;
      padding: 3px !important;
      width: 300px; } }

form#similarTag {
  display: inline-block; }

span.tags {
  font-size: 12px;
  border-radius: 100px;
  border: 1px solid #CDCDCD;
  margin-right: 4px;
  padding: 2px 10px 5px; }
  span.tags a {
    text-decoration: none; }

span.tags:hover {
  box-shadow: 5px 3px 5px #bebebe;
  cursor: pointer; }
  span.tags:hover button {
    display: inline-block; }

button[type="submit"] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }

.productPic {
  display: -webkit-inline-box;
  position: relative;
  width: 450px;
  margin-left: auto;
  margin-right: auto; }
  .productPic > ul {
    list-style-type: none; }
    .productPic > ul > li {
      width: 80px;
      height: 80px;
      box-shadow: 5px 3px 5px #bebebe;
      padding: 5px; }
      .productPic > ul > li > img {
        width: 80px;
        height: 80px; }
  @media screen and (max-width: 600px) {
    .productPic {
      width: 95vw; }
      .productPic ul {
        padding-left: 0;
        display: -webkit-inline-box; } }

#sharelnks {
  text-align: right;
  display: -webkit-box; }
  #sharelnks span {
    margin-left: 5px; }
  #sharelnks ul {
    padding: 0;
    vertical-align: middle;
    display: inline-block;
    color: #FFF; }
    #sharelnks ul li {
      width: 16px;
      height: 16px;
      display: inline-block;
      margin-left: 10px; }
      #sharelnks ul li a.linkedin {
        display: block;
        background: url(/static/template/Banque/Social/LinkedIn.svg) no-repeat;
        height: 23px;
        width: 23px; }
      #sharelnks ul li a.twitter {
        display: block;
        background: url(/static/template/Banque/Social/Twitter.svg) no-repeat;
        margin-right: 0;
        height: 23px;
        width: 23px; }
      #sharelnks ul li a.facebook {
        display: block;
        background: url(/static/template/Banque/Social/Facebook.svg) no-repeat;
        margin-right: 0;
        height: 23px;
        width: 23px; }
      #sharelnks ul li a.googleplus {
        display: block;
        height: 23px;
        width: 23px;
        background: url(/static/template/Banque/Social/Google_Plus.svg) no-repeat; }

form.tagForm {
  display: inline-block; }

.actionsBanner {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  vertical-align: top; }
  .actionsBanner > .blueButtonProduct {
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid #0061FF;
    border-radius: 4px;
    display: flex;
    cursor: pointer;
    font-size: 15px;
    width: 125px;
    justify-content: center;
    align-items: center; }

.emptyfloatdiv {
  margin: 0;
  padding: 0 0 2px 0;
  border: 0;
  background-color: inherit;
  float: left;
  position: relative;
  width: 100%; }

#aide {
  padding: 8px 0;
  text-align: right;
  font-size: 0.75em;
  color: #303133;
  background-color: #F3F3F3; }
  @media screen and (max-width: 600px) {
    #aide {
      display: none; } }
  #aide > div {
    width: 1250px;
    margin: 0 auto 0 auto; }
    @media screen and (max-width: 0) {
      #aide > div {
        max-width: 0 !important;
        width: fit-content; } }
  #aide p {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    color: #303133;
    background-color: inherit; }
    @media screen and (max-width: 0) {
      #aide p {
        display: none; } }
    #aide p a {
      color: #303133; }
      #aide p a:before {
        content: "•";
        margin-right: 0.5em;
        margin-left: 0.5em; }
      #aide p a:first-child:before {
        content: none; }
  #aide ul {
    color: #FFF; }
    @media screen and (max-width: 0) {
      #aide ul {
        margin-right: 24px; }
        #aide ul li {
          margin-left: 10px;
          margin-right: 10px; } }
    #aide ul li a.linkedin {
      background: url(/static/template/Banque/Social/LinkedIn.svg) no-repeat; }
    #aide ul li a.twitter {
      background: url(/static/template/Banque/Social/Twitter.svg) no-repeat; }
    #aide ul li a.facebook {
      background: url(/static/template/Banque/Social/Facebook.svg) no-repeat;
      margin-right: 0; }
    #aide ul li a.googleplus {
      background: url(/static/template/Banque/Social/Google_Plus.svg) no-repeat;
      margin-right: 0; }
    #aide ul li a.instagram {
      background: url(/static/template/Banque/Social/Instagram.svg) no-repeat;
      margin-right: 0;
      margin-top: 2px; }
    #aide ul li a.nl {
      background: url(/static/template/Banque/Mail/Fill.svg) no-repeat;
      height: 20px;
      width: 22px;
      margin-right: 0; }
    #aide ul li a.rss {
      background: url(/static/template/Banque/Social/rss_icon.svg) no-repeat;
      height: 20px;
      width: 20px;
      margin-right: 0; }

ul.sociallinks {
  display: inline; }
  ul.sociallinks li {
    display: inline-block; }
    ul.sociallinks li a {
      vertical-align: middle;
      display: inline-block;
      height: 23px;
      width: 23px;
      margin-right: 5px; }
      @media screen and (max-width: 600px) {
        ul.sociallinks li a {
          height: unset;
          width: unset; } }

ul#sociallinksnext {
  display: inline; }
  ul#sociallinksnext li {
    display: inline-block; }
    ul#sociallinksnext li a {
      vertical-align: middle;
      display: inline-block;
      height: 23px;
      width: 23px;
      margin-right: 5px; }
      @media screen and (max-width: 600px) {
        ul#sociallinksnext li a {
          height: unset;
          width: unset; } }

#mainheader {
  width: 100%;
  margin: 0;
  text-align: left;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #FFF;
  border-left: 0; }
  #mainheader #header_line_1 {
    color: #FFF;
    border: 0 dashed black;
    border-bottom: 1px solid #F3F3F3; }
    #mainheader #header_line_1 #header_line_1_sub {
      width: 1290px;
      height: 66px;
      margin: 0 auto;
      color: #FFF;
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media screen and (max-width: 600px) {
        #mainheader #header_line_1 #header_line_1_sub {
          width: 100vw; } }
      @media screen and (max-width: 600px) {
        #mainheader #header_line_1 #header_line_1_sub {
          width: 100vw; } }
      #mainheader #header_line_1 #header_line_1_sub a {
        color: #303133;
        font-weight: bold; }
      #mainheader #header_line_1 #header_line_1_sub > a {
        position: absolute;
        right: 0;
        color: #303133; }
        @media screen and (max-width: 600px) {
          #mainheader #header_line_1 #header_line_1_sub > a {
            right: 16px; } }
        @media screen and (max-width: 600px) {
          #mainheader #header_line_1 #header_line_1_sub > a {
            display: none; } }
        #mainheader #header_line_1 #header_line_1_sub > a img {
          margin-bottom: -3px; }
      #mainheader #header_line_1 #header_line_1_sub #header_hgroup {
        display: flex; }
      #mainheader #header_line_1 #header_line_1_sub nav {
        display: inline-block; }
        @media screen and (max-width: 600px) {
          #mainheader #header_line_1 #header_line_1_sub nav {
            display: none; } }
      @media screen and (max-width: 600px) {
        #mainheader #header_line_1 #header_line_1_sub #aideMenu {
          display: block; } }

.breadcrumb span {
  margin-left: 3px;
  margin-right: 3px; }

header.topHeader {
  background-color: #FFF;
  box-shadow: 0 0 28px 0 #b7b7b7; }
  header.topHeader > #breadcrumb {
    width: 1250px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-bottom: 15px; }
    @media screen and (max-width: 600px) {
      header.topHeader > #breadcrumb {
        display: none; } }
  header.topHeader a {
    text-decoration: none; }

#menuResponsive {
  display: none; }
  @media screen and (max-width: 600px) {
    #menuResponsive {
      display: inline-block;
      position: relative;
      width: calc(100vw - 240px); }
      #menuResponsive > div:first-child {
        width: calc(100vw - 240px);
        height: 60px;
        display: flex;
        background-color: #CD5813;
        flex-direction: column;
        justify-content: center; }
        #menuResponsive > div:first-child > span {
          text-align: center;
          font-size: 14px;
          margin-top: -7px; }
        #menuResponsive > div:first-child > div {
          display: flex;
          align-items: center;
          justify-content: center; }
          #menuResponsive > div:first-child > div > img {
            height: 39px; }
      #menuResponsive > div:last-child {
        position: absolute;
        z-index: 999;
        background-color: #FFF;
        padding-left: 52px;
        padding-right: 32px;
        width: 100vw; }
        #menuResponsive > div:last-child > a {
          padding: 12px; }
        #menuResponsive > div:last-child > ul {
          padding-left: 5px; } }
      @media screen and (max-width: 600px) and (max-width: 600px) {
        #menuResponsive > div:last-child > ul {
          border-bottom: 1px solid #E0E0E0; } }
  @media screen and (max-width: 600px) {
          #menuResponsive > div:last-child > ul > li {
            padding: 12px; }
        #menuResponsive > div:last-child > #aideMenu {
          padding-top: 15px;
          margin-left: -52px;
          padding-left: 52px;
          margin-right: -32px;
          padding-right: 32px;
          background-color: #F9F9F9;
          color: #585858; }
          #menuResponsive > div:last-child > #aideMenu p a {
            display: block;
            padding: 12px; }
          #menuResponsive > div:last-child > #aideMenu ul {
            padding: 0 0 15px;
            margin-bottom: 0; }
            #menuResponsive > div:last-child > #aideMenu ul > li {
              display: inline-block; }
              #menuResponsive > div:last-child > #aideMenu ul > li a {
                vertical-align: middle;
                display: inline-block;
                height: 23px;
                width: 23px;
                margin-right: 5px; }
                #menuResponsive > div:last-child > #aideMenu ul > li a.linkedin {
                  background: url(/static/template/images/Banque/Social/LinkedIn.svg) no-repeat; }
                #menuResponsive > div:last-child > #aideMenu ul > li a.twitter {
                  background: url(/static/template/images/Banque/Social/Twitter.svg) no-repeat; }
                #menuResponsive > div:last-child > #aideMenu ul > li a.facebook {
                  background: url(/static/template/images/Banque/Social/Facebook.svg) no-repeat;
                  margin-right: 0; }
                #menuResponsive > div:last-child > #aideMenu ul > li a.googleplus {
                  background: url(/static/template/images/Banque/Social/Google_Plus.svg) no-repeat;
                  margin-right: 0; }
                #menuResponsive > div:last-child > #aideMenu ul > li a.instagram {
                  background: url(/static/template/Banque/Social/Instagram-white.svg) no-repeat;
                  margin-right: 0;
                  margin-top: 2px; }
                #menuResponsive > div:last-child > #aideMenu ul > li a.nl {
                  background: url(/static/template/images/Banque/Mail/Fill.svg) no-repeat;
                  height: 20px;
                  width: 22px;
                  margin-right: 0; }
      #menuResponsive > div.Display {
        display: block; }
      #menuResponsive > div.Hidden {
        display: none; } }

#main_menus ul {
  display: inline;
  padding-left: 48px; }
  #main_menus ul li {
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px; }
    #main_menus ul li a strong {
      font-size: 16px !important; }

.recherche {
  text-align: center; }
  .recherche img.loupe {
    position: absolute;
    margin-top: 24px;
    margin-left: 11px;
    width: 24px;
    height: 24px; }
    @media screen and (max-width: 600px) {
      .recherche img.loupe {
        display: none; } }
  .recherche input.champRecherche {
    width: 600px;
    height: 36px;
    padding-left: 40px;
    margin-top: 16px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
    @media screen and (max-width: 0) {
      .recherche input.champRecherche {
        width: 537px; } }
  .recherche button {
    padding: 12px 26px;
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px; }

svg {
  fill: #3d6abe !important; }
  svg a:hover {
    cursor: pointer;
    fill: #E54900 !important; }
  svg a:visited {
    fill: #3d6abe; }
  svg a.tooltip:hover:after {
    background: #333;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px; }

form.pagination {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: fit-content;
  display: block; }
  form.pagination button {
    margin-right: 5px; }
  form.pagination button {
    padding: 12px;
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px; }
  @media screen and (max-width: 600px) {
    form.pagination {
      padding: 1px !important;
      font-size: 9px; } }
  form.pagination button.currentPage {
    padding: 12px;
    color: #FFF;
    background-color: #4C5FD7;
    border: none;
    border-radius: 4px; }
  @media screen and (max-width: 600px) {
    form.pagination {
      padding: 1px !important;
      font-size: 9px; } }

#articlePagination {
  display: inline-block; }
  #articlePagination button {
    margin-right: 5px; }
  #articlePagination button {
    padding: 12px;
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px; }
  #articlePagination button.currentPage {
    padding: 12px;
    color: #FFF;
    background-color: #4C5FD7;
    border: none;
    border-radius: 4px; }

#div-gpt-ad-1424770983594-1 {
  margin-bottom: 5px; }

#container {
  background: #FFF; }
  #container div#contenu {
    width: 1250px !important;
    display: block !important;
    margin-left: auto;
    margin-right: auto; }

div.pub_h {
  text-align: center; }

#pagedata {
  margin-top: 22px;
  display: inline-block;
  width: 935px !important;
  vertical-align: top; }
  #pagedata #factarticle p a {
    font-size: 13px; }

#upabove_wrec {
  text-align: center; }

#contenuDroiteMB {
  display: inline-block;
  width: 300px;
  position: relative;
  margin-top: 33px; }
  @media screen and (max-width: 0) {
    #contenuDroiteMB {
      width: 724px;
      margin-top: 75px; }
      #contenuDroiteMB > div.actualite {
        margin-bottom: 5px; }
        #contenuDroiteMB > div.actualite ul li:last-child > a {
          border-color: #4C5FD7; }
      #contenuDroiteMB > div.services {
        margin-bottom: 5px;
        margin-top: 37px; }
        #contenuDroiteMB > div.services ul li:last-child > a {
          border-color: #4CAF50; }
      #contenuDroiteMB > div ul li {
        display: inline-block;
        width: 45%; }
      #contenuDroiteMB > div ul li:last-child {
        width: 100%;
        text-align: center;
        margin-top: 28px; }
        #contenuDroiteMB > div ul li:last-child > a {
          border: 1px solid;
          border-radius: 4px; } }
  @media screen and (max-width: 600px) {
    #contenuDroiteMB {
      width: 600px; }
      #contenuDroiteMB > div ul li {
        display: list-item;
        width: unset; } }
  #contenuDroiteMB > div {
    position: relative; }
    #contenuDroiteMB > div ul {
      list-style-type: none;
      padding: 0; }
      #contenuDroiteMB > div ul li {
        border-bottom: 1px solid rgba(187, 187, 187, 0.3); }
        #contenuDroiteMB > div ul li > a {
          text-decoration: none;
          font-size: 14px; }
      #contenuDroiteMB > div ul li:last-child {
        border: none; }
        #contenuDroiteMB > div ul li:last-child > a > img {
          width: 20px;
          height: 20px;
          vertical-align: middle; }
  #contenuDroiteMB .googleadd {
    height: 300px;
    background: #333333;
    margin-bottom: 56px;
    color: #FFF;
    display: flex;
    line-height: 18;
    align-content: center;
    justify-content: center; }
  #contenuDroiteMB .actualite {
    padding: 12px;
    border-left: 5px solid #DBDFF7;
    border-top: 5px solid #DBDFF7;
    margin-bottom: 46px;
    background-color: #F9F9F9; }
    #contenuDroiteMB .actualite .titleSecond {
      background: #4C5FD7; }
  #contenuDroiteMB .droitFinance {
    padding: 12px;
    border-left: 5px solid #DAF1FF;
    border-top: 5px solid #DAF1FF;
    margin-bottom: 46px;
    margin-top: 40px; }
    #contenuDroiteMB .droitFinance .titleSecond {
      background: #45BBFF;
      width: 150px;
      font-size: 15px; }
    #contenuDroiteMB .droitFinance > ul > li > a > h1 {
      font-size: 14px; }
    #contenuDroiteMB .droitFinance > ul > li > a > p {
      font-size: 14px;
      font-weight: normal; }
  #contenuDroiteMB .flashActu {
    padding: 12px;
    border-left: 5px solid #FAC7C7;
    border-top: 5px solid #FAC7C7;
    margin-bottom: 46px;
    background-color: #F9F9F9;
    font-size: 14px; }
    #contenuDroiteMB .flashActu .titleSecond {
      background: #FF0000; }
    #contenuDroiteMB .flashActu time {
      color: #E30613; }
    #contenuDroiteMB .flashActu a {
      font-weight: normal; }
  #contenuDroiteMB .produits {
    padding: 12px;
    border-left: 5px solid #E5D7F6;
    border-top: 5px solid #E5D7F6;
    margin-bottom: 5px; }
    #contenuDroiteMB .produits li {
      padding-top: 2px !important;
      padding-bottom: 2px !important; }
    #contenuDroiteMB .produits > div:nth-child(2) {
      /*display: flex */
      justify-content: space-around; }
      #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit {
        width: 200px;
        border: 1px solid #E2E2E2;
        margin-top: 21px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto; }
        #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit a {
          text-decoration: none;
          display: block;
          height: 100%;
          width: 100%; }
          #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit a img {
            margin-top: 10px;
            width: 80px;
            height: 80px; }
          #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit a h2 {
            font-size: 10px;
            padding-left: 5px;
            padding-right: 5px; }
          #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit a p {
            font-size: 9px;
            margin-top: 0;
            margin-bottom: 0; }
        @media screen and (max-width: 0) {
          #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit {
            display: inline-block;
            width: 300px; } }
        #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit:nth-child(2) {
          display: none; }
          @media screen and (max-width: 0) {
            #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit:nth-child(2) {
              display: inline-block; } }
          @media screen and (max-width: 600px) {
            #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit:nth-child(2) {
              display: none; } }
        #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit > h1 {
          font-size: 10px;
          font-weight: bold !important; }
          #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit > h1 > p {
            font-size: 9px; }
            #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit > h1 > p.noteProduit {
              margin: 0; }
          #contenuDroiteMB .produits > div:nth-child(2) > div.detailProduit > h1 > span {
            color: #333333;
            font-size: 12px; }
    #contenuDroiteMB .produits > div:last-child {
      display: flex; }
      @media screen and (max-width: 0) {
        #contenuDroiteMB .produits > div:last-child {
          justify-content: center; } }
      #contenuDroiteMB .produits > div:last-child a {
        text-decoration: none;
        font-size: 13px;
        font-weight: bold !important;
        margin-bottom: 21px; }
        @media screen and (max-width: 0) {
          #contenuDroiteMB .produits > div:last-child a {
            margin-bottom: 0;
            padding: 13px;
            border: 1px solid #7B36D2;
            border-radius: 4px;
            margin-top: 28px; } }
        #contenuDroiteMB .produits > div:last-child a > span {
          display: flex; }
        #contenuDroiteMB .produits > div:last-child a img {
          height: 20px;
          width: 20px; }
    #contenuDroiteMB .produits .titleSecond {
      background: #7B36D2; }
  #contenuDroiteMB .emploi {
    border-left: 5px solid #CCDFFF;
    border-top: 5px solid #CCDFFF;
    margin-bottom: 46px;
    padding: 12px; }
    @media screen and (max-width: 0) {
      #contenuDroiteMB .emploi {
        display: flex;
        justify-content: space-around; }
        #contenuDroiteMB .emploi > div:not(:first-child) {
          width: 40%; } }
    @media screen and (max-width: 600px) {
      #contenuDroiteMB .emploi {
        display: block; }
        #contenuDroiteMB .emploi > div:not(:first-child) {
          width: unset; } }
    #contenuDroiteMB .emploi .titleSecond {
      background: #0061FF; }
    #contenuDroiteMB .emploi > div {
      text-align: center; }
      #contenuDroiteMB .emploi > div h1 {
        color: #FFF;
        font-size: 18px;
        font-weight: normal; }
      #contenuDroiteMB .emploi > div p {
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 16px; }
      #contenuDroiteMB .emploi > div a {
        text-decoration: none;
        padding: 8px;
        border: 1px solid #0061FF;
        border-radius: 4px;
        display: flex;
        width: 170px;
        margin-right: auto;
        margin-left: auto; }
      #contenuDroiteMB .emploi > div:last-child > a {
        margin-bottom: 40px; }
  #contenuDroiteMB .services {
    border-left: 5px solid #DBEFDC;
    border-top: 5px solid #DBEFDC;
    margin-bottom: 46px;
    padding: 12px;
    margin-top: 39px; }
    #contenuDroiteMB .services .titleSecond {
      background: #4CAF50; }

#contenuDroite {
  width: 300px;
  display: inline-block; }
  #contenuDroite .button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    margin-top: 12px; }
    #contenuDroite .button div {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 8px 15px 8px 8px;
      border: 1px solid #4C5FD7;
      border-radius: 4px;
      background-color: #FFF;
      cursor: pointer; }
      #contenuDroite .button div.greenButton {
        border-color: #4CAF50; }
        #contenuDroite .button div.greenButton a {
          text-decoration: none; }
          #contenuDroite .button div.greenButton a img {
            margin-right: 4px;
            width: 24px;
            height: 24px;
            vertical-align: text-bottom; }
      #contenuDroite .button div.purpleButton {
        border-color: #7B36D2; }
        #contenuDroite .button div.purpleButton a {
          text-decoration: none; }
          #contenuDroite .button div.purpleButton a img {
            margin-right: 4px;
            width: 24px;
            height: 24px;
            vertical-align: text-bottom; }
      #contenuDroite .button div.blueButton {
        border-color: #4C5FD7; }
        #contenuDroite .button div.blueButton a {
          text-decoration: none; }
          #contenuDroite .button div.blueButton a img {
            margin-right: 4px;
            width: 24px;
            height: 24px;
            vertical-align: text-bottom;
            display: inline-block;
            position: relative; }
      #contenuDroite .button div.redButton {
        border-color: #FF0000; }
        #contenuDroite .button div.redButton a {
          text-decoration: none; }
          #contenuDroite .button div.redButton a img {
            margin-right: 4px;
            width: 24px;
            height: 24px;
            vertical-align: text-bottom;
            display: inline-block;
            position: relative; }
  @media screen and (max-width: 0) {
    #contenuDroite {
      width: 724px;
      margin-top: 75px; }
      #contenuDroite > div.actualite {
        margin-bottom: 5px; }
        #contenuDroite > div.actualite ul li:last-child > a {
          border-color: #4C5FD7; }
      #contenuDroite > div.services {
        margin-bottom: 5px;
        margin-top: 20px; }
        #contenuDroite > div.services ul li:last-child > a {
          border-color: #4CAF50; }
      #contenuDroite > div ul li {
        display: inline-block;
        width: 45%; } }
  @media screen and (max-width: 600px) {
    #contenuDroite {
      width: 100vw;
      text-align: center; }
      #contenuDroite > div ul li {
        display: list-item;
        width: unset; } }
  #contenuDroite > div {
    position: relative; }
    #contenuDroite > div ul {
      list-style-type: none;
      padding: 0; }
      #contenuDroite > div ul li {
        border-bottom: 1px solid rgba(187, 187, 187, 0.3); }
        #contenuDroite > div ul li > a {
          text-decoration: none;
          font-size: 14px; }
      #contenuDroite > div ul li:last-child {
        border: none; }
        #contenuDroite > div ul li:last-child a img {
          width: 20px;
          height: 20px;
          vertical-align: middle; }
  #contenuDroite .googleadd {
    height: 300px;
    background: #333333;
    margin-bottom: 56px;
    color: #FFF;
    display: flex;
    line-height: 18;
    align-content: center;
    justify-content: center; }
  #contenuDroite .actualite {
    padding: 12px;
    border-left: 5px solid #DBDFF7;
    border-top: 5px solid #DBDFF7;
    margin-bottom: 46px;
    background-color: #F9F9F9; }
    #contenuDroite .actualite .titleSecond {
      background: #4C5FD7; }
  #contenuDroite .droitFinance {
    padding: 12px;
    border-left: 5px solid #DAF1FF;
    border-top: 5px solid #DAF1FF;
    margin-bottom: 46px;
    margin-top: 40px; }
    #contenuDroite .droitFinance .titleSecond {
      background: #45BBFF;
      width: 150px;
      font-size: 15px; }
    #contenuDroite .droitFinance > ul > li > a > h1 {
      font-size: 14px; }
    #contenuDroite .droitFinance > ul > li > a > p {
      font-size: 14px;
      font-weight: normal; }
  #contenuDroite .flashActu {
    padding: 12px;
    border-left: 5px solid #FAC7C7;
    border-top: 5px solid #FAC7C7;
    margin-bottom: 46px;
    background-color: #F9F9F9;
    font-size: 14px; }
    #contenuDroite .flashActu .titleSecond {
      background: #FF0000; }
    #contenuDroite .flashActu time {
      color: #E30613; }
    #contenuDroite .flashActu a {
      font-weight: normal; }
  #contenuDroite .produits:not(#focus) {
    text-align: left; }
  #contenuDroite .produits {
    padding: 12px;
    border-left: 5px solid #E5D7F6;
    border-top: 5px solid #E5D7F6;
    margin-bottom: 46px; }
    @media screen and (max-width: 600px) {
      #contenuDroite .produits {
        width: 100vw;
        margin-top: 30px; } }
    #contenuDroite .produits div.detailProduit {
      width: 200px;
      border: 1px solid #E2E2E2;
      margin-top: 21px;
      padding-bottom: 10px;
      margin-bottom: 10px;
      overflow: hidden;
      margin-left: auto;
      margin-right: auto; }
      #contenuDroite .produits div.detailProduit a {
        text-decoration: none;
        display: block;
        height: 100%;
        width: 100%; }
        #contenuDroite .produits div.detailProduit a img {
          margin-top: 10px;
          width: 80px;
          height: 80px; }
        #contenuDroite .produits div.detailProduit a h2 {
          font-size: 14px;
          padding-left: 5px;
          padding-right: 5px; }
        #contenuDroite .produits div.detailProduit a p {
          font-size: 9px;
          margin-top: 0;
          margin-bottom: 0; }
      @media screen and (max-width: 0) {
        #contenuDroite .produits div.detailProduit {
          display: inline-block;
          width: 300px; } }
      @media screen and (max-width: 0) {
        #contenuDroite .produits div.detailProduit:nth-child(2) {
          display: inline-block; } }
      @media screen and (max-width: 600px) {
        #contenuDroite .produits div.detailProduit:nth-child(2) {
          display: none; } }
      #contenuDroite .produits div.detailProduit > h1 {
        font-size: 10px;
        font-weight: bold !important; }
        #contenuDroite .produits div.detailProduit > h1 > p {
          font-size: 9px; }
          #contenuDroite .produits div.detailProduit > h1 > p.noteProduit {
            margin: 0; }
        #contenuDroite .produits div.detailProduit > h1 > span {
          color: #333333;
          font-size: 12px; }
    @media screen and (max-width: 0) {
      #contenuDroite .produits > div:last-child {
        justify-content: center; } }
    #contenuDroite .produits > div:last-child a {
      text-decoration: none;
      font-size: 13px;
      font-weight: bold !important; }
      #contenuDroite .produits > div:last-child a > span {
        display: flex; }
      #contenuDroite .produits > div:last-child a img {
        height: 20px;
        width: 20px; }
    #contenuDroite .produits .titleSecond {
      background: #7B36D2; }
  #contenuDroite .emploi {
    border-left: 5px solid #CCDFFF;
    border-top: 5px solid #CCDFFF;
    margin-bottom: 46px;
    padding: 12px; }
    @media screen and (max-width: 0) {
      #contenuDroite .emploi {
        display: flex;
        justify-content: space-around; }
        #contenuDroite .emploi > div:not(:first-child) {
          width: 40%; } }
    @media screen and (max-width: 600px) {
      #contenuDroite .emploi {
        display: block; }
        #contenuDroite .emploi > div:not(:first-child) {
          width: unset; } }
    #contenuDroite .emploi .titleSecond {
      background: #0061FF; }
    #contenuDroite .emploi > div {
      text-align: center; }
      #contenuDroite .emploi > div h1 {
        color: #FFF;
        font-size: 18px;
        font-weight: normal; }
      #contenuDroite .emploi > div p {
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 16px; }
      #contenuDroite .emploi > div a {
        text-decoration: none;
        padding: 8px;
        border: 1px solid #0061FF;
        border-radius: 4px;
        display: flex;
        width: 170px;
        margin-right: auto;
        margin-left: auto; }
      #contenuDroite .emploi > div:last-child > a {
        margin-bottom: 40px; }
  #contenuDroite .services {
    margin-top: 30px;
    border-left: 5px solid #DBEFDC;
    border-top: 5px solid #DBEFDC;
    margin-bottom: 46px;
    padding: 12px; }
    #contenuDroite .services .titleSecond {
      background: #4CAF50; }

#footerTop {
  background: url(/static/template/Pinkie_Pie.jpg) repeat;
  min-height: 288px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px; }
  @media screen and (max-width: 600px) {
    #footerTop {
      flex-direction: column;
      width: 100vw; } }
  #footerTop h1 {
    color: #FFF;
    margin: auto;
    text-align: center;
    font-size: 32px; }

#newsletter {
  width: 79%;
  display: inline-block;
  border-right: 1px solid #FFF; }
  @media screen and (max-width: 600px) {
    #newsletter {
      border-right: none;
      width: 100vw; } }
  #newsletter h1 {
    width: 58%;
    font-size: 33px; }
    @media screen and (max-width: 600px) {
      #newsletter h1 {
        font-size: 20px;
        margin-top: 37px; } }
  #newsletter form {
    text-align: center;
    margin-top: 20px; }
    #newsletter form input:first-child {
      position: absolute;
      margin-top: 9px;
      margin-left: 11px;
      width: 24px;
      height: 24px; }
    #newsletter form img {
      position: absolute;
      margin-top: 9px;
      margin-left: 11px;
      width: 24px;
      height: 24px; }
      @media screen and (max-width: 600px) {
        #newsletter form img {
          position: absolute;
          margin-top: 39px; } }
    #newsletter form label {
      margin-top: 50px;
      margin-left: 10px;
      color: white; }
    #newsletter form input:not(.loupe) {
      border-radius: 4px;
      height: 30px;
      width: 490px;
      padding: 5px 10px 5px 40px; }
      @media screen and (max-width: 600px) {
        #newsletter form input:not(.loupe) {
          width: 256px;
          height: 35px; } }
    #newsletter form button {
      padding: 5px;
      height: 44px;
      border: 1px solid #fff;
      color: #FFF;
      background-color: #E54900;
      border-radius: 4px;
      cursor: pointer; }
      @media screen and (max-width: 600px) {
        #newsletter form button {
          margin-top: 20px; } }

#sociallinksFooter {
  flex-grow: 1;
  text-align: center; }
  #sociallinksFooter h1 {
    margin-bottom: 78px;
    margin-top: -9px; }
    @media screen and (max-width: 600px) {
      #sociallinksFooter h1 {
        font-size: 20px;
        margin-top: 32px;
        margin-bottom: 10px; } }
  @media screen and (max-width: 600px) {
    #sociallinksFooter {
      padding-bottom: 31px; }
      #sociallinksFooter ul {
        padding: 0; }
        #sociallinksFooter ul li a img {
          height: 36px;
          width: 36px; } }

#innerfooter {
  display: flex !important;
  flex-direction: row !important;
  align-content: center !important;
  width: 1250px !important;
  margin: auto !important;
  height: 67px; }
  @media screen and (max-width: 600px) {
    #innerfooter {
      width: 100vw !important;
      height: fit-content !important; } }
  @media screen and (max-width: 600px) {
    #innerfooter ul {
      position: relative !important; } }
  @media screen and (max-width: 600px) {
    #innerfooter ul li {
      position: relative !important; } }
  #innerfooter ul li a {
    font-size: 15px !important; }
  @media screen and (max-width: 0) {
    #innerfooter {
      width: 100vw; } }
  @media screen and (max-width: 600px) {
    #innerfooter {
      position: relative !important;
      display: block !important;
      text-align: center; }
      #innerfooter a {
        text-align: center !important; } }
  #innerfooter a {
    display: inline-block !important; }
  #innerfooter ul {
    padding-left: 80px; }
    @media screen and (max-width: 600px) {
      #innerfooter ul {
        display: table-footer-group; } }
    #innerfooter ul li {
      display: inline-block;
      margin-right: 5px;
      margin-left: 5px; }
      #innerfooter ul li:before {
        content: "•";
        margin-right: 0.5em; }
      #innerfooter ul li:first-child:before {
        content: none; }
      #innerfooter ul li a {
        color: #303133;
        text-decoration: none; }

#partners {
  margin: 96px 0 8px;
  padding: 0;
  text-align: center; }
  #partners p:first-child {
    width: 978px;
    height: 20px;
    font-size: 15px !important;
    text-align: left;
    margin: auto; }
    @media screen and (max-width: 0) {
      #partners p:first-child {
        width: 100vw; } }
    @media screen and (max-width: 600px) {
      #partners p:first-child {
        width: 100vw;
        text-align: center; } }
  #partners .partners {
    display: flex;
    width: 978px;
    margin: auto;
    justify-content: space-between; }
    @media screen and (max-width: 0) {
      #partners .partners {
        width: 0; } }
    @media screen and (max-width: 600px) {
      #partners .partners {
        text-align: center;
        flex-direction: column;
        align-items: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%; }
        #partners .partners p {
          text-align: center;
          width: 100vw; } }
    #partners .partners a {
      background: url(/static/images/sprites/partners.png) 0 0 no-repeat;
      display: inline-block;
      vertical-align: middle;
      height: 61px;
      width: 200px;
      border: 1px solid #FFA87F;
      border-radius: 4px; }
      #partners .partners a.homeaccess {
        background-position: 15px -4px; }
      #partners .partners a.cinema-handicap {
        background-position: 15px -142px; }
      #partners .partners a.autonomease {
        background-position: 14px -213px; }
      #partners .partners a.hellohandicap {
        background-position: 25px -71px; }
      #partners .partners a.salonhandicap {
        background-position: 10px -285px; }
      @media screen and (max-width: 600px) {
        #partners .partners a {
          margin-top: 8px; } }

#lastfooter {
  clear: both;
  color: #303133;
  text-align: center;
  font-size: 0.9em;
  margin: 10px 0 0 0; }

#liensFooter {
  display: flex;
  width: 978px;
  margin: 22px auto auto;
  justify-content: space-between; }
  @media screen and (max-width: 0) {
    #liensFooter {
      width: 0; } }
  @media screen and (max-width: 600px) {
    #liensFooter {
      display: none; } }
  #liensFooter h2 {
    color: #E54900;
    font-size: 1.17em; }
  #liensFooter ul {
    list-style-type: none;
    padding: 0; }

.GotoComment {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  margin-top: 12px; }
  .GotoComment div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px 8px 8px;
    border: 1px solid #4C5FD7;
    border-radius: 4px;
    background-color: #FFF;
    cursor: pointer; }
    .GotoComment div.greenButton {
      border-color: #4CAF50; }
      .GotoComment div.greenButton a {
        text-decoration: none; }
        .GotoComment div.greenButton a img {
          margin-right: 4px;
          width: 24px;
          height: 24px;
          vertical-align: text-bottom; }
    .GotoComment div.purpleButton {
      border-color: #7B36D2; }
      .GotoComment div.purpleButton a {
        text-decoration: none; }
        .GotoComment div.purpleButton a img {
          margin-right: 4px;
          width: 24px;
          height: 24px;
          vertical-align: text-bottom; }
    .GotoComment div.blueButton {
      border-color: #4C5FD7; }
      .GotoComment div.blueButton a {
        text-decoration: none; }
        .GotoComment div.blueButton a img {
          margin-right: 4px;
          width: 24px;
          height: 24px;
          vertical-align: text-bottom; }

.glossary p {
  padding-left: 30px;
  padding-bottom: 20px; }
  .glossary p a {
    margin-left: 10px;
    vertical-align: middle; }
.glossary h2 {
  background-color: #EFEFEF;
  padding: 10px; }
.glossary h3 {
  padding-left: 30px;
  padding-bottom: 5px;
  font-style: italic;
  font-size: 0.9em;
  font-weight: normal; }

#newsletterForm fieldset {
  display: flex;
  border-radius: 5px; }
  #newsletterForm fieldset label {
    display: inline-block; }
  #newsletterForm fieldset input {
    width: 200px;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #newsletterForm fieldset input[type=submit] {
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }

#searchProductForm fieldset {
  display: flex;
  border-radius: 5px; }
  #searchProductForm fieldset label {
    display: inline-block; }
  #searchProductForm fieldset input {
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #searchProductForm fieldset input[type=submit] {
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }

#parkingForm fieldset {
  display: flex;
  border-radius: 5px; }
  #parkingForm fieldset label {
    display: inline-block; }
  #parkingForm fieldset input {
    width: 200px;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px; }
  #parkingForm fieldset input[type=submit] {
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px; }

#annuaireForm fieldset {
  display: flex; }
#annuaireForm input {
  display: inline-block;
  border-radius: 5px; }

.description {
  padding-top: 20px; }

.detailProduit .maker {
  display: inline-block;
  height: 20px !important; }
.detailProduit .productAvis {
  display: inline-block; }
  .detailProduit .productAvis img {
    vertical-align: bottom; }

.tabcontent {
  background: #F9F9F9; }

/* Style the buttons that are used to open the tab content */
.tab a:not(.orgs) {
  text-align: center;
  padding: 5px;
  border-style: outset;
  border-width: thin;
  border-color: #0061FF;
  background-color: #fff;
  width: 190px;
  border-radius: 10px 0 0 0;
  color: #000 !important;
  cursor: pointer;
  text-decoration: none;
  display: inline-block; }
  @media screen and (max-width: 600px) {
    .tab a:not(.orgs) {
      width: 65px;
      font-size: 8px !important; } }
.tab a:hover {
  box-shadow: 5px 3px 5px #bebebe; }
.tab a.current {
  color: white !important;
  background-color: #0061FF !important; }

#suggeratedProducts div.firstChild {
  text-align: center;
  background-color: #F3F3F3;
  border: 1px solid #DADADA; }
  @media screen and (max-width: 600px) {
    #suggeratedProducts div.firstChild {
      width: 100vw; } }
#suggeratedProducts div.lastChild {
  margin: 25px 40px 40px;
  display: flex;
  flex-wrap: wrap;
  text-align: center; }
  @media screen and (max-width: 600px) {
    #suggeratedProducts div.lastChild {
      margin: 0; } }
  #suggeratedProducts div.lastChild > div {
    height: 80px;
    width: 46%;
    padding: 12px; }
    @media screen and (max-width: 600px) {
      #suggeratedProducts div.lastChild > div {
        width: 100vw;
        height: unset;
        padding: 0;
        margin-bottom: 15px; } }
    #suggeratedProducts div.lastChild > div a {
      display: flex;
      align-content: center;
      justify-content: center;
      text-decoration: none;
      font-weight: bold !important;
      position: relative;
      font-size: 15px;
      text-align: left; }
      #suggeratedProducts div.lastChild > div a > p {
        margin-left: 10px;
        width: 260px; }
      @media screen and (max-width: 600px) {
        #suggeratedProducts div.lastChild > div a {
          font-size: 14px; } }
      #suggeratedProducts div.lastChild > div a > img {
        max-width: 80px;
        max-height: 80px; }
      #suggeratedProducts div.lastChild > div a > span {
        font-size: 12px;
        color: #8D8D8F;
        position: absolute;
        bottom: 0px;
        left: 91px;
        width: 70%;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 600px) {
          #suggeratedProducts div.lastChild > div a > span {
            width: 160px; } }
        #suggeratedProducts div.lastChild > div a > span > span img {
          width: 18px;
          height: 18px;
          vertical-align: middle; }

.partnersWrapper a.partenersList {
  background: url(/static/images/sprites/partners.png) 0 0 no-repeat;
  vertical-align: middle;
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 61px;
  width: 200px;
  border: 1px solid #FFA87F;
  border-radius: 4px;
  margin-bottom: 5px; }
  .partnersWrapper a.partenersList.homeaccess {
    background-position: 15px -4px; }
  .partnersWrapper a.partenersList.cinema-handicap {
    background-position: 15px -142px; }
  .partnersWrapper a.partenersList.autonomease {
    background-position: 14px -213px; }
  .partnersWrapper a.partenersList.hellohandicap {
    background-position: 25px -71px; }

.title {
  position: absolute;
  width: fit-content;
  top: -37px;
  left: -5px;
  display: flex; }
  .title h1 {
    font-size: 18px;
    font-weight: normal;
    display: flex;
    align-content: center;
    justify-content: space-around;
    line-height: 48px; }
  .title h1.titleArrow {
    color: #FFF;
    width: 48px;
    height: 48px;
    background: #707FDF;
    font-size: 1.5em; }
  .title h1.titleSecond {
    color: #FFF;
    width: fit-content;
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 10px;
    height: fit-content; }
  .title div {
    font-size: 18px;
    font-weight: normal;
    display: flex;
    align-content: center;
    justify-content: space-around;
    line-height: 48px; }
  .title div.titleArrow {
    color: #FFF;
    width: 48px;
    height: 48px;
    background: #707FDF;
    font-size: 1.5em; }
  .title div.titleSecond {
    color: #FFF;
    width: fit-content;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
    height: 48px; }

article.list {
  position: relative;
  margin-bottom: 10px; }
  @media screen and (max-width: 600px) {
    article.list {
      position: relative !important;
      width: 95vw;
      height: 100px !important; } }
  article.list .wrappertext {
    position: relative; }
    @media screen and (max-width: 600px) {
      article.list .wrappertext {
        width: 95vw;
        height: 100%; } }
    article.list .wrappertext a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none; }
      @media screen and (max-width: 600px) {
        article.list .wrappertext a {
          width: 95vw;
          height: 100%; } }
      article.list .wrappertext a header {
        display: inline-block;
        width: 38%; }
        @media screen and (max-width: 600px) {
          article.list .wrappertext a header {
            height: 10%; } }
      article.list .wrappertext a h2 {
        height: 90px;
        font-size: 20px; }
        @media screen and (max-width: 600px) {
          article.list .wrappertext a h2 {
            position: relative !important;
            font-size: 10px !important; } }
      article.list .wrappertext a .img2 {
        border-width: 1px;
        border-color: #DBDFF7;
        border-style: outset;
        bottom: 0;
        right: 0; }
        @media screen and (max-width: 600px) {
          article.list .wrappertext a .img2 {
            position: relative !important;
            width: 200px;
            height: 100px; } }
      article.list .wrappertext a p {
        min-height: 195px;
        padding-top: 10px;
        margin-bottom: 0; }
        @media screen and (max-width: 600px) {
          article.list .wrappertext a p {
            display: none !important; } }
  article.list .signature {
    position: relative;
    text-align: right;
    color: #000000; }
    @media screen and (max-width: 600px) {
      article.list .signature {
        display: none !important; } }
    article.list .signature span {
      color: #000000;
      font-size: 12px; }
      article.list .signature span img {
        vertical-align: bottom; }

#contenu.article > div > div#autreArticles {
  border-bottom: 5px solid #4C5FD7; }

#contenu.accueil > div > div#autreArticles {
  margin-top: 34px; }

*#autreArticles {
  margin-right: -40px;
  margin-left: -40px; }
  @media screen and (max-width: 600px) {
    *#autreArticles {
      width: 100vw; } }
  *#autreArticles div.firstChild {
    text-align: center;
    background-color: #F3F3F3;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #DADADA; }
    @media screen and (max-width: 600px) {
      *#autreArticles div.firstChild {
        width: calc(100vw + 24px); } }
  *#autreArticles div.lastChild {
    margin: 25px 40px 40px;
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
    @media screen and (max-width: 600px) {
      *#autreArticles div.lastChild {
        margin-right: 0; } }
    *#autreArticles div.lastChild > div {
      height: 80px;
      width: 46%;
      padding: 12px; }
      @media screen and (max-width: 600px) {
        *#autreArticles div.lastChild > div {
          width: 100vw;
          height: unset;
          padding: 0;
          margin-bottom: 15px; } }
      *#autreArticles div.lastChild > div a {
        display: flex;
        align-content: center;
        justify-content: center;
        text-decoration: none;
        font-weight: bold !important;
        position: relative;
        font-size: 15px;
        text-align: left; }
        *#autreArticles div.lastChild > div a > p {
          margin-left: 10px;
          width: 300px; }
          @media screen and (max-width: 600px) {
            *#autreArticles div.lastChild > div a > p {
              font-size: 14px;
              margin-top: 0 !important;
              margin-left: 12px; } }
        *#autreArticles div.lastChild > div a > img {
          width: 80px !important;
          height: 80px !important; }
        *#autreArticles div.lastChild > div a > span {
          font-size: 12px;
          color: #8D8D8F;
          position: absolute;
          bottom: 0px;
          left: 91px;
          width: 70%;
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 600px) {
            *#autreArticles div.lastChild > div a > span {
              width: 160px; } }
          *#autreArticles div.lastChild > div a > span > span img {
            width: 18px;
            height: 18px;
            vertical-align: middle; }

#messages {
  margin-right: -40px;
  margin-left: -40px;
  padding: 36px 40px 40px;
  background-color: #F9F9F9; }
  @media screen and (max-width: 600px) {
    #messages {
      margin-right: -32px;
      margin-left: -32px;
      padding-right: 12px;
      padding-left: 12px; } }
  #messages > div:first-child {
    color: #4C5FD7;
    font-size: 1.5em;
    font-weight: bold !important;
    margin-bottom: 32px; }
  #messages > div h2 {
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 14px; }
  #messages > div p {
    margin-top: 0;
    margin-bottom: 31px;
    font-size: 14px; }
  #messages #allComments {
    text-align: right; }
    #messages #allComments button {
      padding: 11px;
      background: #FFF;
      border: 1px solid #4C5FD7;
      border-radius: 4px;
      margin-top: 16px; }
  #messages form {
    margin-top: 42px; }
    #messages form > div p {
      font-size: 0.8em; }
    #messages form > div ul {
      font-size: 0.8em;
      margin-bottom: 16px; }
    #messages form textarea {
      border: 1px solid #C4C4C4;
      border-radius: 4px;
      padding-left: 12px;
      padding-top: 6px;
      width: 798px;
      height: 86px;
      margin-bottom: 20px; }
      @media screen and (max-width: 0) {
        #messages form textarea {
          width: 646px; } }
      @media screen and (max-width: 600px) {
        #messages form textarea {
          width: 239px; } }
    #messages form > div:first-child {
      justify-content: space-between;
      margin-bottom: 16px; }
      @media screen and (max-width: 600px) {
        #messages form > div:first-child {
          flex-direction: column; } }
      #messages form > div:first-child > div {
        flex-direction: column;
        width: 48%; }
        @media screen and (max-width: 600px) {
          #messages form > div:first-child > div {
            width: 100%; } }
        #messages form > div:first-child > div input:not([type=checkbox]) {
          height: 35px;
          border: 1px solid #C4C4C4;
          border-radius: 4px;
          padding-left: 12px;
          width: 100%; }
      #messages form > div:first-child #sel_cmt_mail:before {
        content: url(/static/template/images/Banque/mail/line.svg);
        width: 24px;
        height: 24px;
        position: absolute; }
    #messages form > div.secondChild {
      display: flex;
      flex-direction: column; }
    #messages form > div:last-child {
      display: flex;
      justify-content: space-between; }
      #messages form > div:last-child > div:first-child {
        display: flex;
        justify-content: center;
        align-items: center; }
    #messages form #subcomment {
      padding: 11px;
      color: #FFF;
      background-color: #4C5FD7;
      border-radius: 4px;
      border: none;
      cursor: pointer; }
    #messages form #sel_cmt_pub[type=checkbox] {
      display: none; }
    #messages form #sel_cmt_pub[type=checkbox] + label:before {
      content: url(/static/template/images/Form/Toggle/Inactif.svg);
      height: 20px;
      width: 36px;
      float: left;
      margin-right: 8px; }
    #messages form #sel_cmt_pub[type=checkbox]:checked + label:before {
      content: url(/static/template/images/Form/Toggle/ActifBlue.svg); }

#comments {
  margin-right: -40px;
  margin-left: -40px;
  padding: 36px 40px 40px;
  background-color: #F9F9F9; }
  @media screen and (max-width: 600px) {
    #comments {
      margin: unset;
      padding-right: 12px;
      padding-left: 12px; } }
  #comments > div:first-child {
    color: #4C5FD7;
    font-size: 1.5em;
    font-weight: bold !important;
    margin-bottom: 32px; }
  #comments > div h2 {
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 14px; }
  #comments > div p {
    margin-top: 0;
    margin-bottom: 31px;
    font-size: 14px; }
  #comments #allComments {
    text-align: right; }
    #comments #allComments button {
      padding: 11px;
      background: #FFF;
      border: 1px solid #4C5FD7;
      border-radius: 4px;
      margin-top: 16px; }
  #comments form#commentForm {
    margin-top: 42px; }
    #comments form#commentForm > div p {
      font-size: 0.8em; }
    #comments form#commentForm > div ul {
      font-size: 0.8em;
      margin-bottom: 16px; }
    #comments form#commentForm textarea {
      border: 1px solid #C4C4C4;
      border-radius: 4px;
      padding-left: 12px;
      padding-top: 6px;
      width: 798px;
      height: 86px;
      margin-bottom: 20px; }
      @media screen and (max-width: 0) {
        #comments form#commentForm textarea {
          width: 646px; } }
      @media screen and (max-width: 600px) {
        #comments form#commentForm textarea {
          width: 239px; } }
    #comments form#commentForm > div:first-child {
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px; }
      @media screen and (max-width: 600px) {
        #comments form#commentForm > div:first-child {
          flex-direction: column; } }
      #comments form#commentForm > div:first-child > div {
        display: flex;
        flex-direction: column;
        width: 48%; }
        @media screen and (max-width: 600px) {
          #comments form#commentForm > div:first-child > div {
            width: 100%; } }
        #comments form#commentForm > div:first-child > div input {
          height: 35px;
          border: 1px solid #C4C4C4;
          border-radius: 4px;
          padding-left: 12px;
          width: 100%; }
      #comments form#commentForm > div:first-child #sel_cmt_mail:before {
        content: url(/static/template/images/Banque/mail/line.svg);
        width: 24px;
        height: 24px;
        position: absolute; }
    #comments form#commentForm > div.secondChild {
      display: flex;
      flex-direction: column; }
    #comments form#commentForm > div:last-child {
      display: flex;
      justify-content: space-between; }
      #comments form#commentForm > div:last-child > div:first-child {
        display: flex;
        justify-content: center;
        align-items: center; }
    #comments form#commentForm #subcomment {
      padding: 11px;
      color: #FFF;
      background-color: #4C5FD7;
      border-radius: 4px;
      border: none;
      cursor: pointer; }
    #comments form#commentForm #sel_cmt_pub[type=checkbox] {
      display: none; }
    #comments form#commentForm #sel_cmt_pub[type=checkbox] + label:before {
      content: url(/static/template/images/Form/Toggle/Inactif.svg);
      height: 20px;
      width: 36px;
      float: left;
      margin-right: 8px; }
    #comments form#commentForm #sel_cmt_pub[type=checkbox]:checked + label:before {
      content: url(/static/template/images/Form/Toggle/ActifBlue.svg); }

.wrapper {
  position: relative;
  margin-right: -40px;
  margin-left: -40px;
  padding: 40px 40px 40px; }
  @media screen and (max-width: 600px) {
    .wrapper {
      padding-right: 0;
      width: 100vw; } }

.wrapper.article {
  border-left: 5px solid #DBDFF7;
  border-top: 5px solid #DBDFF7;
  margin-top: -40px; }
  @media screen and (max-width: 600px) {
    .wrapper.article {
      width: calc(100vw - 15px);
      margin-top: 50px; } }

.wrapper.services {
  border-left: 5px solid #DBEFDC;
  border-top: 5px solid #DBEFDC; }
  @media screen and (max-width: 600px) {
    .wrapper.services {
      padding-left: 0;
      width: calc(100vw + 25px); } }
  .wrapper.services > .mosaique {
    display: flex;
    justify-content: space-around;
    margin-left: -40px;
    margin-right: -40px; }
    @media screen and (max-width: 600px) {
      .wrapper.services > .mosaique {
        width: 100vw;
        margin: unset; }
        .wrapper.services > .mosaique div#hfrservices {
          width: 100vw;
          text-align: center; }
          .wrapper.services > .mosaique div#hfrservices div:first-child {
            width: calc(100vw + 6.5%); }
        .wrapper.services > .mosaique div#partenairesList {
          display: none; } }
    .wrapper.services > .mosaique > div {
      width: 50%; }
      .wrapper.services > .mosaique > div:first-child {
        border-right: 1px solid rgba(187, 187, 187, 0.5); }
      .wrapper.services > .mosaique > div:not(:first-child) > div:first-child {
        border-right: 1px solid rgba(187, 187, 187, 0.5); }
      .wrapper.services > .mosaique > div > div:first-child {
        text-align: center;
        font-size: 16px;
        background-color: #F9F9F9;
        border-top: 1px solid rgba(187, 187, 187, 0.5);
        border-bottom: 1px solid rgba(187, 187, 187, 0.5);
        margin-bottom: 16px; }
      .wrapper.services > .mosaique > div > div:not(:first-child) {
        padding: 8px 32px; }
        .wrapper.services > .mosaique > div > div:not(:first-child) > a {
          text-decoration: none; }
          .wrapper.services > .mosaique > div > div:not(:first-child) > a > img {
            float: left;
            margin-right: 16px; }
          .wrapper.services > .mosaique > div > div:not(:first-child) > a > h1 {
            font-size: 15px;
            font-weight: bold !important; }
          .wrapper.services > .mosaique > div > div:not(:first-child) > a > p {
            font-size: 14px; }

.wrapper.produits {
  border-left: 5px solid #E5D7F6;
  border-top: 5px solid #E5D7F6; }
  @media screen and (max-width: 600px) {
    .wrapper.produits {
      padding-right: 0 !important;
      padding-left: 30px !important;
      width: calc(100vw - 5px); } }
  .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) {
    display: flex;
    justify-content: space-around;
    margin-bottom: 28px; }
    .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) > div.detailProduit {
      width: 300px;
      border: 1px solid #E2E2E2;
      text-align: center;
      position: relative; }
      .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) > div.detailProduit > a {
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block; }
        .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) > div.detailProduit > a > h2 {
          line-height: 25px; }
        .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) > div.detailProduit > a > p {
          margin-bottom: 0;
          margin-top: 0; }
      @media screen and (max-width: 600px) {
        .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) > div.detailProduit:nth-child(2) {
          display: none; } }
      .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) > div.detailProduit > h1 {
        font-size: 15px;
        font-weight: bold !important;
        margin-right: 14px;
        margin-left: 14px; }
      .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) > div.detailProduit > p {
        font-size: 14px;
        margin-right: 14px;
        margin-left: 14px; }
      .wrapper.produits > div:not(:first-child):not(.wrapper-bottom):not(.sublist) > div.detailProduit > span {
        color: #8D8D8F;
        font-size: 12px; }

.sublist {
  display: block;
  width: 100%; }
  .sublist div.listElement {
    display: block; }
    .sublist div.listElement p a {
      text-decoration: none !important;
      display: block;
      text-align: center;
      color: #E54900; }

.wrapper-heading {
  display: block !important; }
  .wrapper-heading fieldset {
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    display: inline-block;
    position: relative;
    width: 385px;
    height: 200px;
    vertical-align: top; }
    @media screen and (max-width: 600px) {
      .wrapper-heading fieldset {
        width: 300px;
        text-align: center;
        height: 280px; } }
    .wrapper-heading fieldset legend a {
      border-bottom: 1px solid;
      border-color: #4C5FD7;
      color: #E54900; }
    .wrapper-heading fieldset a {
      cursor: pointer;
      text-decoration: none !important; }
    .wrapper-heading fieldset div {
      position: relative; }
      .wrapper-heading fieldset div img {
        margin-top: 5px;
        display: inline-block;
        vertical-align: top; }
      .wrapper-heading fieldset div ul {
        width: 250px;
        margin-top: 5px;
        display: inline-block;
        list-style-type: none;
        padding-left: 10px;
        margin-left: 10px; }
        .wrapper-heading fieldset div ul li {
          margin-top: 10px;
          margin-bottom: 10px; }
          .wrapper-heading fieldset div ul li a {
            font-size: 14px;
            display: block;
            width: 100%;
            height: 100%; }

.wrapper.produitslist {
  border-left: 5px solid #E5D7F6;
  border-top: 5px solid #E5D7F6; }
  @media screen and (max-width: 600px) {
    .wrapper.produitslist {
      margin-left: 0;
      width: 100vw; } }
  .wrapper.produitslist > div:not(:first-child) {
    display: block;
    margin-bottom: 28px; }
    .wrapper.produitslist > div:not(:first-child) > div.detailProduit {
      border: 1px solid #E2E2E2;
      text-align: center;
      padding-bottom: 10px;
      position: relative;
      display: inline-flex;
      width: 415px; }
      @media screen and (max-width: 600px) {
        .wrapper.produitslist > div:not(:first-child) > div.detailProduit {
          width: calc(100vw - 5%); } }
      .wrapper.produitslist > div:not(:first-child) > div.detailProduit > a {
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block; }
        .wrapper.produitslist > div:not(:first-child) > div.detailProduit > a > h2 {
          height: 80px; }
        .wrapper.produitslist > div:not(:first-child) > div.detailProduit > a > p {
          height: 110px; }
      @media screen and (max-width: 600px) {
        .wrapper.produitslist > div:not(:first-child) > div.detailProduit:nth-child(2) {
          display: none; } }
      .wrapper.produitslist > div:not(:first-child) > div.detailProduit > h1 {
        font-size: 15px;
        font-weight: bold !important;
        margin-right: 14px;
        margin-left: 14px; }
      .wrapper.produitslist > div:not(:first-child) > div.detailProduit > p {
        font-size: 14px;
        margin-right: 14px;
        margin-left: 14px; }
      .wrapper.produitslist > div:not(:first-child) > div.detailProduit > span {
        color: #8D8D8F;
        font-size: 12px; }

.img2 {
  float: right;
  width: 500px; }
  @media screen and (max-width: 600px) {
    .img2 {
      max-width: 255px; } }

div#HTMLObjectVideo {
  float: right; }
  @media screen and (max-width: 600px) {
    div#HTMLObjectVideo {
      width: 255px;
      float: none !important;
      display: block; } }

#bottomImage {
  margin-left: auto;
  margin-right: auto;
  display: block; }
  @media screen and (max-width: 600px) {
    #bottomImage {
      width: 255px; } }

#FormRecherche {
  display: block; }
  #FormRecherche input {
    width: 45%; }

form#FormContact fieldset {
  border-radius: 5px; }
  form#FormContact fieldset button {
    display: block;
    padding: 12px 26px;
    color: #FFF;
    background-color: #E54900;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto; }
  form#FormContact fieldset label {
    display: block;
    position: absolute;
    width: 150px; }
  form#FormContact fieldset input {
    width: 300px;
    height: 25px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  form#FormContact fieldset textarea {
    width: 500px;
    height: 300px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 600px) {
      form#FormContact fieldset textarea {
        width: 280px !important; } }
  form#FormContact fieldset select {
    width: 500px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    display: block;
    margin-left: auto;
    margin-right: auto; }

.paginatxt {
  text-align: center; }

.paginacur {
  padding: 12px;
  color: #FFF;
  background-color: #4C5FD7;
  border: none;
  border-radius: 4px;
  text-decoration: none; }

.paginalnk {
  padding: 12px;
  color: #FFF !important;
  background-color: #E54900 !important;
  border: none !important;
  border-radius: 4px !important;
  text-decoration: none !important; }

.glossaryTermDefinition {
  padding: 15px;
  background-color: ghostwhite;
  margin: 15px; }

.jb-emploi #message {
  margin-top: 50px;
  width: 95vw;
  max-width: 840px; }
.jb-emploi div.alert {
  background-color: white;
  color: #f44336;
  border: 1px solid #f44336; }
.jb-emploi div.success {
  background-color: white;
  color: #4CAF50;
  border: 1px solid #4CAF50; }

#jb {
  font-size: 14px;
  width: 90vw;
  max-width: 840px;
  margin-bottom: 15px; }
  @media screen and (max-width: 480px) {
    #jb {
      width: 95vw; } }
  #jb .align-center {
    text-align: center; }
    #jb .align-center li {
      list-style: inside; }
  #jb .div-align-center {
    margin-right: auto;
    margin-left: auto; }
  #jb .float-right {
    float: right;
    margin-top: 20px; }
  #jb a {
    color: #778699; }
  #jb .arrow::after {
    content: ">"; }
  #jb .arrow-back::before {
    content: "<";
    padding-right: 3px; }
  #jb h1 {
    line-height: 48px;
    color: #FFFFFF; }
    @media screen and (max-width: 1200px) {
      #jb h1 {
        font-size: 16px; } }
    @media screen and (max-width: 595px) {
      #jb h1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 480px; } }
    @media screen and (max-width: 535px) {
      #jb h1 {
        width: 100%; } }
  #jb h2 {
    color: #FF5200;
    font-size: 24px;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: normal; }
    @media screen and (max-width: 480px) {
      #jb h2 {
        font-size: 21px !important; } }
  #jb h3 {
    font-size: 24px;
    color: #4C5FD7;
    font-style: normal; }
  #jb h3.small-title {
    font-size: 20px; }
  #jb h4 {
    font-weight: bold;
    font-size: 14px; }
  #jb form {
    margin-bottom: 40px; }
    @media screen and (max-width: 610px) {
      #jb form {
        margin-left: 5px; } }
    #jb form label {
      display: block; }
    #jb form input[type=text], #jb form input[type=email], #jb form input[type=password], #jb form input[type=tel], #jb form select, #jb form input[type=file], #jb form .autocomp-fixe {
      border: none;
      background-color: #F2F4FC;
      color: #000000;
      height: 36px;
      width: 100%;
      border-radius: 3px;
      margin-top: 5px;
      font-size: 14px;
      margin-bottom: 15px; }
      @media screen and (max-width: 480px) {
        #jb form input[type=text], #jb form input[type=email], #jb form input[type=password], #jb form input[type=tel], #jb form select, #jb form input[type=file], #jb form .autocomp-fixe {
          height: 48px; } }
    #jb form select {
      height: 41px; }
    #jb form input.verif, #jb form select.verif, #jb form div.verif {
      border: 2px solid #FF5200; }
    #jb form textarea {
      border: none;
      background-color: #F2F4FC;
      color: #000000;
      border-radius: 3px;
      margin-top: 5px;
      font-size: 14px;
      height: 250px;
      width: 540px; }
      @media screen and (max-width: 800px) {
        #jb form textarea {
          width: 100%; } }
    #jb form input[type=file] {
      padding: 10px 0px 0px 0px; }
      @media screen and (max-width: 480px) {
        #jb form input[type=file] {
          width: 90%; } }
    #jb form input[type=text]::placeholder, #jb form input[type=email]::placeholder, #jb form input[type=password]::placeholder, #jb form input[type=tel]::placeholder, #jb form select.empty-value option:first-child {
      color: #778699 !important; }
    #jb form input[type=radio], #jb form input[type=checkbox] {
      position: absolute;
      opacity: 0; }
    #jb form input[type=radio] + label, #jb form input[type=checkbox] + label {
      display: inline-block;
      padding: 5px;
      border: 2px solid #FFFFFF;
      margin-bottom: 15px;
      margin-top: 5px; }
      @media screen and (max-width: 480px) {
        #jb form input[type=radio] + label, #jb form input[type=checkbox] + label {
          width: 100%; } }
    #jb form input[type=radio].thin + label {
      margin-top: -10px; }
    #jb form input[type=radio] + label::before, #jb form input[type=checkbox].check + label::before {
      content: "";
      border-radius: 4px;
      display: inline-block;
      width: 17px;
      height: 17px;
      border: 1px solid #FF5200;
      background: white;
      margin-right: 10px;
      cursor: pointer;
      vertical-align: middle; }
    #jb form input[type=radio]:checked + label::before, #jb form input[type=checkbox].check:checked + label::before {
      background: #FF5200;
      content: "✔";
      color: #FFFFFF;
      text-align: center;
      line-height: 16px; }
    #jb form input[type=radio]:focus + label, #jb form input[type=checkbox].check:focus + label {
      border: 2px solid #FF5200;
      border-radius: 3px; }
    #jb form input[type=checkbox].switch + label::after {
      content: "";
      border-radius: 16px;
      display: inline-block;
      width: 52px;
      height: 32px;
      border: 0;
      background-color: #DEE1F8;
      margin-left: 10px;
      cursor: pointer;
      vertical-align: middle; }
    #jb form input[type=checkbox].switch ~ span.slider {
      display: inline-block !important;
      height: 24px;
      width: 24px;
      border-radius: 12px;
      background-color: #FFFFFF;
      box-shadow: -1px 1px 2px 0 rgba(67, 70, 74, 0), -2px 2px 2px 0 rgba(67, 86, 100, 0.12);
      position: absolute;
      right: 30px;
      top: 16px; }
    #jb form input[type=checkbox].switch:checked + label::after {
      content: "";
      border-radius: 16px;
      display: inline-block;
      width: 52px;
      height: 32px;
      border: 0;
      background-color: #FF5200;
      margin-left: 10px;
      cursor: pointer;
      vertical-align: middle; }
    #jb form input[type=checkbox].switch:checked ~ span.slider {
      display: inline-block !important;
      height: 24px;
      width: 24px;
      border-radius: 12px;
      background-color: #FFFFFF;
      box-shadow: -1px 1px 2px 0 rgba(67, 70, 74, 0), -2px 2px 2px 0 rgba(67, 86, 100, 0.12);
      position: absolute;
      margin-top: 4px;
      top: 11px;
      right: 10px; }
    #jb form input[type=checkbox].grise + label {
      color: gray; }
    #jb form input[type=checkbox].grise + label::before {
      border: 1px solid gray; }
    #jb form input[type=checkbox].grise:checked + label::before {
      background: gray;
      border: 1px solid gray; }
    #jb form input[type=text].thick-input, #jb form input[type=password].thick-input, #jb form .thick-input, #jb form select.thick-input, #jb form input[type=submit].thick-input {
      height: 48px; }
    #jb form button, #jb form input[type=submit] {
      display: block;
      background-color: #FF5200;
      height: 40px;
      color: white;
      font-weight: bold;
      width: 100%;
      border-radius: 3px;
      border: 0;
      margin-left: auto;
      margin-right: auto; }
    #jb form button:focus, #jb form input[type=submit]:focus {
      background-color: #FFFFFF;
      color: #FF5200;
      border: 1px solid #FF5200; }
    #jb form select.multiple {
      height: 150px; }
    #jb form select {
      margin-right: -5px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      overflow: hidden;
      text-overflow: ellipsis; }
    #jb form .select-container {
      position: relative;
      display: inline; }
    #jb form .select-container::after {
      content: "▼";
      color: #72809D;
      position: absolute;
      top: 20%;
      margin-top: -3px;
      right: 0.1em;
      display: block;
      pointer-events: none;
      background-color: #F2F4FC;
      padding-left: 4px; }
    #jb form .password-container {
      width: 100%;
      position: relative; }
      #jb form .password-container a {
        color: #72809d !important;
        text-decoration: none; }
    #jb form .eye {
      font-size: 24px;
      position: absolute;
      right: 3%;
      background-color: transparent;
      bottom: 23%; }
    #jb form .required {
      font-weight: bold;
      color: #FF5200; }
    #jb form fieldset {
      width: 100%;
      border: 0;
      border-radius: 0px;
      border-top: 1px solid #EEF0FB;
      padding: 0; }
      #jb form fieldset legend {
        text-transform: uppercase;
        color: #000000;
        font-style: normal;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        padding-right: 20px;
        padding-top: 30px;
        border: 0px; }
      #jb form fieldset legend.space {
        padding-bottom: 10px; }
    #jb form fieldset.label {
      border: 0; }
      #jb form fieldset.label legend {
        font-size: 14px;
        font-weight: normal;
        margin-top: 0;
        text-transform: none; }
      #jb form fieldset.label label {
        margin-top: 0px; }
    #jb form input[type=submit].favorite {
      margin: 0;
      border-radius: 3px;
      border: solid 1px #dce1e7;
      display: block;
      font-size: 21px;
      cursor: pointer;
      flex-shrink: 0;
      background-color: white;
      color: #d7e1ea;
      height: 37px; }
      @media screen and (max-width: 480px) {
        #jb form input[type=submit].favorite {
          font-size: 32px;
          height: 48px; } }
    #jb form input[type=submit].favorite:focus {
      border: solid 1px #fffff;
      color: #ffffff;
      background-color: #dce1e7; }
    #jb form input[type=submit].fav-selected {
      background-color: #ff5200;
      color: white;
      border: solid 1px #ff5200; }
  #jb a.favorite {
    display: block;
    border: solid 1px #dce1e7;
    border-radius: 3px;
    text-decoration: none;
    color: #dce1e7;
    padding: 0px 8px 1px 8px;
    font-size: 21px;
    height: 33px; }
    @media screen and (max-width: 480px) {
      #jb a.favorite {
        font-size: 32px;
        height: 48px; } }
  #jb a.favorite:focus {
    border: solid 1px #fffff;
    color: #ffffff;
    background-color: #dce1e7; }
  #jb .big-button {
    height: 56px !important;
    line-height: 56px !important; }
  #jb .jb-progress-zone {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 330px;
    margin-right: auto;
    margin-left: auto;
    height: 65px;
    font-weight: bold;
    margin-top: 50px; }
    @media screen and (max-width: 480px) {
      #jb .jb-progress-zone {
        width: 180px; } }
    @media screen and (max-width: 480px) {
      #jb .jb-progress-zone .jb-step-active {
        order: -1;
        margin-left: 5px;
        margin-right: 5px; } }
    @media screen and (max-width: 480px) {
      #jb .jb-progress-zone .jb-step-inactive {
        display: none; } }
    #jb .jb-progress-zone .jb-step-2 {
      flex-grow: 1;
      order: 1 !important; }
      @media screen and (max-width: 480px) {
        #jb .jb-progress-zone .jb-step-2 {
          width: 70px;
          text-align: left; } }
    #jb .jb-progress-zone .jb-number {
      width: 32px;
      height: 32px;
      border-radius: 16px;
      text-align: center;
      line-height: 32px;
      font-weight: bold; }
    #jb .jb-progress-zone .jb-active {
      background-color: #FF5200;
      color: #FFFFFF; }
    #jb .jb-progress-zone .jb-inactive {
      background-color: #FFF1EB;
      color: #FF5200; }
      @media screen and (max-width: 480px) {
        #jb .jb-progress-zone .jb-inactive {
          color: #FFF1EB;
          width: 16px;
          height: 16px;
          font-size: 0px; } }
    #jb .jb-progress-zone .jb-sep-number {
      height: 2px;
      width: 213px; }
      @media screen and (max-width: 480px) {
        #jb .jb-progress-zone .jb-sep-number {
          width: 16px; } }
    #jb .jb-progress-zone .jb-sep-invisible {
      flex-grow: 8; }
  #jb .jb-tiny-zone {
    width: 230px; }
    @media screen and (max-width: 480px) {
      #jb .jb-tiny-zone {
        width: 100%; } }
  #jb .jb-small-zone {
    width: 380px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 480px) {
      #jb .jb-small-zone {
        width: 100%; } }
  #jb .jb-blue-zone {
    width: 644px;
    background-color: #2d42c8;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    padding-right: 15px; }
    #jb .jb-blue-zone label {
      color: #FFFFFF !important; }
    #jb .jb-blue-zone h2 {
      color: #FFFFFF !important; }
      @media screen and (max-width: 480px) {
        #jb .jb-blue-zone h2 {
          margin-left: 15px; } }
    #jb .jb-blue-zone a {
      color: #FFFFFF !important; }
    #jb .jb-blue-zone p {
      margin-top: 10px; }
    @media screen and (max-width: 700px) {
      #jb .jb-blue-zone {
        width: 100%; } }
    @media screen and (max-width: 600px) {
      #jb .jb-blue-zone {
        margin-top: 50px;
        padding-top: 5px; } }
  #jb .jb-medium-zone {
    width: 480px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 580px) {
      #jb .jb-medium-zone {
        width: 100%; } }
  #jb .jb-large-zone {
    width: 587px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 580px) {
      #jb .jb-large-zone {
        width: 100%; } }
  #jb .jb-full-zone {
    width: 785px; }
    @media screen and (max-width: 768px) {
      #jb .jb-full-zone {
        width: 100%; } }
  #jb .mobile-info {
    display: none; }
    @media screen and (max-width: 700px) {
      #jb .mobile-info {
        display: block;
        margin-bottom: 20px;
        margin-right: 5px; } }
  #jb .sep {
    background-color: #EEF0FB;
    height: 2px;
    margin-top: 20px;
    width: 115%;
    margin-left: -41px;
    z-index: -999;
    position: relative; }
    @media screen and (max-width: 480px) {
      #jb .sep {
        display: none; } }
  #jb .sep-for-button {
    background-color: #EEF0FB;
    height: 2px;
    margin-top: 20px;
    width: 115%;
    margin-left: -41px;
    z-index: -999;
    position: relative; }
  #jb .sep-mobile {
    display: none;
    background-color: #EEF0FB;
    height: 2px;
    margin-top: 15px;
    margin-bottom: 5px;
    width: 115%;
    margin-left: -41px;
    position: relative;
    z-index: -1; }
    @media screen and (max-width: 480px) {
      #jb .sep-mobile {
        display: block; } }
  #jb .sep-title {
    margin-top: -17px;
    margin-bottom: 20px;
    height: 34px;
    width: 350px; }
  #jb .sep-title-bulle {
    border-radius: 30px;
    background-color: #EEF0FB;
    width: 68px;
    color: #4C5FD7;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    margin-right: auto;
    margin-left: auto; }
  #jb .mail {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #jb .bleu {
    color: #4C5FD7; }
  #jb .big-title {
    font-weight: 600;
    font-size: 32px; }
    @media screen and (max-width: 480px) {
      #jb .big-title {
        width: 100%; } }
  #jb .offer-resume {
    border-left: 3px solid #f7f8fd;
    margin-left: 15px;
    padding-left: 15px;
    font-size: 12px; }
    #jb .offer-resume .titre {
      font-weight: bold;
      font-size: 14px; }
    #jb .offer-resume ul {
      padding-left: 15px; }
    #jb .offer-resume li {
      list-style: none; }
    #jb .offer-resume .infos {
      color: #778699; }
    #jb .offer-resume #titre-deroulant {
      display: none;
      cursor: pointer; }
      @media screen and (max-width: 810px) {
        #jb .offer-resume #titre-deroulant {
          display: flex !important; } }
    @media screen and (max-width: 810px) {
      #jb .offer-resume #titre {
        display: none; } }
    @media screen and (max-width: 810px) {
      #jb .offer-resume #offre-detail {
        display: none; } }
    @media screen and (max-width: 810px) {
      #jb .offer-resume {
        order: -1;
        border: 0;
        border-top: 3px solid #f7f8fd;
        border-bottom: 3px solid #f7f8fd;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 10px; } }
  #jb .autocomp-val {
    color: #FFFFFF;
    background-color: #0C1656;
    border-radius: 20px;
    padding: 5px;
    margin-top: 10px;
    margin-left: 5px;
    display: inline-block; }
  #jb .autocomp-text {
    display: inline-block;
    padding-right: 10px;
    line-height: 14px;
    vertical-align: middle; }
  #jb .autocomp-delete {
    border-radius: 6px;
    background-color: #959595;
    color: #0C1656;
    display: inline-block;
    height: 12px;
    width: 12px;
    font-weight: bold;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    text-decoration: none; }
  #jb .hidden-access {
    overflow: hidden;
    height: 0px;
    padding: 0px; }
  #jb .hidden-access-no-mobile {
    overflow: hidden;
    height: 0px;
    padding: 0px; }
    @media screen and (max-width: 800px) {
      #jb .hidden-access-no-mobile {
        display: none; } }
  #jb .align-right {
    text-align: right;
    width: 100%; }
  #jb .link-button {
    border: 1px solid #4C5FD7;
    border-radius: 3px;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #4C5FD7;
    height: 38px;
    line-height: 40px; }
    @media screen and (max-width: 480px) {
      #jb .link-button {
        width: 100%;
        height: 48px;
        line-height: 48px; } }
  #jb .link-button:focus {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    background-color: #4C5FD7; }
  #jb .jb-help {
    width: 215px;
    border-radius: 6px;
    box-shadow: -1px 2px 4px 0 rgba(67, 86, 100, 0.1), -4px 5px 8px 0 rgba(67, 86, 100, 0.12);
    padding: 10px;
    margin: 0px;
    margin-left: 3px;
    font-size: 13px;
    font-weight: bold;
    display: block;
    background-color: #FFFFFF; }
    #jb .jb-help ul {
      color: #4C5FD7; }
  #jb .jb-help-fleche {
    margin-top: 23px;
    margin-right: -3px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid white;
    z-index: 999; }
    @media screen and (max-width: 480px) {
      #jb .jb-help-fleche {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid white;
        margin: 0;
        margin-left: 35px; } }
  #jb .info-bloc {
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 700px) {
      #jb .info-bloc {
        display: none;
        position: absolute;
        left: 30px;
        margin-top: 40px;
        flex-direction: column;
        z-index: 9999; } }
  #jb .no-mobile {
    display: flex !important; }
    @media screen and (max-width: 480px) {
      #jb .no-mobile {
        display: none !important; } }
  #jb .mobile {
    display: none !important; }
    @media screen and (max-width: 480px) {
      #jb .mobile {
        display: flex !important; } }
  #jb .flex-zone-field {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end; }
  #jb .flex-zone-start {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
  #jb .flex-zone-offer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start; }
  #jb .flex-zone-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center; }
    #jb .flex-zone-right > * {
      margin-left: 10px; }
  #jb .flex-zone-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
  #jb .flex-zone-bar-simple {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    #jb .flex-zone-bar-simple > * {
      margin-left: 5px; }
  #jb .flex-zone-bar {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  #jb .flex-zone-publication {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center; }
    #jb .flex-zone-publication > * {
      margin-right: 10px; }
  #jb .flex-zone-tdb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch; }
    #jb .flex-zone-tdb div {
      flex-grow: 1; }
  #jb .flex-zone-tdb-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch; }
    @media screen and (max-width: 810px) {
      #jb .flex-zone-tdb-wrap {
        flex-direction: column; } }
  #jb .flex-zone-col {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  #jb .flex-zone-col-stretch {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  #jb .flex-zone-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #4c5fd7;
    margin-left: 25px;
    margin-top: 37px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px !important;
    position: absolute;
    top: -37px;
    left: -25px;
    align-items: center; }
    @media screen and (max-width: 480px) {
      #jb .flex-zone-menu {
        max-width: 95%; } }
  #jb .flex-item-grow {
    flex-grow: 2; }
  #jb .flex-basis-3col {
    width: 32%; }
    @media screen and (max-width: 810px) {
      #jb .flex-basis-3col {
        width: auto; } }
  #jb .flex-zone-search {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
  #jb .flex-zone-radius {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-left: 50px; }
    #jb .flex-zone-radius div {
      flex-grow: 7; }
    #jb .flex-zone-radius label {
      flex-grow: 1; }
    #jb .flex-zone-radius .select-container::after {
      top: 30%; }
    @media screen and (max-width: 355px) {
      #jb .flex-zone-radius {
        margin-left: 0; } }
  #jb .flex-zone-filter {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
  #jb .flex-zone-filter-2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%; }
    @media screen and (max-width: 480px) {
      #jb .flex-zone-filter-2 {
        width: 100%; } }
  #jb .flex-zone-filter-3 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 33%; }
  #jb .submit-zone {
    margin-top: 20px; }
  #jb .checkbox-form {
    margin: 0; }
    #jb .checkbox-form label {
      margin-top: 0;
      margin-left: 20px; }
    #jb .checkbox-form input[type=checkbox] + label {
      margin-bottom: 0; }
  #jb .subtitle {
    background-color: #FFFFFF;
    padding-right: 20px; }
  #jb .form-sep {
    background-color: #EEF0FB;
    height: 1px;
    position: absolute;
    width: 785px;
    margin-top: 10px;
    z-index: -1; }
  #jb .inline-field {
    display: inline-block; }
  #jb .small-col {
    width: 248px; }
    @media screen and (max-width: 480px) {
      #jb .small-col {
        width: 100%; } }
  #jb .large-col {
    width: 504px; }
    @media screen and (max-width: 480px) {
      #jb .large-col {
        width: 100%; } }
  #jb .very-large-col {
    width: 600px; }
    @media screen and (max-width: 480px) {
      #jb .very-large-col {
        width: 100%; } }
  #jb .cv-col {
    width: 455px; }
    @media screen and (max-width: 480px) {
      #jb .cv-col {
        width: 100%; } }
  #jb .medium-col {
    width: 380px; }
    @media screen and (max-width: 480px) {
      #jb .medium-col {
        width: 100%; } }
  #jb .medium-large-col {
    width: 48%; }
    @media screen and (max-width: 760px) {
      #jb .medium-large-col {
        width: 100%; } }
  #jb .medium-col-trash {
    width: 380px; }
    @media screen and (max-width: 480px) {
      #jb .medium-col-trash {
        width: 85%; } }
  #jb .small-medium-col {
    width: 345px; }
    @media screen and (max-width: 480px) {
      #jb .small-medium-col {
        width: 100%; } }
  #jb .small-medium-trash-col {
    width: 313px; }
    @media screen and (max-width: 870px) {
      #jb .small-medium-trash-col {
        width: 33%; } }
    @media screen and (max-width: 480px) {
      #jb .small-medium-trash-col {
        width: 100%; } }
  #jb .small-tiny-col {
    width: 155px; }
  #jb .tiny-col {
    width: 75px; }
  #jb .full-col {
    width: 100%; }
    @media screen and (max-width: 480px) {
      #jb .full-col {
        width: 90%; } }
  #jb .button-col {
    width: 36px; }
    @media screen and (max-width: 480px) {
      #jb .button-col {
        margin-top: 10px; } }
  #jb a.add-link {
    color: #FF5200;
    font-weight: bold;
    display: block; }
    @media screen and (max-width: 480px) {
      #jb a.add-link {
        display: none; } }
  #jb a.add-link-black {
    color: #000000;
    font-weight: bold;
    display: block; }
    @media screen and (max-width: 480px) {
      #jb a.add-link-black {
        display: none; } }
  #jb a.button {
    color: #FFFFFF;
    background-color: #FF5200;
    border: 1px solid #FF5200;
    line-height: 38px;
    min-height: 38px;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px; }
  #jb a.button:focus {
    background-color: #FFFFFF;
    color: #FF5200;
    border: 1px solid #FF5200; }
  #jb .intertitle {
    font-weight: bold;
    margin-top: 10px; }
  #jb #delete_cv {
    display: block !important; }
  #jb .icon-field {
    height: 82px; }
  #jb #comment_degree {
    margin-bottom: 10px; }
  #jb p.note {
    font-style: italic;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    width: 100%; }
  #jb .trash {
    border: 2px solid #DCE1E7;
    border-radius: 3px;
    padding: 8px;
    display: block;
    margin-bottom: 15px; }
  #jb #menu-emploi {
    display: none;
    width: 32px;
    height: 32px;
    order: -1; }
    #jb #menu-emploi img {
      width: 32px; }
    @media screen and (max-width: 1200px) {
      #jb #menu-emploi {
        display: block;
        padding-right: 10px; } }
  #jb #sous-menu-emploi {
    display: none;
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: -1px 2px 4px 0 rgba(67, 86, 100, 0.1), -4px 5px 8px 0 rgba(67, 86, 100, 0.12);
    padding-right: 50px;
    z-index: 999;
    top: 48px;
    left: 0px;
    line-height: 25px; }
    #jb #sous-menu-emploi li {
      list-style: none;
      font-size: 1.4em;
      margin-bottom: 10px; }
      #jb #sous-menu-emploi li a {
        text-decoration: none; }
  #jb .illustration {
    text-align: right; }
  #jb p {
    margin-bottom: 5px; }
    @media screen and (max-width: 480px) {
      #jb p {
        margin-left: 5px; } }
  #jb .cvviewer {
    box-sizing: border-box;
    border: 1px solid #DEE1F8;
    box-shadow: -4px 4px 8px 0 rgba(67, 86, 100, 0.1), -8px 8px 16px 0 rgba(67, 86, 100, 0.08);
    width: 100%;
    height: 170vh;
    background: linear-gradient(45deg, white 25%, #F7F8FD 25%, #F7F8FD 50%, white 50%, white 75%, #F7F8FD 75%);
    background-size: 100px 100px; }
    @media screen and (max-width: 800px) {
      #jb .cvviewer {
        height: 100vh; } }
    @media screen and (max-width: 600px) {
      #jb .cvviewer {
        height: 80vh; } }
    @media screen and (max-width: 480px) {
      #jb .cvviewer {
        height: 70vh; } }
    #jb .cvviewer p {
      text-align: center;
      margin-top: 20px; }
  #jb .voile {
    background: linear-gradient(45deg, white 25%, #F7F8FD 25%, #F7F8FD 50%, white 50%, white 75%, #F7F8FD 75%);
    background-size: 100px 100px;
    width: 840px;
    height: 1200px;
    opacity: 0.75;
    top: 23px;
    position: absolute; }
  #jb #cv-download {
    padding: 20px; }
    #jb #cv-download form {
      margin-bottom: 0px; }
    #jb #cv-download fieldset legend {
      margin-bottom: 10px;
      margin-top: 0px; }
  #jb #filter-form input[type=checkbox] + label {
    margin-top: 0;
    margin-bottom: 0; }
  #jb .bloc-info {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #EEF0FB;
    border-radius: 6px; }
  #jb .bloc-info-blanc {
    margin-top: 20px; }
  #jb .position-relative {
    position: relative; }
  #jb .sous-bloc-info {
    padding: 15px; }
    #jb .sous-bloc-info img {
      margin: 15px; }
    #jb .sous-bloc-info ul.simple-list {
      padding-left: 0;
      margin-top: 0;
      font-weight: normal;
      width: 100%; }
    #jb .sous-bloc-info li {
      list-style: none; }
    #jb .sous-bloc-info ul.simple-list-bold {
      margin-top: 0;
      padding-left: 0; }
    #jb .sous-bloc-info h4 {
      text-transform: uppercase;
      color: #4C5FD7;
      font-style: normal;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 14px;
      width: 80%; }
      @media screen and (max-width: 810px) {
        #jb .sous-bloc-info h4 {
          width: 90%; } }
      @media screen and (max-width: 510px) {
        #jb .sous-bloc-info h4 {
          width: 80%; } }
  #jb img.puce {
    margin: 0;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px; }
  #jb .edit {
    background-color: #F2F4FC;
    height: 32px;
    width: 32px;
    border-radius: 3px;
    text-align: center;
    line-height: 32px;
    margin: 5px;
    margin-top: -10px; }
    #jb .edit img {
      margin: 0;
      padding: 0;
      vertical-align: middle; }
  #jb .border-bloc {
    border-right: 2px solid #EEF0FB; }
    @media screen and (max-width: 820px) {
      #jb .border-bloc {
        border: 0;
        border-bottom: 2px solid #EEF0FB; } }
  #jb .small-bloc {
    width: 170px; }
    @media screen and (max-width: 480px) {
      #jb .small-bloc {
        width: 33%; } }
  #jb .medium-bloc {
    width: 29%; }
    @media screen and (max-width: 810px) {
      #jb .medium-bloc {
        width: 100%;
        border: 0;
        border-top: 2px solid #EEF0FB; } }
  #jb .large-bloc {
    width: 380px; }
  #jb .xl-bloc {
    width: 70%; }
    @media screen and (max-width: 865px) {
      #jb .xl-bloc {
        width: 50%; } }
    @media screen and (max-width: 520px) {
      #jb .xl-bloc {
        width: 100%;
        text-align: left !important; } }
  #jb .load-barre {
    height: 12px;
    width: 316px;
    border-radius: 11px;
    background-color: #DEE1F8;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 640px) {
      #jb .load-barre {
        display: none; } }
  #jb .load-barre-color {
    border-radius: 11px;
    background: linear-gradient(90deg, #03C3EC 0%, #95CD1C 100%);
    height: 12px; }
    @media screen and (max-width: 480px) {
      #jb .load-barre-color {
        display: none; } }
  #jb .info {
    height: 22px;
    width: 41px;
    border-radius: 3px;
    background-color: #4C5FD7;
    color: #FFFFFF;
    padding: 2px;
    display: inline-block;
    margin: 10px; }
  #jb ul.tag {
    padding-left: 0px; }
    #jb ul.tag li {
      display: inline-block;
      padding: 0;
      padding: 2px 5px 2px 5px;
      margin-bottom: 5px;
      margin-right: 5px;
      border-radius: 12px;
      background-color: #F2F4FC;
      font-size: 12px; }
  #jb .white-button {
    display: block;
    box-sizing: border-box;
    min-height: 33px;
    line-height: 33px;
    border: 1px solid #FF5200;
    border-radius: 3px;
    color: #FF5200;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white; }
    @media screen and (max-width: 480px) {
      #jb .white-button {
        height: 48px;
        line-height: 48px; } }
  #jb .white-button:focus {
    border: 1px solid #FF5200;
    background-color: #FF5200;
    color: #ffffff; }
  #jb .app-zone {
    width: 210px; }
  #jb .application-button {
    width: 80%; }
    @media screen and (max-width: 720px) {
      #jb .application-button {
        order: 10;
        margin-top: 10px;
        width: 100%; } }
  #jb .button-link {
    background-color: transparent;
    text-decoration: underline;
    color: #FF5200;
    text-align: right;
    width: auto; }
  @media screen and (max-width: 640px) {
    #jb .return-button {
      order: 1;
      margin-top: 10px; } }
  #jb .grey {
    border: 1px solid #FF5200 !important; }
  #jb .offer-box {
    min-height: 162px;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: -1px 1px 2px 0 rgba(67, 70, 74, 0), -2px 2px 2px 0 rgba(67, 86, 100, 0.12);
    padding: 25px 10px 25px 40px;
    margin-bottom: 10px; }
    @media screen and (max-width: 720px) {
      #jb .offer-box {
        padding: 12px 25px 12px 25px; } }
    #jb .offer-box h4 {
      color: #000000;
      font-size: 20px;
      letter-spacing: 0;
      line-height: 24px;
      text-transform: none;
      font-weight: bold;
      padding-right: 5px; }
      #jb .offer-box h4 a {
        color: #000000;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        text-transform: none;
        font-weight: bold;
        display: block;
        text-decoration: none; }
    #jb .offer-box ul {
      padding-left: 0px;
      width: 30%; }
      @media screen and (max-width: 720px) {
        #jb .offer-box ul {
          width: 100%;
          margin-top: 5px; } }
    #jb .offer-box li {
      list-style-type: none; }
      #jb .offer-box li .titre {
        color: #778699;
        margin-left: 0; }
    #jb .offer-box .offer-desc {
      margin-top: 12px;
      padding-left: 20px;
      padding-right: 20px;
      width: 60%;
      border-right: 1px solid #DEE1F8; }
      @media screen and (max-width: 720px) {
        #jb .offer-box .offer-desc {
          display: none; } }
      #jb .offer-box .offer-desc a {
        display: block; }
    #jb .offer-box form {
      margin: 0;
      padding: 0; }
  #jb .offer-box-part-1 {
    width: 77%; }
    #jb .offer-box-part-1 .publication-date {
      font-size: 12px;
      font-weight: 600;
      line-height: 1.17;
      color: #778699; }
      @media screen and (max-width: 720px) {
        #jb .offer-box-part-1 .publication-date {
          display: none; } }
    @media screen and (max-width: 720px) {
      #jb .offer-box-part-1 {
        width: 100%; } }
  #jb .offer-box-part-2 {
    width: 23%; }
    #jb .offer-box-part-2 .white-button {
      margin-bottom: 5px; }
    @media screen and (max-width: 720px) {
      #jb .offer-box-part-2 {
        width: 100%; } }
  #jb .social-bar {
    padding-left: 0px; }
    #jb .social-bar li {
      height: 34px;
      width: 34px;
      border-radius: 22px;
      background-color: #FF5200;
      list-style: none;
      line-height: 42px;
      text-align: center;
      margin-left: 5px; }
  @media screen and (max-width: 480px) {
    #jb #offer-detail {
      display: none; } }
  #jb .offer-detail {
    margin-top: 30px; }
    @media screen and (max-width: 480px) {
      #jb .offer-detail {
        margin-top: 60px;
        margin-left: 10px; } }
    @media screen and (max-width: 480px) {
      #jb .offer-detail .logo img {
        width: 200px; } }
    #jb .offer-detail .offer-desc {
      padding-top: 12px;
      padding-right: 20px; }
    #jb .offer-detail .offer-footer {
      min-height: 100px;
      margin-top: 10px; }
    @media screen and (max-width: 480px) {
      #jb .offer-detail .sticky-mobile {
        display: flex;
        flex-direction: row;
        height: 200px;
        position: fixed;
        bottom: 3%;
        z-index: 999;
        align-items: flex-end;
        width: 250px;
        left: 15%; } }
    #jb .offer-detail .sticky-mobile .sous-menu-postuler {
      margin-bottom: 5px;
      width: 220px; }
      @media screen and (max-width: 480px) {
        #jb .offer-detail .sticky-mobile .sous-menu-postuler {
          order: -1;
          background-color: white; } }
    #jb .offer-detail h2 {
      margin-top: 0;
      font-size: 32px;
      font-weight: 600;
      line-height: 1.19;
      color: #000000; }
      @media screen and (max-width: 480px) {
        #jb .offer-detail h2 {
          font-size: 24px; } }
    #jb .offer-detail h3 {
      width: 76px;
      height: 14px;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.17;
      letter-spacing: 1px;
      color: #2d42c8;
      text-transform: uppercase;
      margin-top: 20px; }
    #jb .offer-detail .offer-title {
      width: 65%; }
      @media screen and (max-width: 910px) {
        #jb .offer-detail .offer-title {
          width: 93%; } }
      @media screen and (max-width: 480px) {
        #jb .offer-detail .offer-title {
          width: 100%; } }
      @media screen and (max-width: 768px) {
        #jb .offer-detail .offer-title {
          width: 80%; } }
    @media screen and (max-width: 480px) {
      #jb .offer-detail .favorite-form {
        margin-bottom: 0;
        margin-left: 0;
        float: right; } }
    #jb .offer-detail .offer-box-part-1 {
      width: 60%; }
      @media screen and (max-width: 767px) {
        #jb .offer-detail .offer-box-part-1 {
          order: 1;
          width: 100%; } }
    #jb .offer-detail .offer-box-part-2 {
      width: 40%;
      text-align: center; }
      #jb .offer-detail .offer-box-part-2 ul {
        text-align: left; }
      @media screen and (max-width: 767px) {
        #jb .offer-detail .offer-box-part-2 {
          order: -1;
          width: 100%; } }
    @media screen and (max-width: 767px) {
      #jb .offer-detail ul {
        padding-left: 0px; } }
    #jb .offer-detail li {
      list-style-type: none; }
    #jb .offer-detail .titre {
      font-weight: 500;
      line-height: 1.14;
      color: #4c5fd7; }
    #jb .offer-detail .publication {
      color: #778699;
      margin-top: 15px;
      font-size: 12px; }
    #jb .offer-detail .white-button {
      width: 210px; }
      @media screen and (max-width: 768px) {
        #jb .offer-detail .white-button {
          width: 190px; } }
    #jb .offer-detail .button {
      width: 210px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #jb .offer-detail .button {
          width: 190px; } }
      @media screen and (max-width: 480px) {
        #jb .offer-detail .button {
          height: 50px;
          line-height: 50px;
          width: 90%;
          margin-bottom: 5px; } }
    #jb .offer-detail .link-button {
      text-align: center; }
      @media screen and (max-width: 480px) {
        #jb .offer-detail .link-button {
          height: 50px;
          line-height: 50px;
          margin-bottom: 5px; } }
    #jb .offer-detail .postuler {
      width: 220px; }
      #jb .offer-detail .postuler a {
        margin-bottom: 5px; }
      @media screen and (max-width: 480px) {
        #jb .offer-detail .postuler {
          display: none; } }
    #jb .offer-detail .sous-menu-postuler {
      margin-top: 5px; }
      #jb .offer-detail .sous-menu-postuler > a {
        margin-bottom: 5px; }
  #jb .offer-title-part-2 {
    width: 10%;
    text-align: right; }
  #jb .company-name {
    color: #778699;
    font-size: 12px;
    line-height: 14px;
    text-align: center; }
    #jb .company-name a {
      display: block;
      color: #4C5FD7;
      text-decoration: none;
      margin-top: 15px; }
  #jb .connexion-bloc {
    margin-top: 15px;
    margin-right: 50px; }
    #jb .connexion-bloc input[type=submit] {
      margin-top: 20px; }
    #jb .connexion-bloc .small-tiny-col {
      padding-top: 7px; }
      @media screen and (max-width: 870px) {
        #jb .connexion-bloc .small-tiny-col {
          width: 100%; } }
    @media screen and (max-width: 480px) {
      #jb .connexion-bloc {
        margin-right: 0px; } }
    @media screen and (max-width: 870px) {
      #jb .connexion-bloc .small-col {
        width: 100%; } }
  #jb .alert-inactive a {
    color: #72809d;
    border: 1px solid #72809d; }
  #jb .alert-count {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #ff5200;
    color: #ffffff;
    line-height: 24px; }
  #jb .filtre-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%; }
  #jb .filtre {
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    border-radius: 18px;
    background-color: #FFFFFF;
    box-shadow: -1px 1px 2px 0 rgba(67, 70, 74, 0), -2px 2px 2px 0 rgba(67, 86, 100, 0.12);
    display: flex;
    flex-direction: row;
    text-decoration: none;
    color: #72809D !important;
    margin-right: 15px;
    margin-bottom: 15px; }
    #jb .filtre a {
      text-decoration: none;
      color: #000000 !important; }
    #jb .filtre a:focus {
      color: #FF5200 !important; }
  #jb .opened-filter {
    box-sizing: border-box;
    border: 1px solid #DEE1F8;
    border-radius: 12px;
    background-color: #FFFFFF;
    box-shadow: -16px 16px 32px 0 rgba(67, 86, 100, 0.17);
    padding: 30px; }
    #jb .opened-filter .titre {
      color: #000000;
      font-weight: bold;
      line-height: 16px;
      margin-bottom: 10px; }
  #jb .full-filter {
    background-color: #0C1656;
    color: #FFFFFF !important; }
    #jb .full-filter a {
      color: #FFFFFF !important; }
  #jb .select-filter {
    background-color: #FF5200;
    font-weight: normal;
    color: #FFFFFF; }
    #jb .select-filter a {
      color: #FFFFFF !important; }
    #jb .select-filter a:focus {
      color: #FFFFFF !important; }
  #jb .filter-wrap label {
    font-size: 11px !important; }
  @media screen and (max-width: 480px) {
    #jb #activity-button, #jb #diploma-button, #jb #xp-button {
      display: none !important; } }
  @media screen and (max-width: 768px) {
    #jb #time-button {
      display: none !important; } }
  @media screen and (max-width: 635px) {
    #jb #xp-button {
      display: none !important; } }
  #jb .filter-wrap-no-flex label {
    font-size: 11px !important; }
  #jb #selected-job {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  #jb .close {
    background-color: #72809D;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    color: #0C1656;
    font-size: 8px;
    text-align: center;
    margin-left: 5px;
    margin-top: 5px;
    line-height: 12px; }
  #jb .sort {
    text-align: right; }
    #jb .sort form {
      margin: 0;
      padding: 0; }
    #jb .sort label {
      display: inline-block;
      color: #778699; }
    #jb .sort select {
      background-color: #FFFFFF !important;
      margin: 0;
      margin-right: 18px;
      padding: 0; }
    #jb .sort .select-container {
      display: inline-block;
      margin: 0;
      padding: 0; }
    #jb .sort .select-container::after {
      content: url(/static/images/emploi21/fleche-bas.png);
      top: 30%;
      background-color: transparent !important; }
    #jb .sort input[type=submit] {
      display: inline-block;
      width: 50px;
      height: 25px;
      margin: 0; }
    @media screen and (max-width: 420px) {
      #jb .sort {
        width: 100%; } }
  #jb .pagination {
    display: flex;
    justify-content: center;
    width: 100%; }
    @media screen and (max-width: 480px) {
      #jb .pagination {
        font-size: 18px;
        line-height: 48px; } }
    #jb .pagination .paginatxt, #jb .pagination .paginacur, #jb .pagination .paginalnk {
      display: block;
      width: 32px;
      height: 32px;
      color: #000 !important;
      line-height: 32px;
      margin-left: 2px;
      margin-right: 2px;
      padding: 0;
      background-color: #FFF !important;
      border-radius: 0 !important;
      text-align: center; }
      @media screen and (max-width: 480px) {
        #jb .pagination .paginatxt, #jb .pagination .paginacur, #jb .pagination .paginalnk {
          width: 48px;
          height: 48px;
          font-size: 18px;
          line-height: 48px; } }
    #jb .pagination .paginatxt, #jb .pagination .paginacur {
      border: 0;
      border-bottom: 2px solid #4c5fd7; }
    #jb .pagination .new-search {
      width: 100%;
      text-align: center; }
  #jb .elements-per-page {
    text-align: center;
    font-style: italic;
    font-size: 11px;
    margin-bottom: 5px; }
  #jb .next {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    background-color: #f2f4fc;
    line-height: 34px;
    text-align: center;
    text-decoration: none; }
    @media screen and (max-width: 480px) {
      #jb .next {
        width: 48px;
        height: 48px;
        font-size: 18px;
        line-height: 48px; } }
    #jb .next img {
      padding-top: 8px; }
  #jb .previous {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    background-color: #f2f4fc;
    line-height: 34px;
    text-align: center;
    text-decoration: none; }
    @media screen and (max-width: 480px) {
      #jb .previous {
        width: 48px;
        height: 48px;
        font-size: 18px;
        line-height: 48px; } }
  #jb .simple-link {
    text-decoration: none !important; }
  #jb #search-form {
    margin-bottom: 0; }
    #jb #search-form label {
      margin-top: 0; }
    #jb #search-form label.where {
      margin-top: 13px; }
    #jb #search-form input[type=text] {
      margin-bottom: 0; }
    #jb #search-form input[type=radio] + label, #jb #search-form input[type=checkbox] + label {
      margin-top: 0px;
      margin-bottom: 0px; }
      @media screen and (max-width: 480px) {
        #jb #search-form input[type=radio] + label, #jb #search-form input[type=checkbox] + label {
          width: auto; } }
      @media screen and (max-width: 355px) {
        #jb #search-form input[type=radio] + label, #jb #search-form input[type=checkbox] + label {
          width: 100%; } }
    #jb #search-form input[type=submit] {
      font-size: 13px;
      width: 150px;
      height: 38px;
      line-height: 40px;
      margin-right: auto;
      margin-left: auto;
      margin-top: -2px; }
    #jb #search-form fieldset {
      margin-bottom: 0; }
      #jb #search-form fieldset legend {
        margin-top: 10px; }
      @media screen and (max-width: 480px) {
        #jb #search-form fieldset {
          margin-bottom: 10px; } }
  #jb .org-filter {
    background-color: #eef0fb;
    width: 840px;
    margin-bottom: 20px;
    margin-left: -40px;
    padding-left: 40px;
    margin-top: 20px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px; }
    @media screen and (max-width: 912px) {
      #jb .org-filter {
        width: 100%; } }
    #jb .org-filter .filtre-list {
      width: auto; }
      #jb .org-filter .filtre-list > * {
        margin-left: 8px;
        margin-right: 8px; }
    #jb .org-filter .filtre {
      margin-bottom: 0; }
    #jb .org-filter #filtrer-par {
      line-height: 2em; }
      @media screen and (max-width: 480px) {
        #jb .org-filter #filtrer-par {
          display: none; } }
    @media screen and (max-width: 815px) {
      #jb .org-filter #contract-button {
        display: none; } }
    @media screen and (max-width: 725px) {
      #jb .org-filter #county-button {
        display: none; } }
    @media screen and (max-width: 595px) {
      #jb .org-filter #jobcat-button {
        display: none; } }
    #jb .org-filter #selected-job {
      margin-bottom: 15px; }
    #jb .org-filter form {
      margin-bottom: 0; }
    #jb .org-filter .sort {
      float: right;
      text-align: right; }
      #jb .org-filter .sort form {
        margin: 0;
        padding: 0; }
      #jb .org-filter .sort label {
        display: inline-block;
        color: #778699; }
      #jb .org-filter .sort select {
        background-color: #eef0fb !important;
        margin: 0;
        margin-right: 18px;
        padding: 0; }
      #jb .org-filter .sort .select-container {
        display: inline-block;
        margin: 0;
        padding: 0; }
      #jb .org-filter .sort .select-container::after {
        content: url(/static/images/emploi21/fleche-bas.png); }
      #jb .org-filter .sort input[type=submit] {
        display: inline-block;
        width: 50px;
        height: 25px;
        margin: 0; }
  #jb .org-desc {
    width: 70%; }
    #jb .org-desc h3 {
      font-size: 12px;
      font-weight: 600;
      line-height: 1.17;
      letter-spacing: 1px;
      color: #2d42c8;
      text-transform: uppercase;
      margin-top: 15px; }
    #jb .org-desc iframe {
      width: 100%; }
    @media screen and (max-width: 768px) {
      #jb .org-desc {
        margin-left: 5px; } }
    @media screen and (max-width: 571px) {
      #jb .org-desc {
        width: 100%; } }
  #jb .org-logo {
    order: -1;
    width: 25%; }
    #jb .org-logo h3 {
      font-size: 12px;
      font-weight: 600;
      line-height: 1.17;
      letter-spacing: 1px;
      color: #2d42c8;
      text-transform: uppercase;
      text-align: left;
      width: 100%; }
    @media screen and (max-width: 571px) {
      #jb .org-logo {
        order: 1;
        width: 100%; } }
    #jb .org-logo .logo {
      margin-top: 5px;
      width: 200px;
      text-align: center; }
      #jb .org-logo .logo img {
        width: 100%; }
      @media screen and (max-width: 571px) {
        #jb .org-logo .logo {
          order: 2; } }
      @media screen and (max-width: 768px) {
        #jb .org-logo .logo {
          width: 140px; } }
  @media screen and (max-width: 480px) {
    #jb #postuler {
      display: none !important; } }
  #jb .tag-org {
    border-radius: 12px;
    background-color: #f2f4fc;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
    margin: 5px;
    font-size: 12px; }
  #jb .org-box {
    width: 242px;
    height: 234px;
    border-radius: 3px;
    box-shadow: -2px 2px 2px 0 rgba(67, 86, 100, 0.12), -1px 1px 2px 0 rgba(67, 70, 74, 0);
    border-top: 3px solid #ff5200;
    margin-bottom: 15px;
    text-align: center;
    padding: 15px; }
    @media screen and (max-width: 906px) {
      #jb .org-box {
        width: 45%;
        margin-left: 5px; } }
    @media screen and (max-width: 790px) {
      #jb .org-box {
        width: 100%;
        margin-left: 5px; } }
    #jb .org-box .name {
      font-weight: 600; }
    #jb .org-box .no-offer {
      font-style: italic;
      font-size: 12px; }
  #jb .org-box-empty {
    box-shadow: none;
    border-top: 0 !important; }
    @media screen and (max-width: 480px) {
      #jb .org-box-empty {
        display: none; } }
  #jb .org-inactive {
    border-top: 3px solid #d7e1ea; }
  #jb #nb-char {
    margin-bottom: 10px; }
  #jb .endsearch {
    margin-top: 10px;
    margin-bottom: 10px; }
  @media screen and (max-width: 840px) {
    #jb #register-form {
      width: 95%; } }
  @media screen and (max-width: 768px) {
    #jb #register-form {
      width: 100%; } }
  @media screen and (max-width: 800px) {
    #jb #register-form .large-col {
      width: 100%; } }
  @media screen and (max-width: 800px) {
    #jb #register-form input[type="file"] {
      width: 90%; } }
  @media screen and (max-width: 840px) {
    #jb #register-form .small-col {
      width: 32%; } }
  @media screen and (max-width: 640px) {
    #jb #register-form .small-col {
      width: 100%; } }
  @media screen and (max-width: 840px) {
    #jb #register-form .medium-col {
      width: 45%; } }
  @media screen and (max-width: 640px) {
    #jb #register-form .medium-col {
      width: 100%; } }
  @media screen and (max-width: 840px) {
    #jb #register-form .small-medium-col {
      width: 45%; } }
  @media screen and (max-width: 640px) {
    #jb #register-form .small-medium-col {
      width: 85%; } }
  @media screen and (max-width: 640px) {
    #jb #register-form .small-medium-trash-col {
      width: 60%; } }
  @media screen and (max-width: 480px) {
    #jb #register-form .small-medium-trash-col {
      width: 65%; } }
  @media screen and (max-width: 430px) {
    #jb #register-form .small-medium-trash-col {
      width: 100%; } }
  @media screen and (max-width: 640px) {
    #jb #register-form .small-tiny-col {
      width: 30%; } }
  @media screen and (max-width: 430px) {
    #jb #register-form .small-tiny-col {
      width: 100%; } }
  @media screen and (max-width: 640px) {
    #jb #register-form .tiny-col {
      width: 15%; } }
  @media screen and (max-width: 480px) {
    #jb #register-form .tiny-col {
      width: 16%; } }
  @media screen and (max-width: 430px) {
    #jb #register-form .tiny-col {
      width: 40%; } }
  @media screen and (max-width: 800px) {
    #jb #register-form #cv-info {
      display: none; } }
  @media screen and (max-width: 800px) {
    #jb #register-form .mobile-info {
      display: block;
      margin-bottom: 20px; } }
  @media screen and (max-width: 840px) {
    #jb #register-form .cv-col {
      width: 90%; } }
  @media screen and (max-width: 405px) {
    #jb #register-form .cv-col {
      width: 85%; } }
  @media screen and (max-width: 640px) {
    #jb #register-form .sep-mobile {
      display: block; } }
  @media screen and (max-width: 840px) {
    #jb #career-form {
      width: 95%; } }
  @media screen and (max-width: 768px) {
    #jb #career-form {
      width: 100%; } }
  @media screen and (max-width: 840px) {
    #jb #career-form .small-col {
      width: 32%; } }
  @media screen and (max-width: 640px) {
    #jb #career-form .small-col {
      width: 100%; } }
  #jb #career-form .small-medium-trash-col-2 {
    width: 313px; }
    @media screen and (max-width: 870px) {
      #jb #career-form .small-medium-trash-col-2 {
        width: 33%; } }
    @media screen and (max-width: 640px) {
      #jb #career-form .small-medium-trash-col-2 {
        width: 60%; } }
    @media screen and (max-width: 560px) {
      #jb #career-form .small-medium-trash-col-2 {
        width: 85%; } }
  @media screen and (max-width: 640px) {
    #jb #career-form .small-medium-trash-col {
      width: 60%; } }
  @media screen and (max-width: 560px) {
    #jb #career-form .small-medium-trash-col {
      width: 100%; } }
  @media screen and (max-width: 640px) {
    #jb #career-form .tiny-col {
      width: 15%; } }
  @media screen and (max-width: 560px) {
    #jb #career-form .tiny-col {
      width: 40%; } }
  @media screen and (max-width: 560px) {
    #jb #career-form .small-tiny-col {
      width: 100%; } }
  @media screen and (max-width: 640px) {
    #jb #career-form .sep-mobile {
      display: block; } }
  #jb #messagerie {
    display: flex; }
    #jb #messagerie .message-list {
      font-size: 12px;
      width: 33%; }
      #jb #messagerie .message-list .message-resume {
        border-left: 5px solid #dee1f8;
        border-top: 1px solid #d7e1ea;
        border-bottom: 1px solid #d7e1ea;
        padding: 20px 25px 20px 25px; }
        #jb #messagerie .message-list .message-resume .sender {
          display: flex;
          color: #4c5fd7; }
          #jb #messagerie .message-list .message-resume .sender .name {
            width: 67%; }
          #jb #messagerie .message-list .message-resume .sender .date {
            color: black;
            text-align: right;
            width: 35%; }
      #jb #messagerie .message-list .message-filter {
        border-left: 5px solid #4c5fd7; }
        #jb #messagerie .message-list .message-filter label {
          font-weight: 600;
          font-size: 14px; }
        #jb #messagerie .message-list .message-filter form {
          margin-bottom: 5px; }
      #jb #messagerie .message-list .unread {
        border-left: 5px solid #4c5fd7; }
        #jb #messagerie .message-list .unread > * {
          font-weight: bold !important; }
        #jb #messagerie .message-list .unread .name {
          display: list-item; }
      #jb #messagerie .message-list .active {
        background-color: #f2f4fc; }
      #jb #messagerie .message-list .archived {
        border-left: 5px solid #dedede; }
        #jb #messagerie .message-list .archived .sender .name {
          color: grey !important; }
      #jb #messagerie .message-list .exerpt {
        padding-top: 5px;
        padding-bottom: 5px; }
      #jb #messagerie .message-list .lire {
        text-align: right; }
        #jb #messagerie .message-list .lire a {
          display: block;
          width: 100%; }
    #jb #messagerie .message-viewer {
      width: 65%;
      border: 1px solid #d7e1ea; }
      #jb #messagerie .message-viewer .entete {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        border-bottom: 1px solid #d7e1ea; }
        #jb #messagerie .message-viewer .entete .logo {
          margin-right: 20px; }
        #jb #messagerie .message-viewer .entete .name {
          color: #4c5fd7;
          font-weight: bold; }
        #jb #messagerie .message-viewer .entete .org {
          font-size: 12px; }
      #jb #messagerie .message-viewer .messages {
        padding: 30px; }
        #jb #messagerie .message-viewer .messages .message-zone {
          margin-top: 20px;
          margin-bottom: 20px;
          padding: 20px;
          background-color: #f7f8fd; }
        #jb #messagerie .message-viewer .messages .candidate {
          border-right: 5px solid #acb4ec; }
        #jb #messagerie .message-viewer .messages .recruiter {
          border-left: 5px solid #acb4ec; }
        #jb #messagerie .message-viewer .messages .unread {
          font-weight: bold; }
        #jb #messagerie .message-viewer .messages .sender {
          display: flex;
          margin-bottom: 10px; }
          #jb #messagerie .message-viewer .messages .sender .name {
            color: #4c5fd7;
            font-weight: bold;
            width: 67%; }
          #jb #messagerie .message-viewer .messages .sender .date {
            width: 33%;
            text-align: right;
            color: #778699;
            font-size: 12px; }
        #jb #messagerie .message-viewer .messages textarea {
          background-color: #FFFFFF;
          border-radius: 3px;
          border: solid 1px #dee1f8;
          width: 100%;
          margin-top: 30px;
          height: 102px;
          font-family: Poppins;
          padding: 5px; }

#jb-sidebar {
  background-color: #F7F8FD;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (max-width: 1200px) {
    #jb-sidebar {
      display: none; } }
  #jb-sidebar h2 {
    color: #4C5FD7;
    font-size: 28px;
    font-weight: normal;
    text-align: center; }
  #jb-sidebar h2.small-title {
    font-size: 14px;
    text-align: left;
    width: 190px;
    margin-left: 35px;
    display: inline-block; }
    #jb-sidebar h2.small-title .name {
      font-size: 18px;
      font-weight: bold;
      color: #000000; }
  #jb-sidebar .oval-1 {
    box-sizing: border-box;
    height: 32px;
    width: 32px;
    border: 2px solid #8A97E5;
    border-radius: 16px;
    display: inline-block; }
  #jb-sidebar .path {
    box-sizing: border-box;
    height: 20.43px;
    width: 20.43px;
    border-top: 2px solid #2D42C8;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto; }
  #jb-sidebar .tete {
    box-sizing: border-box;
    height: 16px;
    width: 16px;
    border: 2px solid #2D42C8;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px; }
  #jb-sidebar li {
    border-bottom: 0px !important; }
  #jb-sidebar a {
    display: flex;
    height: 35px;
    line-height: 35px;
    width: 224px;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: -1px 1px 2px 0 rgba(67, 70, 74, 0), -2px 2px 2px 0 rgba(67, 86, 100, 0.12);
    color: #4C5FD7;
    text-decoration: none;
    margin-top: 5px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content: center; }
    #jb-sidebar a .count {
      display: block;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      background-color: #4C5FD7;
      color: #ffffff;
      line-height: 24px; }
    #jb-sidebar a div {
      margin-left: 5px;
      margin-right: 5px; }
  #jb-sidebar a:hover, #jb-sidebar a.active, #jb-sidebar a:focus {
    background-color: #4C5FD7;
    color: #FFFFFF; }
    #jb-sidebar a:hover .count, #jb-sidebar a.active .count, #jb-sidebar a:focus .count {
      background-color: #ffffff;
      color: #4C5FD7; }
  #jb-sidebar .rec-button {
    background-color: #FF5200 !important;
    color: #FFFFFF !important; }
  #jb-sidebar .rec-button:focus {
    background-color: #FFFFFF !important;
    color: #FF5200 !important; }

/*# sourceMappingURL=style.css.map */