/*$color-theme3: #c2c2c2 !default;*/
/* pour le responsive, position ou ca change*/
/* post fix pour les images */
/*
@import "theme/espace_perso";
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  scroll-behavior: smooth;
}

/**
 * Remove default margin.
 */
body, html {
  margin: 0;
  padding: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

input, input[type=text]:focus, input[type=password]:focus, textarea:focus {
  outline: none;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  width: 14px !important;
  height: 14px !important;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.btn,
.btn_court,
#retour_accueil,
.questionnaire .btn.std,
.questionnaire span.btn,
.button,
button,
.submit,
.ui-dialog-buttonset button.ui-button ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
input[type=submit],
input[type=reset],
input[type=button] {
  display: inline-block;
  height: 36px;
  min-width: 140px;
  padding: 10px 30px;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  text-decoration: none;
  background-color: #3c3c3b;
  border: none;
  border-radius: 6px !important;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

#retour_accueil {
  margin-top: 36px;
}

.ui-dialog-buttonset button {
  padding: 7px 30px 10px 30px;
  background-color: #d4d4d4 !important;
}

.ui-dialog-buttonset button:hover {
  background-color: #e2e2e2 !important;
}

.btn.soft {
  background: transparent;
  text-decoration: underline;
  color: #000000;
}

.texte_centre a.big.soft, .accueilq2 input[type=submit], .quiz.quiz-qestions form input[type=submit] {
  display: inline-block;
  min-width: 30%;
  width: 40%;
  padding: 18px 18px;
  text-align: center;
  font-size: 15px;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid #b2b2b2;
  border-radius: 18px;
  box-sizing: border-box;
  text-decoration: none;
}

.inforizon .texte_centre a.big.soft:hover {
  background: #8db724;
  color: #ffffff;
}

.inforizon .texte_centre a.big.soft:nth-of-type(2):hover {
  background: #f8a52c;
  color: #ffffff;
}

.btn.big, .quiz.quiz-qestions form input[type=submit] {
  max-width: 300px;
  padding: 16px 36px 36px 36px;
  font-size: 18px;
}

.btn.big:hover {
  color: #000000 !important;
}

.btn:hover, .button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
  color: #ffffff;
  /*background: #484848;*/
  outline: 0;
}

.btn.soft:hover {
  background: transparent;
  text-decoration: underline;
  color: #000000;
}

/* TODO Voir impacts de supprimer cette partie */
/*.inforizon .btn:hover, .inforizon input[type="submit"]:hover, .quiz.quiz-qestions form input[type="submit"]:hover{background-color:#fcc302 #303031; color:#ffffff;}
.pass_avenir .btn:hover, .pass_avenir input[type="submit"]:hover {background-color:#eb6520; border-bottom:3px solid #eb6520 ; color:#ffffff;}
.transference .btn:hover, .transference input[type="submit"]:hover {background-color:#429bcd ; color:#ffffff;}
.encyclo.btn:hover, .encyclo input[type="submit"]:hover {background-color:#73952c; color:#ffffff; }
.japro .btn:hover, .japro input[type="submit"]:hover {background-color:#cc4451; color:#ffffff;}
.espace_perso .btn:hover, .espace_perso input[type="submit"]:hover {background-color:#c42969 #00929b; color:#ffffff; }*/
.inforizon .btn.soft {
  color: #ea9000;
  text-decoration: none;
}

.pass_avenir .btn.soft {
  color: #eb6520;
  text-decoration: none;
}

.transference .btn.soft {
  color: #429bcd;
  text-decoration: none;
}

.encyclo.btn .soft {
  color: #73952c;
  text-decoration: none;
}

.japro.btn .soft {
  color: #cc4451;
  text-decoration: none;
}

.espace_perso .btn.soft {
  color: #00929b;
  text-decoration: none;
}

.inforizon .btn.soft:hover {
  border: 1px solid #ea9000;
  color: #ffffff;
  background-color: #ea9000;
}

.pass_avenir .btn.soft:hover {
  border: 1px solid #eb6520;
  color: #ffffff;
  background-color: #eb6520;
}

.transference .btn.soft:hover {
  border: 1px solid #429bcd;
  color: #ffffff;
  background-color: #429bcd;
}

.encyclo .btn.soft:hover {
  border: 1px solid #73952c;
  color: #ffffff;
  background-color: #73952c;
}

.japro .btn.soft:hover {
  border: 1px solid #cc4451;
  color: #ffffff;
  background-color: #cc4451;
}

.espace_perso .btn.soft:hover {
  border: 1px solid #00929b;
  color: #ffffff;
  background-color: #00929b;
}

.inforizon .filtres .btn.soft {
  border: 1px solid #ea9000;
  color: #ea9000;
  background-color: transparent;
}

.pass_avenir .filtres .btn.soft {
  border: 1px solid #eb6520;
  color: #eb6520;
  background-color: transparent;
}

.transference .filtres .btn.soft {
  border: 1px solid #429bcd;
  color: #429bcd;
  background-color: transparent;
}

.encyclo .filtres .btn.soft {
  border: 1px solid #73952c;
  color: #73952c;
  background-color: transparent;
}

.japro .filtres .btn.soft {
  border: 1px solid #cc4451;
  color: #cc4451;
  background-color: transparent;
}

.espace_perso .filtres .btn.soft {
  border: 1px solid #00929b;
  color: #00929b;
  background-color: transparent;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea, .ligne input,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  margin: auto;
  color: #1a171b;
}

/* Removes awkward default styles on some inputs for iOS */
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid;
  outline: 0;
}

.inforizon input:focus, .inforizon textarea:focus, .inforizon select:focus, .inforizon input[type=checkbox]:focus, .inforizon input[type=radio]:focus {
  border: 1px solid #ea9000;
}

.pass_avenir input:focus, .pass_avenir textarea:focus, .pass_avenir select:focus, .pass_avenir input[type=checkbox]:focus, .pass_avenir input[type=radio]:focus {
  border: 1px solid #eb6520;
}

.transference input:focus, .transference textarea:focus, .transference select:focus, .transference input[type=checkbox]:focus, .transference input[type=radio]:focus {
  border: 1px solid #008abb;
}

.encyclo input:focus, .encyclo textarea:focus, .encyclo select:focus, .encyclo input[type=checkbox]:focus, .encyclo input[type=radio]:focus {
  border: 1px solid #88a627;
}

.japro input:focus, .japro textarea:focus, .japro select:focus, .japro input[type=checkbox]:focus, .japro input[type=radio]:focus {
  border: 1px solid #00929b;
}

.espace_perso input:focus, .espace_perso textarea:focus, .espace_perso select:focus, .espace_perso input[type=checkbox]:focus, .espace_perso input[type=radio]:focus {
  border: 1px solid #00929b;
}

label,
legend {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 15px;
  letter-spacing: -0.2px;
  min-width: 150px;
  margin: 0;
}

input[type=radio] {
  display: inline;
}

input[type=radio], input[type=checkbox] {
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 10px 10px 0px 10px;
  background-color: none;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  filter: saturate(0);
  /*padding: 0px 10px 0 0 ;*/
}

/*table{}
table select{ margin-left:10px;}
thead tr{background:transparent;}
tr{ height:50px;}
td{text-align:center;}
tr > td:nth-child(2){text-align:left;}
tr > td:last-child{text-align:right;}*/
/*tr:nth-child(even){background: #f1f0f0;}
tr:nth-child(odd){background: #e3e2e1;}
tr:hover{background: #e3e2e1; color:#000000;}*/
/*tr:hover a{color:#000000;}*/
.button, .btn, input[type=submit] {
  transition: all 0.4s ease 0s, color 0.4s ease 0s;
}

form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #000000 !important;
}

.inforizon .btn, .quiz.quiz-qestions form input[type=submit], .inforizon .questionnaire .btn.big {
  background: #40b49c;
  border-bottom: 3px solid #2b8972;
}

.inforizon .btn:hover, .quiz.quiz-qestions form input[type=submit]:hover, .inforizon .questionnaire .btn.big:hover {
  background: #2b8972;
  border-bottom: 3px solid #2b8972;
  color: #ffffff !important;
}

.btn.big.arbo.openclose {
  height: 60px;
  padding-top: 9px;
}

.inforizon .btn.soft {
  background: transparent none repeat scroll 0 0;
  color: #727272;
  text-decoration: underline;
  box-shadow: none;
  border: none;
}

.pass_avenir .btn, .pass_avenir .btn_court {
  background: #40b49c;
  border-bottom: 3px solid #2b8972;
}

.pass_avenir .btn:hover {
  background: #2b8972;
  border-bottom: 3px solid #2b8972;
  color: #ffffff !important;
}

.pass_avenir .btn.soft {
  background: transparent none repeat scroll 0 0;
  color: #727272;
  text-decoration: underline;
  box-shadow: none;
  border: none;
}

/*.transference .btn{background: #40b49c; border-bottom:3px solid #2b8972}
.transference .btn:hover{background: #2b8972; border-bottom:3px solid #2b8972; color:#ffffff !important;}
.transference .btn.soft {
    background: transparent none repeat scroll 0 0;
    color: #727272;
    text-decoration: underline;
	box-shadow:none;
	border:none;
}*/
.encyclo .btn, .encyclo input[type=submit] {
  background: #3c3c3b;
  border-bottom: 3px solid #2d2d2c;
  color: #ffffff !important;
}

.transference .btn, .transference input[type=submit] {
  background: #fba00c;
  border-bottom: 3px solid #f7820d;
}

.fiche_metier.transference .btn:hover {
  background: black !important;
  border-bottom: 3px solid black !important;
}

.pass_avenir .btn, .pass_avenir input[type=submit] {
  background: #40b49c;
  border-bottom: 3px solid #2b8972;
}

.inforizon .btn, .inforizon input[type=submit] {
  background: #40b49c;
  border-bottom: 3px solid #2b8972;
}

.encyclo .btn:hover, .encyclo input[type=submit]:hover {
  background-color: #2d2d2c;
  border-bottom: 3px solid #1d1d1c;
  color: #ffffff !important;
}

.transference .btn:hover, .transference input[type=submit]:hover {
  background-color: #f7820d;
  border-bottom: 3px solid #f7820d;
  color: #ffffff !important;
}

.pass_avenir .btn:hover, .pass_avenir input[type=submit]:hover {
  background: #2b8972;
  border-bottom: 3px solid #2b8972;
  color: #ffffff !important;
}

.inforizon .btn:hover, .inforizon input[type=submit]:hover {
  background: #2b8972;
  border-bottom: 3px solid #2b8972;
  color: #ffffff !important;
}

.transference .btn.soft {
  background: transparent none repeat scroll 0 0;
  color: #727272;
  text-decoration: underline;
  box-shadow: none;
  border: none;
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  border-radius: 3px;
  background: #fff;
  border: 1px solid black;
  cursor: pointer;
  height: 15px !important;
}

input[type=checkbox]:checked {
  position: relative;
}
input[type=checkbox]:checked:before {
  font-family: FontAwesome;
  content: "\f00c";
  display: block;
  color: black;
  font-size: 12.5px;
  position: absolute;
}

/* module en commun */
header {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 100;
}
header .conteneur {
  /*logo outils et manu horizontal
  */
  max-height: 72px;
  height: 72px;
  max-width: 1250px;
  width: 1250px;
  margin: auto;
}
header .conteneur #topnav {
  display: block;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 10;
  transition: all 0.2s ease-out;
  align-items: flex-start;
}
header .conteneur #topnav li {
  display: block;
  float: left;
  margin: 0;
  padding-left: 0;
}
header .conteneur #topnav li a {
  display: block;
  height: 72px;
  text-decoration: none;
  line-height: 50px;
  margin: 0;
  font-size: 14px;
  text-align: center;
  border-right: 1px solid #f2f2f2;
  min-width: 60px;
  padding: 9px;
}
header .conteneur #topnav li a.current {
  font-weight: bold;
}
@media screen and (max-width: 1250px) {
  header .conteneur #topnav li a {
    padding: auto 8px;
    font-size: 13px;
  }
}
header .conteneur #topnav li:hover {
  background-color: #f4f4f4;
}
@media screen and (max-width: 1250px) {
  header .conteneur #topnav {
    min-width: 550px;
  }
}
header .conteneur #topnav li.logo-outil {
  padding: 0px;
  height: 72px;
  margin: 0px;
  border: none;
  width: 240px;
  display: flex;
  margin-left: 0px;
  background-color: #d4d4d4;
}
header .conteneur #topnav li.logo-outil a {
  display: block;
  height: 50px;
  line-height: auto;
  text-align: center;
  border-right: none;
  min-width: 230;
  padding: 0px;
  border: none;
  margin: auto;
}
header .conteneur #topnav li.logo-outil a img {
  margin: 5px auto;
  width: 180px;
}
header .conteneur .top_profil {
  flex: 1 1 auto;
  display: flex;
  max-width: 420px;
  width: 420px;
  margin-left: auto;
  /*.bouton_notif:hover{background-color: #2276ad;}*/
}
@media screen and (max-width: 1250px) {
  header .conteneur .top_profil {
    max-width: 320px;
  }
}
header .conteneur .top_profil .top_compte {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 1rem;
}
header .conteneur .top_profil .top_compte img {
  padding-right: 5px;
}
header .conteneur .top_profil .top_compte a {
  text-decoration: none;
  /*span  {text-decoration:underline; }*/
}
header .conteneur .top_profil .top_notifications {
  margin-right: 30px;
  position: relative;
  display: inline-block;
  height: 35px;
  width: 35px;
}
header .conteneur .top_profil .top_notifications img {
  margin-top: 20px;
  margin-right: 30px;
  border-radius: 50%;
  background-color: white;
  cursor: pointer;
}
header .conteneur .top_profil .nbNotif {
  text-align: center;
  color: white;
  width: auto;
  padding: 2px;
  float: top;
  margin-bottom: 0px;
  background-color: red;
  position: absolute;
  margin-top: 10px;
  font-weight: bolder;
  cursor: pointer;
  border-radius: 3px;
}
header .conteneur .top_profil div.listeNotifs {
  overflow: auto;
  scroll-behavior: smooth;
  max-height: 450px;
}
header .conteneur .top_profil #dropdown-notif {
  position: absolute;
  border: 1px solid lightgrey;
  min-width: 450px;
  display: none;
  box-shadow: 0px 5px 5px rgba(50, 49, 55, 0.6);
  left: -200px;
  margin-top: 55px;
}
header .conteneur .top_profil #dropdown-notif h3 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 3px;
  font-weight: bolder;
  text-transform: none;
  border-width: 1px;
  padding: 0;
}
header .conteneur .top_profil #dropdown-notif p {
  margin: 0px;
  font-size: 13px;
  border-width: 1px;
  color: #727272;
}
header .conteneur .top_profil p.dateGris {
  color: #727272;
  font-size: 12px !important;
}
header .conteneur .top_profil span.SujetEtDate {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
header .conteneur .top_profil div.uneNotif {
  border-bottom: 1px solid lightgrey;
  display: flex;
  flex-direction: row;
}
header .conteneur .top_profil #dropdown-notif a {
  margin: 0px;
  padding: 7px 16px;
  text-decoration: none;
  display: block;
  width: 95%;
}
header .conteneur .top_profil #dropdown-notif a.MarquerLu {
  background-color: #727272;
  color: #FFFFFF;
  text-align: center;
  text-decoration: underline;
  border-top: 1px solid lightgrey;
  width: 100%;
}
header .conteneur .top_profil div.uneNotif {
  background-color: rgb(247, 245, 240);
}
header .conteneur .top_profil div.uneNotif.notif_NonLue {
  background-color: #ffffff !important;
}
header .conteneur .top_profil div.uneNotif.notif_NonLue h3 {
  color: #d4d4d4 !important;
}
header .conteneur .top_profil #dropdown-notif a:hover {
  background: #d4d4d4 !important;
}
header .conteneur .top_profil #dropdown-notif a:hover p {
  color: white !important;
}
header .conteneur .top_profil #dropdown-notif a:hover h3 {
  color: white !important;
}
header .conteneur .top_profil div.bouton_notif {
  cursor: pointer;
  width: 50px;
  display: flex;
  justify-content: center;
}
header .conteneur .top_profil div.bouton_supprimer_notif {
  width: 5%;
  border-radius: 0px;
  margin: 0;
  cursor: pointer;
}
header .conteneur .top_profil div.bouton_supprimer_notif img {
  width: 22px;
  height: 22px;
  border-radius: 0px;
  background-color: transparent;
  margin: 10px 0 9px;
}
header .conteneur .top_profil #NoNotif {
  background-color: rgb(247, 245, 240);
}
header .conteneur .top_profil #NoNotif a {
  width: 100%;
}
@media screen and (max-width: 1250px) {
  header .conteneur {
    width: 1024px;
    max-width: 1024px;
  }
}
header .conteneur .menu-vertical {
  position: relative;
  float: left;
  width: 80px;
  max-width: 80px;
  list-style: none;
  display: block;
  height: 62px;
  margin: 10px 0px;
  padding: 0;
  z-index: 10000;
  transition: all 0.2s ease-out;
}
header .conteneur .menu-vertical a.burger, header .conteneur .menu-vertical a.burger.active {
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-decoration: none;
  padding-top: 10px;
  margin: 15px auto;
}
header .conteneur .menu-vertical a.burger i span {
  position: absolute;
  display: block;
  width: 50px;
  height: 20px;
  color: #000000;
  font: bold 14px;
  text-transform: uppercase;
  background: transparent;
  transition: all 0.2s ease-out;
  top: 20px;
  left: -8px;
}
header .conteneur .menu-vertical a.burger i {
  position: absolute;
  display: block;
  width: 25px;
  height: 3px;
  color: #000000;
  font: bold 14px;
  text-transform: uppercase;
  text-indent: 0px;
  background: #000000;
  transition: all 0.2s ease-out;
  top: 14px;
  left: 20px;
}
header .conteneur .menu-vertical a.burger i::before, header .conteneur .menu-vertical a i::after {
  content: "";
  width: 25px;
  height: 3px;
  background: #000000;
  position: absolute;
  transition: all 0.2s ease-out;
}
header .conteneur .menu-vertical a.burger i::before {
  top: -7px;
}
header .conteneur .menu-vertical a.burger i::after {
  top: 7px;
}
header .conteneur .menu-vertical a.burger:hover i::before {
  top: -8px;
}
header .conteneur .menu-vertical a.burger:hover i::after {
  top: 8px;
}
header .conteneur .menu-vertical a.burger.active i {
  background: transparent;
}
header .conteneur .menu-vertical a.burger.active i::before {
  top: 0px;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
header .conteneur .menu-vertical a.burger.active i::after {
  top: 0px;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
header a {
  color: #727272;
  padding: 10px 0;
}

#place_header {
  height: 72px;
}

/*
header .conteneur{flex: 1 0 auto; background:#fff; max-height:72px; height:72px; max-width:1150px; width:1150px; margin:auto;}
*/
.message-access-conseiller {
  display: block;
  position: fixed;
  top: 0;
  height: 50px;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  background: #ffdfdf;
  color: #9b1313;
  font-size: 1.5rem;
  line-height: 5rem;
  z-index: 90;
}
.message-access-conseiller + #wrap {
  margin-top: 50px;
}
.message-access-conseiller + #wrap .bloque_barre_grise.is_stuck {
  margin-top: 82px;
}
.message-access-conseiller + #wrap .bloque_compteur.is_stuck {
  margin-top: 70px;
}

#dialog_acces_conseiller {
  padding: 1.5em 2.5em;
}
#dialog_acces_conseiller .titre {
  padding: 0;
  margin: 0;
  font-size: 1.9rem;
  color: #9b1313;
}
#dialog_acces_conseiller .sous-titre {
  margin-top: 1rem;
  margin-bottom: 3.5rem;
  color: #9b1313;
}

.barre_grise {
  display: block;
  height: 36px;
  margin: 0 auto;
  border-radius: 8px;
  max-width: 1250px;
  width: 1250px;
}
.barre_grise #lien_retour_barre_grise {
  background: url(../img/retour-noir.png) no-repeat 10px center;
  float: left;
  width: 80px;
  height: 35px;
  padding: 8px 18px 8px 29px;
  margin: 0 0px 0 9px;
  text-decoration: none;
  font-size: 15px;
  color: #727272;
}
.barre_grise .ariane {
  float: left;
  padding: 9px 6px;
  font-size: 14px;
}
@media screen and (max-width: 1250px) {
  .barre_grise .ariane {
    padding: 9px 3px;
    font-size: 13px;
  }
}
.barre_grise .ariane a {
  text-decoration: none;
  padding: 8px 18px;
  background: url(../img/coche-noir.png) no-repeat left center;
  color: #959493;
}
@media screen and (max-width: 1250px) {
  .barre_grise .ariane a {
    padding: 8px 9px;
  }
}
.barre_grise .ariane a.active {
  font-weight: bold;
  color: #d4d4d4;
}
.barre_grise .ariane a.home {
  background: url(../img/icon_home.png) no-repeat center center;
  height: 25px;
  background-size: 20px;
}
.barre_grise .ariane a:nth-last-child {
  background: transparent;
}
.barre_grise .btn_favoris, .barre_grise .btn_comparer {
  float: right;
  height: 34px;
  width: 180px;
  z-index: 100;
  color: #ffffff;
}
.barre_grise .btn_favoris p, .barre_grise .btn_comparer p {
  margin: 0;
  padding: 5px 0 0 40px;
  line-height: 14px;
}
.barre_grise .btn_favoris strong, .barre_grise .btn_comparer strong {
  font-size: 18px;
  line-height: 0;
}
.barre_grise .btn_favoris span, .barre_grise .btn_comparer span {
  display: block;
  font-size: 13px;
  line-height: 12px;
}
.barre_grise .btn_favoris {
  background: #d4d4d4 url(../img/btn_favoris_blanc.png) 6px center no-repeat;
  border-radius: 6px 6px 6px 6px;
  margin-right: 25px;
}
.barre_grise .btn_favoris:hover {
  background-color: #000000;
}
.barre_grise .btn_comparer {
  background: #e2e2e2 url(../img/btn_compare_blanc.png) 6px center no-repeat;
  border-radius: 6px 6px 6px 6px;
}
.barre_grise .btn_comparer:hover {
  background-color: #000000;
}
.barre_grise #infoIntro {
  float: right;
  padding-top: 3px;
  padding-left: 6px;
  margin-right: -6px;
}

.bloque_barre_grise {
  /*margin:34px auto 18px auto; */
  margin-top: 32px;
  margin-bottom: 18px;
  /*outline:1px solid;*/
  z-index: 98;
  background-color: rgba(247, 245, 240, 0.95);
  padding-top: 15px;
}

footer {
  background-color: #303031;
  font-size: 1.2rem;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px 20px;
  align-content: center;
  align-items: center;
  z-index: 1000;
  box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.3);
}
footer .legal {
  flex: 1;
  margin: auto;
  padding: 5px;
  color: #f2f2f2;
}
footer .legal img {
  margin: 0 18px;
}
footer a.retour_top {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
  background: #d4d4d4 url(../img/retour-haut.png) center center no-repeat;
}
footer a.retour_top:hover {
  background: #000000 url(../img/retour-haut-blanc.png) center center no-repeat;
}
footer a {
  padding: 5px 20px;
  border-right: 1px solid #727272;
  color: #f2f2f2;
}
footer a:last-child {
  border-right: none;
}

html {
  font-size: 62.5%;
}

body {
  font-weight: 400;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1a171b;
  background: #f7f5f0;
  /*min-height: 100vh;*/
  display: flex;
  flex-direction: column;
  font-size: 15px;
  margin: 0;
  padding: 0;
}

/*
body{background: linear-gradient(70deg, #f49904, #e84e1c, #c32267);}
*/
body.inforizon,
body.pass_avenir,
body.transference,
body.encyclo,
body.japro,
body.espace_perso {
  background: #f7f5f0;
}

.only_print {
  display: none !important;
}

#livetip_bo {
  padding: 18px;
  position: absolute;
  z-index: 9999;
  max-width: 600px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  background-color: #FFF;
  font-size: 105%;
}

/***** theme *****/
.vvvd .bg_theme {
  background-color: #a9436e !important;
}

.vvvd .border_theme {
  border-color: #a9436e !important;
}

.vvvd .col_theme {
  color: #a9436e;
}

.vvvd .bg_theme_clair {
  background-color: #c13c74 !important;
}

.espace_perso .bg_theme {
  background-color: #00929b !important;
}

.espace_perso .border_theme {
  border-color: #00929b !important;
}

.espace_perso .col_theme {
  color: #00929b;
}

.espace_perso .bg_theme_clair {
  background-color: #14b0ba !important;
}

.encyclo .bg_theme {
  background-color: #73952c !important;
}

.encyclo .border_theme {
  border-color: #73952c !important;
}

.encyclo .col_theme {
  color: #73952c;
}

.encyclo .bg_theme_clair {
  background-color: #bbd36c !important;
}

.pass_avenir .bg_theme {
  background-color: #eb6520 !important;
}

.pass_avenir .border_theme {
  border-color: #eb6520 !important;
}

.pass_avenir .col_theme {
  color: #eb6520;
}

.pass_avenir .bg_theme_clair {
  background-color: #ec8b2b !important;
}

.transference .bg_theme {
  background-color: #008abb !important;
}

.transference .border_theme {
  border-color: #008abb !important;
}

.transference .col_theme {
  color: #008abb;
}

.transference .bg_theme_clair {
  background-color: #66b5d8 !important;
}

.japro .bg_theme {
  background-color: #d7272d !important;
}

.japro .border_theme {
  border-color: #d7272d !important;
}

.japro .col_theme {
  color: #d7272d;
}

.japro .bg_theme_clair {
  background-color: #cc4451 !important;
}

/******************************************************************************************************************************/
/**********************************************************  GLOBAL ***********************************************************/
/******************************************************************************************************************************/
/***** Couleurs *****/
.pass_avenir .couleur {
  color: #eb6520;
}

.transference .couleur, .bleu {
  color: #008abb;
}

.inforizon .couleur {
  color: #ea9000;
}

.rouge, .japro .couleur, .japro .nbr_metiers.current strong {
  color: #d6252d;
}

.magenta, .espace_perso .couleur, .espace_perso .nbr_metiers.current strong {
  color: #00929b;
}

.vert {
  color: #73952c;
}

.gris_clair {
  color: #e3e2e1;
}

.gris_moyen {
  color: #000000;
}

.gris_moyen:hover {
  color: #d4d2d2;
}

.bg_gc {
  background: #e3e2e1;
}

.bg_gcc {
  background: #eeeeee;
}

.bg-b {
  background: #ffffff;
}

.bg-gris4 {
  background: rgba(0, 0, 0, 0.1);
}

.bg-gris2 {
  background: rgba(0, 0, 0, 0.03);
}

.commentaire_liste_perso {
  color: #333;
  font-style: italic;
}

.fm_commentaire .commentaire_liste_perso {
  font-style: normal;
}

/***********   Background   ***********/
.bg-jaune, .inforizon table tr:hover {
  background-color: #f8a52c;
}

.bg-orange, .pass_avenir table td.current {
  background-color: #eb6520;
}

.bg-bleu, .transference table tr:hover, table tr.bg-bleu td {
  background-color: #008abb;
}

.encyclo table tr:hover {
  background-color: #73952c;
}

.japro table tr:hover {
  background-color: #d7272d !important;
}

.espace_perso table tr:hover {
  background-color: #00929b;
}

.bg-violet {
  background-color: #c13c74;
}

table tr.bg-bleu-clair td {
  background: rgba(0, 0, 0, 0.06);
}

.outils .bg_couleur {
  background-color: #00929b;
}

.no-bg, tr.no-bg td {
  background: transparent !important;
}

#chart_transference .legend,
#chart_transference .radar-circle {
  cursor: pointer;
}

.definition_dimension {
  text-align: left;
  padding: 10px;
  max-width: 650px;
  margin: 0 auto;
  height: 200px;
}

/****  Border titres    *****/
h1 {
  border-left: 4px solid #d4d4d4;
}
h1.no_border {
  border-left: 0;
}

.pass_avenir h4, .pass_avenir .pourquoi .titre h2 {
  border-left: 4px solid #eb6520;
  padding: 2px 0 2px 18px;
}

.transference h4, .transference .pourquoi .titre h2 {
  border-left: 4px solid #008abb;
  padding: 2px 0 2px 18px;
}

.encyclo h4 {
  border-left: 4px solid #73952c;
  padding: 2px 0 2px 18px;
}

.japro h4 {
  border-left: 4px solid #cc4451;
  padding: 2px 0 2px 18px;
}

.espace_perso h4 {
  border-left: 4px solid #00929b;
  padding: 2px 0 2px 18px;
}

h1 a {
  color: #000000;
}

/*********************************/
/********   Typography   *********/
/*********************************/
/******** Listes *********/
/*
h1 { font-size: 26px; line-height: 1.2; font-weight:400;   margin:0 0 36px 0; padding:0 0 0 18px; color:#000000;}
h2 { font-size: 19px; color:#1c1c1b;}
h3 { font-size: 16px; font-weight:bold;}
h4 { font-size: 15px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}*/
h1 {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 400;
  margin: 0 0 36px 0;
  padding: 0 0 0 24px;
  color: #000000;
}

h2 {
  font-size: 20px;
  font-weight: 400;
}

h3 {
  font-size: 16px;
  font-weight: 600;
  /*
  text-transform:uppercase;
  */
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
  font-weight: bold;
}

h6 {
  font-size: 12px;
}

#resultats h6 {
  font-size: 14px;
  font-weight: 400;
  margin: 36px 18px 9px 18px;
  padding: 0 0 0 9px;
  color: #727272;
}

#main_top h1 + h3 {
  width: 80%;
  margin: 36px 36px 18px 64px;
  padding: 0;
  text-transform: none;
}

#main_top h1 + h3 + h2 {
  width: 80%;
  margin: 0px 0 20px 64px;
  padding-top: 36px;
  clear: both;
}

/*#main_top  h1 + h3{width:80%; margin:36px 36px 18px 240px; padding:0; text-transform:none; font-size:15px;}*/
/*#main_top  h1 + h3 + h4{width:80%; margin:18px 0 0px 240px; clear:both; }
*/
#main_top h1 {
  margin-bottom: 0;
}

main.w80 {
  max-width: 1250px;
  width: 1250px;
}

p {
  margin-top: 0;
}

/******** Listes *********/
ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
}

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul, ul ol, ol ol, ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 14px;
}

li {
  margin-bottom: 1rem;
  list-style: none;
}

.lin {
  list-style: none;
}

.lin a {
  text-decoration: none;
  padding: 7px;
}

.lin a:hover {
  border: 1px solid #000000;
  border-radius: 4px;
}

/******** CLASSES FONCTIONNELLES *********/
* {
  box-sizing: border-box;
}

.clear {
  clear: both;
}

.block {
  display: block;
}

.i-block {
  display: inline-block;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

.fln {
  float: none;
}

.uppercase {
  text-transform: uppercase;
}

/*** Texte align ***/
.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.alignc {
  text-align: center;
  margin: auto;
}

.consigne.alignc {
  margin: 18px auto;
}

.tac {
  text-align: center;
}

.mauto {
  margin: auto;
}

#chart-competence {
  margin: auto;
}

/*** Texte centr? ***/
.texte_centre {
  padding: 0 0 52px 0;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.texte_centre p.first:nth-of-type(2)::before {
  height: 0px;
}

.texte_centre input[type=checkbox] {
  margin-top: 10px;
}

.texte_centre input[type=checkbox]:nth-child(7) {
  display: block;
}

/*** Padding ***/
.pas {
  padding: 9px;
}

.pan {
  padding: 18px;
}

.pam {
  padding: 36px;
}

.pats {
  padding: 9px;
}

.patn {
  padding-top: 18px;
}

.parn {
  padding-right: 18px;
}

.paln {
  padding-left: 18px;
}

.pabn {
  padding-bottom: 18px;
}

.patm {
  padding-top: 36px;
}

.pant {
  padding-top: 18px;
}

.pals {
  padding-left: 9px;
}

.palm {
  padding-left: 36px;
}

.pal10p {
  padding-left: 10%;
}

.pan50 {
  padding: 100px;
}

.pan150 {
  padding-top: 150px;
}

.pan120 {
  padding-top: 120px;
}

/***   Marging   ***/
.mat0 {
  margin-top: 0px;
}

.mat10 {
  margin-top: 10px;
}

.mals {
  margin-left: 9px;
}

.maln {
  margin-left: 18px;
}

.mall {
  margin-left: 36px;
}

.mal10 {
  margin-left: 10%;
}

.man {
  margin: 18px;
}

.mant {
  margin: 9px 0 0 0;
}

.mal0 {
  margin-left: 0px;
}

.mal10.mant {
  margin: 9px 0 0 10%;
}

.matn {
  margin-top: 18px;
}

.matm {
  margin-top: 54px;
}

.content.man {
  margin: 0 18px 18px 18px;
}

.mabtn {
  margin-bottom: 18px;
}

.mal240 {
  margin-left: 240px;
}

/***   Dimensions   ***/
.w100 {
  width: 100%;
  margin: auto;
}

.w90 {
  width: 90%;
  margin: auto;
  max-width: 90%;
}

.w80 {
  width: 80%;
  margin: auto;
}

.w75 {
  width: 79%;
  margin: auto;
  max-width: 75%;
}

.w70 {
  width: 69%;
  margin: auto;
  max-width: 70%;
}

.w60 {
  width: 59%;
  margin: auto;
}

.w55 {
  width: 54%;
  margin: auto;
}

.w50 {
  width: 49%;
  margin: auto;
}

.w45 {
  width: 45%;
  margin: auto;
  flex: 1 1 45%;
}

.w40 {
  width: 39%;
  margin: auto;
}

.w30 {
  width: 32%;
  margin: auto;
}

.w25 {
  width: 25%;
  margin: auto;
}

.w20 {
  width: 20%;
  margin: auto;
}

.w40px {
  width: 40px;
}

.w5 {
  width: 5%;
}

.h50 {
  height: 50%;
  justify-content: flex-start;
}

.h100 {
  height: 100%;
  justify-content: flex-start;
}

.fin {
  font-size: 20px;
  float: left;
  padding: 7px 10px;
} /* ???????????? */
/***   Font  ***/
.fs {
  font-size: 1.2rem;
}

.fbig {
  font-size: 24px;
  font-weight: bold;
}

.fbig + p {
  font-size: 16px;
  width: 70%;
  margin: 18px auto;
}

placeholder {
  color: #EEE;
}

.bold {
  font-weight: bold;
}

/***   Message   ***/
ul.important.col2 {
  padding: 18px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  margin: 18px auto;
  text-align: left;
}

ul.important.col2 li strong {
  margin: 0 36px 0 0;
  float: right;
}

h3.consigne {
  width: 80%;
  text-transform: none;
}

h3.consigne, p.consigne {
  border: 0px solid #c4c4c4;
  padding: 9px 18px 9px 54px;
  width: 100%;
  min-height: 60px;
  border-radius: 9px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  font-size: 15px;
  margin: 18px 0;
  max-width: 70%;
  background: rgba(0, 0, 0, 0.04);
}

.transference p.consigne {
  border: 0px solid #c4c4c4;
  width: 64%;
  max-height: 200px;
  border-radius: 9px;
  text-align: justify;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  font-size: 15px;
  margin-left: 209px;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.04);
}
.transference p.consigne span {
  max-width: 100%;
  margin-left: -13px;
  padding-left: 0px;
}
.transference p.consigne.consigne_comp {
  width: 65%;
}
.transference p.consigne.resb {
  width: 65%;
  margin-left: 5px;
}

.pass_avenir p.consigne {
  border: 0px solid #c4c4c4;
  width: 70%;
  max-height: 200px;
  border-radius: 9px;
  text-align: justify;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  font-size: 15px;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.04);
}

p.accueil_quiz {
  border: 0px solid #c4c4c4;
  padding: 16px 100px 14px 40px;
  width: 100%;
  min-height: 60px;
  border-radius: 9px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  font-size: 15px;
  margin: 18px 0;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.04);
}

p.consigne.fullwidth {
  max-width: 100%;
}

.consigne span {
  margin: auto 9px;
  padding: 9px 0px;
  padding-left: 18px;
  display: block;
  max-width: 80%;
  font-size: 15px;
}
.consigne span.only_color {
  margin: unset;
  padding: unset;
  display: unset;
  max-width: unset;
  font-size: unset;
  color: #d4d4d4;
}

.accueil_quiz span {
  margin: auto 9px;
  padding: 9px 18px;
  display: block;
  max-width: 80%;
  font-size: 15px;
}

p.consigne + .btt.pan {
  float: right;
}

.consigne::before {
  background: #40b49c url(../img/icon-consigne.png) no-repeat center center;
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  margin: auto 18px auto 18px;
  border-radius: 18px;
  flex: 0 0 auto;
}

.transference .consigne::before {
  background: #40b49c url(../img/icon-consigne.png) no-repeat center center;
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  margin: auto 30px auto 18px;
  border-radius: 18px;
  flex: 0 0 auto;
}

.accueil_quiz::before {
  background: #40b49c url(../img/icon-consigne.png) no-repeat center center;
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  margin: auto 25px auto 18px;
  border-radius: 18px;
  flex: 0 0 auto;
}

.consigne.icon::before {
  margin-right: 0px;
  padding: 0;
  border-radius: 18px;
}

.pass_avenir .autoevaluation .consigne.icon::before {
  background: none;
}

.transference .consigne::before {
  background: #fba00c url(../img/icon-consigne.png) no-repeat center center;
}

.transference p.consigne_bilan.long {
  margin: 18px 0 0 0;
  width: 80%;
  max-width: 80%;
}

.transference p.consigne_bilan {
  border: 0px solid #c4c4c4;
  width: 64%;
  max-height: 220px;
  border-radius: 9px;
  text-align: justify;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  font-size: 15px;
  margin-left: 209px;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.04);
}
.transference p.consigne_bilan span {
  max-width: 100%;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.transference p.consigne_bilan.consigne_comp {
  width: 65%;
}

.img_consigne_transference {
  width: 35px;
  height: 35px;
  margin-left: 140px;
  float: left;
  background: #fba00c url(../img/icon-consigne.png) no-repeat center center;
  border-radius: 18px;
}

.transference .graphique_radar_bilan {
  margin-top: 35px;
  display: flex;
  flex-direction: row;
}
.transference .graphique_radar_bilan #chart_transference {
  margin-left: 100px;
}
.transference .graphique_radar_bilan .definitions {
  width: 700px;
  margin-left: 20px;
}
.transference .graphique_radar_bilan .definitions .consigne {
  width: 100%;
  margin: 20px 0;
  padding-top: 18px;
}
.transference .graphique_radar_bilan .definitions .consigne::before {
  margin-top: -5px;
}

p.consigne span strong {
  color: #40b49c;
  font-size: 16px;
}

.pass_avenir p.consigne span strong,
.pass_avenir .plus_consigne {
  color: #eb6520;
  font-size: 16px;
  text-transform: uppercase;
}
.pass_avenir p.consigne span strong.criteres_choix_consigne,
.pass_avenir .plus_consigne.criteres_choix_consigne {
  text-transform: unset;
  float: right;
  text-align: left;
  margin-right: 22em;
}

.pass_avenir .plus_tab {
  display: block;
  width: 170px;
  float: left;
}

.pass_avenir .plus_droite {
  display: inline-block;
  white-space: nowrap;
}

.menu_rub_wrap.consigne p::before {
  background: transparent;
  /*background:#40b49c url(../img/icon-consigne.png)  no-repeat center center;
  content:'';
  width:30px;
  height:30px;
  display:block;
  margin:auto ;
  border-radius:18px;
  flex:0 0 auto;
  margin:0 auto 18px auto;*/
}

.message .login {
  height: 300px;
}

.attention {
  padding: 14px 18px 18px 18px;
  border: 1px solid #cc4451;
  color: #cc4451;
  background: #f8eae8 !important;
  border-radius: 6px;
  margin: 36px auto;
  text-align: center;
}

.attention_td {
  border-left: 1px solid #cc4451;
  border-right: 1px solid #cc4451;
  color: #cc4451;
  background: #fad2d6 !important;
  margin: 18px auto;
  text-align: center;
}

.message.attention {
  padding: 14px 18px 18px 18px;
  margin: 0 auto;
}

/***   Ombre   ***/
.shadow {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

label.long {
  flex: 1 1 20px;
  max-width: 100%;
  align-self: left;
}

.ligne select {
  flex: 1 1 150px;
  min-width: 150px;
}

.ligne input {
  margin-left: 10px;
}

.ligne {
  align-items: center;
}

h2 .btn {
  width: 200px;
  float: right;
}

/**********************************/
/***********   POPUP   ***********/
/*********************************/
.aselect a:hover {
  border: 1px solid #000000;
  padding: 10px;
  border-radius: 4px;
}

.criteres-choix .titre-theme, #autoev_question .chk_style {
  cursor: pointer;
}

/*span.uiTooltip{ font-size:13px !important;}*/
.ui-tooltip {
  font-size: 13px !important;
  background: #fff !important;
  opacity: 1 !important;
}

/*********************************/
/***   Style checkbox / Radio   **/
/*********************************/
a.chk_style {
  margin: auto;
}

a.chk_style {
  width: 60px;
  height: 60px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

/*sans case
a.coche{ background:#ffffff url(../img/icon-coche-qst.png) no-repeat center center; background-size:50%; border: 1px solid #848484; border-radius:6px; }
a.neutre{ background:#ffffff url(../img/icon-trait-qst.png)  no-repeat center center; background-size:50%; border: 1px solid #848484; border-radius:6px;}
a.croix{background:#ffffff  url(../img/icon-croix-qst.png) no-repeat center center; background-size:50%;border: 1px solid #848484; border-radius:6px;  }*/
a.coche {
  background: url(../img/case-vide-grande.png) no-repeat center center;
  background-size: 60%;
}

a.neutre {
  background: url(../img/case-vide-grande.png) no-repeat center center;
  background-size: 60%;
}

a.croix {
  background: url(../img/case-vide-grande.png) no-repeat center center;
  background-size: 60%;
}

a.coche:hover {
  background: url(../img/icon-coche-qst_hover.png) no-repeat center center;
  background-size: 75%;
  transition: all 0.2s linear;
}

a.neutre:hover {
  background: url(../img/icon-trait-qst_hover.png) no-repeat center center;
  background-size: 75%;
  transition: all 0.2s linear;
}

a.croix:hover {
  background: url(../img/icon-croix-qst_hover.png) no-repeat center center;
  background-size: 75%;
  transition: all 0.2s linear;
}

a.coche.checked {
  background: url(../img/icon-coche-qst_hover.png) no-repeat center center;
  background-size: 75%;
  transition: all 0.2s linear;
}

a.neutre.checked {
  background: url(../img/icon-trait-qst_hover.png) no-repeat center center;
  background-size: 75%;
  transition: all 0.2s linear;
}

a.croix.checked {
  background: url(../img/icon-croix-qst_hover.png) no-repeat center center;
  background-size: 75%;
  transition: all 0.2s linear;
}

a.chk_style_entete {
  width: 60px;
  height: 60px;
  display: block;
  text-decoration: none;
  cursor: pointer;
  margin: auto;
  opacity: 1;
}

a.chk_style_entete strong {
  padding-left: 5px;
}

/*********************************/
/*****   Barre progression   *****/
/*********************************/
.barreprog {
  height: 40px;
  margin: 0;
  padding: 0;
  max-height: 40px;
}

.barreprog.w80 {
  margin: 36px auto 0 auto;
}

#conteneur_progression {
  display: inline-block;
  width: 80%;
  margin-top: 18px;
  height: 25px;
  padding: 0;
  background: #f2f2f2;
  border: 1px solid #b6b4b5;
  border-radius: 12px;
  z-index: 0;
}

.flag {
  background: #f2f2f2 url(../img/flag.png) right center no-repeat;
  background-size: contain;
  width: 20px;
  height: 18px;
  padding: 0 !important;
  margin: 0 0 0 9px;
  display: inline-block;
}

#barre_progression {
  height: 23px;
  min-width: 60px;
  margin: 0 auto;
  padding: 0;
  border: none;
  border-radius: 10px;
  float: left;
}

#conteneur_progression:hover #barre_progression #compteur_texte {
  color: #000000 !important;
}

.famille_progression #compteur_texte {
  color: #000000 !important;
}

.inforizon #barre_progression {
  background: #ea9000;
}

#compteur_texte {
  float: right;
  height: 18px;
  padding: 1px 8px 0 18px;
  font-weight: bold;
  background: transparent;
  border: none;
  font-size: 18px;
}

.transference #compteur_texte {
  color: #ffffff;
}

/*********************************/
/*********   Sections   **********/
/*********************************/
section {
  display: flex;
  margin: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  height: auto;
  width: 100%;
  /* min-height:10%!important;*/
}

section.top.w100 {
  width: 100%;
  display: block;
  min-height: 200px;
  text-align: center;
}

section.top.w100 h1 {
  width: 100%;
  margin: 40px auto;
}

section.top.w100 p {
  width: 50%;
  margin: auto;
}

section article.w100 {
  display: block;
  width: 100%;
}

section:nth-of-type(5) .column:first-of-type {
  flex-grow: 2;
  flex-shrink: 2;
  flex-basis: 22px;
}

section:nth-of-type(6) .column:nth-of-type(2) {
  flex-grow: 4;
  flex-shrink: 4;
  flex-basis: 66px;
}

section.w100 .row {
  width: 100% !important;
}

/*********************************/
/*********   FLEXBOX   ***********/
/*********************************/
main {
  flex: 1 0 auto;
  display: block; /*min-height:50vh;*/
}

section {
  flex: 1 1 45%;
  color: #1a171b;
  display: flex; /*min-height:auto; */
}

.flexbox > .box {
  flex: 0 0 auto;
}

.flexbox {
  display: flex;
}

.block {
  display: block !important;
}

#wrap, header, header .conteneur, main, section, footer, .top {
  display: flex;
}

@media screen {
  .flex_reverse_screen {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
  }
}
.flex-none {
  flex: none;
}

.flex0 {
  flex: 0 0 auto;
}

.flex1 {
  flex: 1 1 auto;
}

.flex2 {
  flex: 2 2 auto;
}

.flex3 {
  flex: 3 3 auto;
}

.column {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.row {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.wrap {
  flex-wrap: wrap;
}

.vertical-container {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexcenter {
  justify-content: center;
}

.flexend {
  justify-content: flex-end;
}

.flexstart {
  justify-content: flex-start;
}

.spacebetween {
  justify-content: space-between;
}

.row.flexstart {
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
}

.gauche {
  align-self: right;
}

.droit {
  align-self: right;
}

/*********************************/
/********   TABLE   *********/
/*********************************/
table {
  width: 100%;
  text-align: center;
  margin: auto auto 36px auto;
}

table th {
  padding: 18px;
  font-size: 15px;
}

.transference table th {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 17px;
  background-color: #FFFFFF;
}
.transference table th span, .transference table th h2 {
  font-size: 20px;
  color: #008abb;
}

table#comparaison_espace_perso tr th:nth-child(even), table#comparaison_espace_perso tr td:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
table#comparaison_espace_perso span.libelle_critere {
  font-weight: bold;
}
table#comparaison_espace_perso .titre_sous_rubrique td {
  font-size: 19px;
}

#resume_transference table tr:nth-child(n+3) th:nth-child(even), #resume_transference table tr:nth-child(n+3) td:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
#resume_transference table tr:first-child th:nth-child(2) {
  border-right: 1px solid lightgrey;
}
#resume_transference table tr:first-child th:nth-child(3) {
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}
#resume_transference table tr:nth-child(2) th:nth-child(2) {
  border-left: 1px solid lightgrey;
}
#resume_transference table tr:nth-child(2) th:nth-child(2), #resume_transference table tr:nth-child(2) th:nth-child(3), #resume_transference table tr:nth-child(2) th:nth-child(4) {
  border: 1px solid lightgrey;
}

table td {
  color: #1a171b;
  border-bottom: 1px solid #c5c7c8;
  padding: 13px 18px;
}

.pass_avenir table td:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.04);
}

.transference table td:nth-child(even) { /*background: rgba(203, 202, 202, 0.2)*/
  border-right: 1px solid #c5c7c8;
  border-left: 1px solid #c5c7c8;
}

.espace_perso .transference table td {
  border: none;
}
.espace_perso .transference table tr:nth-child(n+3) {
  border-top: 1px solid #c5c7c8;
  border-bottom: 1px solid #c5c7c8;
}

.transference .bilan table td {
  color: #1a171b;
  border-bottom: 1px solid #c5c7c8;
  padding: 13px 18px;
}

table td:hover {
  color: #000000;
}

/*thead tr:hover th{color: #1a171b; }*/ /*A REVOIR ?*/
.titre {
  padding-top: 64px;
}

table tr.titre, table tr.titre:hover, table thead tr:hover {
  background: transparent;
}

table tr:first-child td {
  border-top: none;
}

table tr:last-child td {
  border-bottom: none;
}

table td:first-child {
  text-align: left;
}

table td.tac {
  text-align: center;
}

tr.titre td h4 {
  font-size: 18px;
}

/***** STRUCTURE *****/
#wrap {
  min-height: 100vh;
  flex-direction: column;
  overflow: hidden;
  min-width: 960px;
}

main {
  flex-direction: row;
  justify-content: space-between;
  z-index: 1;
  padding-top: 0px;
}

.conteneur {
  max-width: 1250px;
  width: 1250px;
  margin: auto;
}

.content {
  min-height: 50vh;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 0px;
  margin: O;
}

.content:nth-of-type(2) {
  background: #f9f9f9;
}

/*********************************/
/**********   Login   ************/
/*********************************/
.home-login {
  background: url("../img/font-login-2.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
}
.home-login label[for=mot_de_passe] {
  font-size: 20px;
  margin-bottom: 5px;
}
.home-login form[name=form_compte_connexion_inscription] label[for=mot_de_passe] {
  font-size: 15px;
}
.home-login .sfont {
  font-size: 13px;
  color: black;
}

.login-content {
  display: flex;
  flex-direction: column;
}

.login {
  background: #ffffff;
  display: block;
  width: 450px;
  min-height: 430px;
  border-radius: 6px;
  text-align: center;
  margin: auto;
  padding: 20px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.login h2 {
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding: 0 0 0px 0;
  margin: 0 auto;
  font-size: 25px;
}

.login h2:after {
  background: url("../img/separateur-titre.png") no-repeat;
  content: "";
  width: 61px;
  height: 1px;
  display: block;
  margin: 20px auto;
}

.login img.logo_jae {
  width: 30%;
  margin: 20px;
}

.login form {
  display: block;
}

.login label {
  width: 100%;
  height: 40px;
  padding: 9px 0;
  font-size: 14px;
}

.login input {
  width: 70%;
  height: 40px;
  padding: 9px;
  display: block;
  border: 1px solid #000000;
  border-radius: 6px;
  margin: 0 auto;
}

/*Encart Support*/
.support {
  display: block;
  position: fixed;
  font-size: 18px;
  width: 9em;
  height: 1.8em;
  bottom: 0;
  right: 1em;
  background-color: #FFF;
  text-align: center;
  /*border: 1px solid black;*/
  border: 0;
  border-bottom: 0px;
  transition: all 0.4s ease 0s;
  z-index: 1500;
  box-shadow: 0px 0px 18px #9f9ea4;
  border-radius: 8px 8px 0 0;
}

.support .support_entete {
  background-color: #f99a22;
  /*font-size: 17px;*/
  font-weight: 200;
  color: #1a171b;
  padding: 0.4em;
  height: 2.1em;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
}

.support .support_entete .fermeture {
  display: none;
}

.support input::placeholder {
  color: red;
  font-weight: bold;
}

.support select:required:invalid {
  color: gray;
}

.support.ouvert {
  font-size: 14px;
  width: 36em;
  height: 52em; /*pour attachment*/
  /*height: 51em;*/ /*sans attachment*/
}

.support.ouvert .support_entete {
  padding: 0.4em;
  height: 2em;
  font-size: 22px;
  font-weight: 400;
}

.support.ancre {
  position: relative;
  bottom: 5px;
  left: calc(100% - 11em);
}

.support [name=controle] {
  display: none;
}

.support.ancre.ouvert {
  position: fixed;
  bottom: 0px;
  left: auto; /* normalement il faudrait mettre "unset" mais IE ne reconnait toujours pas cette valeur donc j'utilise "auto" */
  right: 1em;
}

.support.ouvert .support_entete .fermeture {
  position: absolute;
  right: 1em;
  display: inline;
}

.support [name=form_support] {
  text-align: left;
  display: none;
}

.support.ouvert [name=form_support] {
  display: block;
}

.support input {
  margin: 0;
  width: 18em;
}

.support input[name=attachment] {
  left: 12.5em;
  position: absolute;
}

.support .char_rest {
  left: 11em;
  width: 19em;
  text-align: right;
  position: absolute;
}

.support textarea[name=comment_body] {
  height: 5em;
  width: 18em;
  vertical-align: middle;
}

.support label {
  width: 11em;
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 400;
  text-align: right;
}

.support .message {
  left: 12.5em;
  width: 19em;
  position: absolute;
  margin: 0;
  padding: 0;
}

.support .bouton_support {
  background-color: #3c3c3b;
  color: #FFF;
  border-radius: 4px;
  border: 1px solid #888;
  text-decoration: none;
  line-height: 38px;
  padding: 0 30px;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
  height: 38px;
  left: 22.5em;
  position: absolute;
  bottom: 1em;
  display: inline-block;
}

.support .bouton_support:hover {
  border: 1px solid #555;
  cursor: pointer;
}

.support .confirmation {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px 8px 0 0;
  text-align: center;
  padding-top: calc(50% + 1.5em);
  font-size: 3em;
  color: #FFF;
  text-shadow: 0px 0px 10px #000;
}

.support .legal {
  font-size: 12px;
  padding: 2em;
}

/*Fin Encart Support*/
#montre_mdp {
  float: right;
  display: block;
  width: 40px;
  margin-right: 20px;
  margin-top: -32px;
}

.espace_perso #montre_mdp {
  margin-top: 27px;
  margin-right: 130px;
}

.login input[type=submit] {
  width: 70%;
  margin: 18px auto 0 auto;
  display: block;
  border: none;
}

.login .stayco {
  display: flex;
  width: 40%;
  margin: 20px auto;
}

.login input[type=checkbox] {
  margin: auto;
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 0px 10px 0 0;
  border: 1px solid #000000;
  border-radius: 3px;
  box-shadow: 1px 1px 1px black;
}

.login .logo img {
  width: 100%;
  margin: 20px;
}

.login .logo-jae {
  width: 100px;
  margin: 40px 18px 0 18px;
}

.login-content .logo-parcoureo {
  margin: 100px auto 30px auto;
  width: 300px;
  height: 74px;
}

.slogan-jae {
  margin: 0px auto 50px auto;
  width: 350px;
  text-align: center;
  font-size: 22px;
}

.home-login .login-label {
  padding-bottom: 20px;
  display: block;
  height: 60px;
}

.login-logos-block {
  max-width: 800px;
  width: 768px;
  margin: 50px auto 50px auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.logo-item {
  height: 40px;
  width: auto;
  display: block;
  margin: 0 auto;
}

.home-login #footer {
  display: flex;
  background: #303031 url("../img/barre-couleur.png") repeat-x top;
  height: 70px;
  justify-content: space-between;
}

.home-login #footer a {
  display: block;
  padding: 5px 20px;
  margin: auto;
}

.home-login #footer .social {
  display: flex;
  align-self: flex-end;
  margin: auto 0 auto auto;
}

.home-login #footer .social-icon {
  border: none;
  padding: 0 10px;
}

.home-login #footer .social .lien_txt_footer {
  height: 2em;
}

.div_message {
  background: #ffffff;
  display: flex;
  width: 450px;
  min-height: 350px;
  border-radius: 6px;
  text-align: center;
  margin: auto;
  padding: 20px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  flex-direction: column;
}

.div_message .btn {
  width: 250px;
  margin: auto;
}

.div_message .content {
  display: flex;
  flex-direction: column;
  min-height: 100px;
  margin: auto;
  padding: 0;
  width: 100%;
}

.div_message .contient_btn_court {
  display: inline-block;
  margin: auto;
  padding-top: 24px;
}

.div_message.anonymisation {
  width: 700px;
  text-align: left;
}

.div_message.anonymisation div .FormMdp {
  display: flex;
  flex-direction: column;
}

.div_message.anonymisation div .FormMdp input {
  margin: 20px;
  align-self: center;
  width: 40%;
}

.div_message.anonymisation h3 {
  text-align: center;
}

.div_message.anonymisation a {
  margin-right: 20px;
  background: #d5d1d1;
}

.div_message.anonymisation.confirmer a {
  margin-right: 0;
}

.div_message.anonymisation.confirmer {
  text-align: center;
}

/*********************************/
/*********   Inscription  ********/
/*********************************/
.inscription {
  background: #ffffff;
  display: block;
  width: 860px;
  height: auto;
  border-radius: 6px;
  text-align: center;
  margin: 36px auto;
  padding: 20px;
  box-shadow: 0px 0px 8px #c1c0c0;
}

.inscription .two_col {
  min-height: 265px;
}

.inscription .column {
  width: 410px;
  display: inline-block;
  margin: 0;
}

.inscription .leftcolumn {
  float: left;
}

.inscription select {
  width: 260px !important;
  margin-top: 15px;
  margin-bottom: 0px;
}

.inscription input {
  width: 260px;
  margin-top: 15px;
}

.inscription select, .inscription .input {
  display: inline;
}

.inscription img.logo-parcoureo {
  width: 246px;
  margin: 20px;
}

.inscription img.logo-jae {
  width: 123px;
  margin: 20px;
}

.inscription h2 {
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding: 0 0 0px 0;
  margin: 0 auto;
  font-size: 25px;
}

.inscription h2:after {
  background: url("../img/separateur-titre.png") no-repeat;
  content: "";
  width: 61px;
  height: 1px;
  display: block;
  margin: 20px auto;
}

div.inscription.rgpd {
  padding: 50px;
}

.inscription .rgpd {
  text-align: left;
  padding: 5px 100px;
}

#bloc_cgu span {
  text-align: left;
}

ul.rgpd li {
  list-style-type: disc;
  list-style-position: inside;
}

/**** Messages erreur ****/
body.message {
  padding: 0;
}

.message, .message_inline {
  color: #d6252d;
  padding: 18px 9px 0 9px;
  text-align: left;
}

.message {
  display: block;
}

.login .message {
  text-align: center;
}

/**** mettre ici les diff?rents ID ****/
.message.erreur,
#msg_erreur_positionnement, .theme_compteur_erreur {
  padding: 18px;
  min-height: 40px;
  border: 1px solid #cc4451;
  color: #cc4451;
  background: #fad2d6 !important;
  border-radius: 6px;
  margin: 0px auto;
  text-align: center;
}

.message.erreur.vert {
  border: 1px solid #73952c;
  color: #73952c;
  background: #ecefd3 !important;
}

/*
.theme_compteur_erreur{
        padding:18px;
                                          min-height:40px;
                                          border: 1px solid #cc4451;
                                          color:#cc4451;
                                          background:#fad2d6 !important;
                                          border-radius:6px; margin:18px auto; text-align:center;}
*/
.theme_compteur_erreur {
  display: block;
  margin-left: 33px;
}

.message footer {
  color: #ffffff;
}

/**** Header ****/
.barre_sep {
  clear: both;
  display: block;
  height: 5px;
  background: #e1e1e0;
  width: 100%;
}

.top {
  height: 72px;
  justify-content: flex-start;
}

.logo {
  flex: 0 1 auto;
  width: 100px;
  height: 72px;
  /*margin: auto 9px auto auto;*/
  margin: 0;
  padding: 0 0px;
  border: none;
}

.logo img { /*width: 80px;*/
  height: 48px;
  margin-top: 12px;
  padding-right: 6px;
}

.top_conseiller {
  display: block;
  text-decoration: underline;
}

#menu_mini {
  visibility: hidden;
  width: 0px;
  opacity: 0;
}

/*********************************/
/**********   404   ************/
/*********************************/
.p404 {
  display: block;
  width: 600px;
  height: 450px;
  border-radius: 6px;
  text-align: center;
  margin: auto;
  padding: 20px;
}

.p404 .verybig {
  font-size: 180px;
  font-weight: bold;
  text-align: center;
}

.p404 h1 {
  font-size: 40px;
  font-weight: 100;
  border: none;
}

.p404 h1::after {
  content: "";
  position: absolute;
  height: 1px;
  left: calc(50% - 70px);
  margin-top: 72px;
  width: 140px;
  background-color: #1a171b;
  z-index: 1;
}

.p404 p {
  padding-top: 18px;
  padding-bottom: 18px;
}

.p404 .btn.soft {
  border: 1px solid #000000;
  text-decoration: none;
  padding-top: 5px;
  height: 56px;
  color: #000000;
}

.p404 .btn.soft strong {
  text-transform: uppercase;
}

/*********************************/
/*********   Main Top  **********/
/*********************************/
#main_top {
  display: block;
  width: 1250px;
  margin: 0 auto;
}

#main_top.fixe {
  position: fixed;
  top: 100px;
  width: 100%;
  padding: 0 10px;
  transition: all 0.1s linear;
  z-index: 10;
}

#main_top .titre {
  display: block;
  float: left;
  width: auto;
}

#main_top h1 {
  float: left;
  margin-left: 36px;
}

#main_top h3 {
  clear: both;
  float: left;
  padding: 18px 0 18px 20px;
  margin: 0;
  font-weight: normal;
}

#main_top p {
  clear: both;
  float: left;
  padding: 0px 0 0 40px;
  margin: 0;
  font-weight: normal;
  font-size: 15px;
}

#main_top p.consigne {
  margin: 18px 0 36px 0;
}

/*
.transference p.consigne{margin:-10px 0 0 0; width:50%;}
.transference #maintop p.consigne{margin:0 0 0 0; width:50%;}
*/
.transference p.consigne.long {
  margin: 18px 0 0 0;
  width: 80%;
  max-width: 80%;
}

form[name=formProjetPro] {
  margin-top: -50px;
}

#contain_main_top {
  padding-top: 12px;
  margin-bottom: 16px;
  background-color: rgba(247, 245, 240, 0.95);
}

.transference .pourquoi #contain_main_top {
  margin-bottom: 16px;
}

#contain_main_top.is_stuck {
  z-index: 9;
}

.fiche_metier #contain_main_top {
  z-index: 9;
}

thead.bloqueSticky {
  z-index: 9;
}

.top_deconnexion {
  width: 20px;
  height: 30px;
  display: block;
  padding: 0 0px;
  margin: auto 9px auto 0;
  flex: 0 1 auto;
  text-decoration: none !important;
  font-size: 10px;
}

.lien_deconnexion {
  width: 100%;
}

#menu-global {
  position: absolute;
  z-index: 1000;
  top: 72px;
  left: 0;
  background: #ffffff;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
  border: none;
  width: 260px;
  transition: all 0.2s ease-out;
  padding-top: 0px;
}

#menu-global li.espace_perso:hover a, #menu-global li.espace_perso.current a {
  background: url(../img/icone-espaceperso-coul.png) 0px 9px no-repeat;
  color: #00929b;
  opacity: 1;
}

#menu-global li.encyclo:hover a, #menu-global li.encyclo.current a {
  background: url(../img/icone-encyclopedie-coul.png) 0px 9px no-repeat;
  color: #73952c;
  opacity: 1;
}

#menu-global li.inforizon:hover a, #menu-global li.inforizon.current a {
  background: url(../img/icone-inforizon-coul.png) 0px 9px no-repeat;
  color: #ea9000;
  opacity: 1;
}

#menu-global li.pass_avenir:hover a, #menu-global li.pass_avenir.current a {
  background: url(../img/icone-passavenir-coul.png) 0px 9px no-repeat;
  color: #eb6520;
  opacity: 1;
}

#menu-global li.transference:hover a, #menu-global li.transference.current a {
  background: url(../img/icone-transference-coul.png) 0px 9px no-repeat;
  color: #008abb;
  opacity: 1;
}

#menu-global li.japro:hover a, #menu-global li.japro.current a {
  background: url(../img/icone-japro-coul.png) 0px 9px no-repeat;
  color: #d6252d;
  opacity: 1;
}

#menu-global li.mon_compte:hover a, #menu-global li.mon_compte.current a {
  background: url(../img/icone-mon_compte-coul.png) 0px 9px no-repeat;
  color: #00929b;
  opacity: 1;
}

#menu-global li.deconnexion:hover a, #menu-global li.deconnexion.current a {
  background: url(../img/icone-deconnexion-coul.png) 7px 9px no-repeat;
  color: #00929b;
  opacity: 1;
}

#menu-global li.vvvd:hover a, #menu-global li.vvvd.current a {
  background: url(../img/icone-vvvd-coul.png) 0px 9px no-repeat;
  color: #c13c74;
  opacity: 1;
}

#menu-global li.espace_perso a {
  background: url(../img/icone-espaceperso.png) 0px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li.encyclo a {
  background: url(../img/icone-encyclopedie.png) 0px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li.inforizon a {
  background: url(../img/icone-inforizon.png) 0px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li.pass_avenir a {
  background: url(../img/icone-passavenir.png) 0px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li.transference a {
  background: url(../img/icone-transference.png) 0px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li.japro a {
  background: url(../img/icone-japro.png) 0px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li.mon_compte a {
  background: url(../img/icone-mon_compte.png) 0px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li.deconnexion a {
  background: url(../img/icone-deconnexion.png) 7px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li.vvvd a {
  background: url(../img/icone-vvvd.png) 0px 9px no-repeat;
  color: #000000;
  opacity: 0.5;
}

#menu-global li:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}

#menu-global li:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

#menu-global li {
  width: 100%;
  height: 66px;
  border: none;
  text-align: left;
  padding: 10px 18px;
  margin: 0;
  display: block;
  background-size: 90%;
}

#menu-global li:first-child {
  border-bottom: 1px solid #c4c4c4;
}

#menu-global li a {
  font-size: 20px;
  display: block;
  width: 245px;
  height: 60px;
  text-align: left;
  vertical-align: central;
  text-decoration: none;
  padding-left: 48px;
}

#menu-outil {
  background: #ffffff;
  z-index: 100;
  margin-left: 0;
  width: 700px;
}

#topnav li ul li:first-child a {
  border-right: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
}

/* modif ruben 05/20/2016 */
#topnav li a.licurrent {
  color: #ffffff;
}

#topnav li a.licurrent {
  background-color: #5d5d5d;
}

#topnav li ul li:hover {
  background-color: transparent;
}

#topnav li ul {
  position: absolute;
  display: none;
  margin: 0 0 0 100px;
  padding: 0px 0 0 178px;
  height: 74px;
  list-style: none;
  background: #f2f2f2;
  width: 1250px !important;
  border: 1px solid #b2b2b2;
  box-shadow: inset 0px 4px 4px #c1c0c0;
  border-radius: 0px 0px 6px 6px;
}

#topnav li:hover ul, #topnav li.current ul {
  display: block;
  z-index: 11;
  width: 100%;
}

#topnav li ul li {
  float: left;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  height: 71px;
}

#topnav li ul li a:firstchild {
  border-radius: 0px 6px 0px 0px;
}

#topnav li ul li:firstchild {
  border-radius: 0px 6px 0px 0px;
}

#topnav li ul li a, #topnav li.current ul li a {
  display: block;
  height: 72px;
  text-decoration: none;
  margin: 0;
  padding: 10px;
  font-size: 14px;
  text-align: center;
}

/** Bouton print */
.btn_print {
  float: right;
  display: block;
  height: 36px;
  width: 44px;
  background: url(../img/icon_imprimante.png) center center no-repeat;
}

.btn.suivant {
  float: right;
}

a.q-prec {
  clear: both;
  font-size: 18px;
  color: #999;
  text-align: left;
  margin: 50px 0 0 0px;
  text-decoration: none;
}

.sous-menu {
  height: 50px;
  background: #CCC;
}

ul.coche li {
  padding: 0 0 0 18px;
  margin-bottom: 0;
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid; /* Theoretically FF 20+ */
  break-inside: avoid-column;
}

ul.coche li:first-letter {
  text-transform: uppercase;
}

.inforizon ul.coche li {
  background: url(../img/tiret_jaune.png) no-repeat left center;
}

.pass_avenir ul.coche li {
  background: url(../img/tiret_orange.png) no-repeat left center;
}

.transference ul.coche li {
  background: url(../img/tiret_bleu.png) no-repeat left center;
}

.encyclo ul.coche li {
  background: url(../img/tiret_vert.png) no-repeat left center;
}

.japro ul.coche li {
  background: url(../img/tiret_rouge.png) no-repeat left center;
}

.espace_perso ul.coche li {
  background: url(../img/tiret_ep.png) no-repeat left center;
}

/** Aside **/
aside {
  width: 230px;
  min-width: 230px;
  color: #1a171b;
  font-size: 12.8px;
}

aside h2 {
  margin: 0;
  padding: 9px 9px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 400;
}

.btn.supersoft {
  color: #b6b4b5;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  padding-top: 3px;
  background: transparent;
}

aside h3 {
  margin: 0;
  padding: 9px 9px;
  font-size: 13px;
}

aside #filtres.fixe {
  position: fixed;
  top: 157px;
  width: 230px;
}

aside .filtres h2 + .bg-gris {
  background: #f1f2f2;
  padding: 9px 9px 9px 9px;
  border-top: 1px solid #b6b4b5;
  border-bottom: 1px solid #b6b4b5;
}

aside #filtres .filtres .bg-gris p {
  padding: 9px 0;
}

aside #filtres .filtres p {
  padding: 0px 9px 0px 9px;
}

aside #filtres .filtres span, .filtres ul {
  padding: 9px 9px;
}

.filtres ul li {
  padding: 0px 0 0 9px;
}

aside #filtres input[type=checkbox] {
  margin: auto 9px !important;
}

.inforizon .filtres .btn.soft:hover, .encyclo .filtres .btn.soft:hover, .pass_avenir .filtres .btn.soft:hover, .transference .filtres .btn.soft:hover {
  border: 1px solid #303031;
  color: #303031 !important;
  background-color: transparent;
}

.classement_list {
  clear: both;
  display: block;
  margin-top: 0px;
  border-bottom: 1px solid #b6b4b5;
  border-top: 1px solid #b6b4b5;
  background: #fff;
}

.classement_list.mc {
  clear: both;
  display: block;
  margin-top: 0px;
  margin-bottom: 9px;
  border-bottom: 1px solid #b6b4b5;
  border-top: 1px solid #b6b4b5;
  background: rgba(0, 0, 0, 0.05);
  padding: 9px;
}

.classement {
  /* display:block;*/
  width: 100%;
  /* padding: 0px 0  9px 0;*/
  color: #727272;
  clear: both;
  background: #ffffff none repeat scroll 0 0;
}

.classement_list h2 {
  color: #000000;
  display: block;
  /*float:left;*/
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 9px;
  margin-bottom: -12px;
}

.classement .radio_standard {
  display: inline-flex;
  justify-content: left;
  flex-wrap: wrap;
}

/*
.classement .radio_standard:after {
  content: "";
  flex: auto;
}
*/
/* modif ruben 01/02/2016 */
.classement form { /*width:800px;*/
  text-align: center;
  display: block;
  margin: 0 0 0 0px;
  padding: 0;
  float: left;
}

.classement input[type=radio] {
  padding: 0;
  width: 15px;
  height: 15px;
  margin: 3px 9px;
  display: block;
  float: left;
}

.espace_ligne_metier {
  padding: 18px 9px 18px 18px !important;
} /* modif ruben 02/02/2016 pour occuper toute la largeur */
/*
.classement input:nth-of-type(6){clear:both;}
*/
.classement label {
  margin: 0;
  padding: 2px 2px 0 0;
  display: block;
  float: left;
  min-width: 40px;
  font-size: 1.3rem;
  letter-spacing: -0.5px;
}

.classement {
  display: flex;
}

.espace_ligne_metier {
  flex: 4;
  padding: 18px;
  margin: auto;
}

.espace_commentaire, .espace_favoris, .espace_comparer, .espace_pertinence {
  display: flex;
  align-items: center;
  justify-content: center;
}

.espace_pertinence input[type=radio],
.espace_favoris input[type=radio],
.espace_comparer input[type=radio],
.espace_commentaire input[type=radio] {
  display: inline;
  float: none;
}

.radio_block {
  display: block;
  float: left;
  padding-right: 10px;
}

aside #filtres input[type=checkbox], aside #filtres input[type=radio] {
  float: left;
  clear: both;
  margin: 0px 10px 0 0;
}

aside #filtres label {
  float: left;
  font-size: 1.3rem;
  clear: none;
  margin: 0;
  padding: 0;
}

#masque_dialog_lien_metier, #masque_dialog_bulle_erreur {
  position: fixed;
  z-index: 1000 !important;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.1;
}

#dialog_lien_metier, #dialog_bulle_erreur {
  background-color: #fff;
  position: fixed;
  z-index: 1001 !important;
  width: 504px;
  /*min-height:424px; */
  max-height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  padding: 9px 9px 15px 9px;
  border: 1px solid #cccbcb;
}

#dialog_bulle_erreur {
  border: 1px solid #cc4451;
}

#dialog_lien_metier .submit {
  margin: 18px auto;
}
#dialog_lien_metier .lien_metier_liste {
  cursor: pointer;
}
#dialog_lien_metier .mini_def {
  text-align: justify;
}
#dialog_lien_metier img {
  margin: 0 auto;
  display: block;
  width: 80%;
}
#dialog_lien_metier .info_score {
  color: #727272;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}
#dialog_lien_metier .titre_metier {
  font-size: 20px;
  font-weight: 400;
  width: 80%;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-block-end: 0.83em;
}
#dialog_lien_metier .ligne {
  display: block;
  position: absolute;
  float: left;
  background-color: transparent;
}

#dialog_lien_metier .fermer, #dialog_imprimer .fermer, #dialog_filtre_domaine .fermer, #dialog_bulle_erreur .fermer, #dialog_marche_travail a.fermer {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 12px;
  margin-top: 9px;
  width: 12px;
  outline: none;
}

#dialog_portrait .fermer {
  position: absolute;
  right: 0;
}

#dialog_filtre_domaine h2 {
  width: 100%;
  text-align: center;
}

#dialog_filtre_domaine .activer {
  width: 100%;
  margin: 9px auto;
  padding: 9px 9px 15px 9px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #cccbcb;
}

#dialog_filtre_domaine button {
  margin: auto;
  background: #000000 !important;
}

#dialog_filtre_statut h2 {
  width: 100%;
  text-align: center;
}

#dialog_filtre_statut .activer {
  width: 100%;
  margin: 9px auto;
  padding: 9px 9px 15px 9px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #cccbcb;
}

#dialog_filtre_statut button {
  margin: auto;
  background: #000000 !important;
}

.ui-dialog-buttonset {
  text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
  margin: auto;
}

aside #filtres h3, aside #filtres .submit {
  clear: both;
}

aside.drop h3:first-child {
  font-size: 16px;
}

aside.drop h3 {
  font-size: 14px;
}

aside.drop p {
  margin: 0px 0 20px 40px;
}

/*aside.drop .consigne{width:72px; float:left; padding:130px 18px 50vh 4px; margin:auto;}*/
div.w10.flex0 .consigne {
  width: 72px;
  float: left;
  padding: 130px 9px 50vh 9px;
  margin: auto;
}

aside.drop .dropzone {
  float: left;
  border: 2px dotted #cbcaca;
  margin: 0 0 0 10px;
  padding: 20px;
  width: calc(100% - 60px);
}

aside.drop .dropper.zone {
  width: 100%;
}

aside.menu, #aside_menu {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
  z-index: 1000;
}

.inforizon #aside_menu ul li a {
  color: #d4d4d4;
}

#aside_menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/** Panel **/
.panel {
  background-color: #e3e3e2;
  box-shadow: 0 0 8px #000000;
  color: #000;
  display: none;
  padding: 18px;
  position: absolute;
  right: -300px;
  text-align: left;
  width: 400px !important;
  z-index: 1001;
}

.animpanel {
  right: 0px;
  z-index: 1001;
}

.anim2 {
  /*transform: translate(-400px, 0);*/
  transition: all 0.6s !important;
  right: 0px !important;
}

a.ouvrirPrecision, a.fermerPrecision {
  cursor: pointer;
}

#masque_dialog_volet_precision_competence {
  position: fixed;
  z-index: 1000 !important;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
}

#volet_precision_competence {
  position: fixed;
  width: 400px;
  z-index: 1002;
  right: -420px;
  top: 150px;
  background-color: #e3e3e2;
  box-shadow: 0 0 8px #000000;
  color: #000;
  padding: 18px;
  text-align: left;
}
#volet_precision_competence .fermer {
  float: right;
}
#volet_precision_competence textarea {
  height: 200px;
  width: 100%;
  resize: vertical;
  margin: 9px auto;
}
#volet_precision_competence input {
  margin: 18px auto;
}

.commentaire_competence.reduit {
  max-height: 54px;
}

#masque_dialog_volet_commentaire {
  position: fixed;
  z-index: 1000 !important;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#volet_commentaire {
  position: fixed;
  width: 236px;
  text-align: left;
  z-index: 1002;
  right: -420px;
  top: 280px;
  margin-right: 40px;
  border: 5px solid #d4d4d4;
  background-color: #FFFFFF;
  box-shadow: 0 0 8px #000000;
  color: #ffffff;
}
#volet_commentaire h3 {
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  float: unset;
  padding: 0;
  margin-bottom: 10px;
  margin-top: 5px;
  margin-left: 20px;
  width: 184px;
}
#volet_commentaire textarea {
  height: 200px;
  width: 225px;
  resize: vertical;
  border-color: #FFFFFF;
}
#volet_commentaire textarea::placeholder {
  color: #d4d4d4;
  font-size: 17px;
  font-style: italic;
  opacity: 1;
}
#volet_commentaire .fermer {
  float: right;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  background: url(../img/icon_croix-blanche.png) no-repeat 0px center;
  background-size: 18px;
}
#volet_commentaire .bande_top {
  text-align: center;
  background-color: #d4d4d4;
  height: 40px;
  width: 290px;
  display: table-cell;
}
#volet_commentaire .picto_blocCom {
  background: url(../img/icon_commenter_blanc.svg) no-repeat 0px center;
  width: 26px;
  height: 24px;
  float: left;
  margin-left: 4px;
  margin-top: 5px;
  background-size: 100%;
}

#texte_commentaires {
  position: fixed;
  width: 270px;
  right: -420px;
}

.commentaire_competence.reduit {
  max-height: 54px;
}

#masque_dialog_volet_resume {
  position: fixed;
  z-index: 1000 !important;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  display: none;
}

#volet_resume {
  /*overflow-y: scroll;*/
  padding: 18px;
  background-color: #e3e3e2;
  color: #000;
  text-align: left;
  box-shadow: 0px 0px 8px #000000;
  top: 0px;
  margin-top: -18px;
  z-index: 1002;
  position: relative;
}
#volet_resume p {
  text-align: justify;
}
#volet_resume img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
#volet_resume .submit {
  margin: 18px auto;
}
#volet_resume .fermer_volet {
  float: right;
  display: inline-block;
  background: url(../img/icon_fermer.png) no-repeat 0px center;
  width: 12px;
  height: 12px;
  margin-left: 12px;
  margin-top: 9px;
}

#volet_resume_parent {
  position: fixed;
  width: 400px;
  padding-left: 8px;
  z-index: 1001;
  right: -420px;
  top: 72px;
  bottom: 0;
  overflow-y: auto;
  height: calc(100% - 72px);
}

.panel h2 {
  padding: 0 0 0 0px;
}

.panel .photo {
  /*
  border: 3px solid #73952c;
  border-radius: 100px;
      */
  margin: 18px auto;
  display: block;
  max-height: 264px;
  overflow: hidden;
  text-align: center;
  width: 264px;
}

.panel .photo img {
  margin: 0 0 0 calc(50% - 132px);
  width: 264px;
}

/*
.panel img {width: 90%;	max-width:90%; margin: 18px auto;	text-align: center;}
*/
.panel p {
  height: auto;
  width: 90%;
  margin: auto;
  text-align: justify;
}

.panel .submit, .panel input {
  margin: 18px auto;
}

.panel textarea {
  height: 200px;
  width: 100%;
  resize: vertical;
  margin: 9px auto;
}

.panel .form {
  margin: 36px auto;
}

.fermer {
  cursor: pointer;
}

.panel .fermer {
  float: right;
  /**margin:-20px 0 0 0px; */
  /*width:100%;*/
}

.panel h3 {
  text-transform: none;
}

.panel h5 {
  margin-bottom: 9px;
  font-size: 15px;
}

.panel p {
  margin-left: 0px;
}

/** Recherche **/
.content_top {
  width: 100%;
}

.recherche_action {
  max-width: 350px;
  width: 80%;
  margin: -10px 22px 0 0;
  display: block;
  padding-top: 0px;
  float: right;
}

.resultat_recherche {
  width: 100%;
  font-size: 14px;
  text-align: right;
  margin: 0 0 18px 0;
  display: block;
  background: #edebe7;
  border-left: 5px solid #d4d4d4;
  padding: 18px;
  padding-right: 40px;
  min-height: 50px;
}
.resultat_recherche .texte_print.encadre {
  border: 1px solid #40b49c;
  padding: 8px;
  padding-top: 9px;
}
.resultat_recherche .lance_recherche {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding-left: 1em;
  padding-right: 1em;
  min-width: 0 !important;
}
.resultat_recherche p {
  margin-top: 14px;
}

#bloc_titre_rch {
  float: left;
}

.proposition-metier {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.resultat_recherche a.btn.proposition {
  min-width: 24%;
  margin: 9px auto;
  flex: 0 0 auto;
}

#bloc_titre_rch strong {
  font-size: 20px;
  color: #d4d4d4;
}
#bloc_titre_rch strong strong::first-letter {
  text-transform: uppercase;
}

.resultat_recherche a.btn {
  margin: 9px auto;
  font-size: 14px;
  min-width: 200px;
  clear: none;
}

.resultat_recherche a.btn.soft {
  margin: 9px 0;
  font-size: 14px; /*width:200px;*/
  clear: none;
}

.resultat_recherche a.proposition {
  margin: 18px;
  font-size: 14px;
  min-width: 200px;
  clear: none;
}

.pass_avenir .resultat_recherche a.btn {
  clear: none;
}

.loupe {
  width: 20px;
  height: 20px;
  margin: auto 10px;
  padding-right: 20px;
}

.imprime {
  width: 40px;
  height: 40px;
  padding: 0 10px;
  margin: 18px 0 0 36px;
  padding-right: 20px;
  float: right;
}

.recherche_action form {
  width: 100%;
  display: block;
  margin: 18px 0 0 30px;
}

.recherche_action form label {
  display: none;
}

.recherche_action form input {
  width: 80%;
  height: 40px;
  margin: 0;
  padding: 0 18px;
  display: inline-block;
  border-radius: 18px 0 0 18px;
  font-size: 15px;
  color: #000000;
}

.recherche_action form input[type=submit] {
  width: 46px;
  min-width: 46px;
  margin: 1px 0 0 -2px;
  padding: 0;
  height: 39px;
  border-radius: 0 18px 18px 0 !important;
  background: #000000 url(../img/icon-recherche.png) no-repeat center center;
  text-indent: 500px;
  border-bottom: 0px;
}

.recherche_action form input[type=submit]:hover {
  background-color: #d4d4d4;
  color: #ffffff;
  border-bottom: 0;
}

.btn:hover, input[type=submit]:hover {
  background-color: #d4d4d4;
  color: #ffffff;
}

/******************************************************************************************************************************/
/**********************************************************  JQUERY ***********************************************************/
/******************************************************************************************************************************/
.ui-widget-header {
  background: #ffffff;
  background-image: none !important;
  border: none;
  color: #1a171b;
}

.ui-widget-overlay {
  cursor: pointer;
}

.ui-dialog-titlebar {
  background: transparent !important;
  border: none !important;
  display: none !important;
}

.ui-slider-handle {
  border: 1 px solid #999897;
}

.ui-slider-handle:hover {
  border: 1 px solid #000000;
}

.ui-widget-content.ui-slider.ui-slider-horizontal {
  border: none;
  color: #222222;
  width: 80%;
}

#slider-range, #slider-range-revenu {
  width: 80% !important;
  margin: 20px auto;
  border: 1px solid #999897;
}

#niveau_dep, #niveau_fin, #revenu_dep, #revenu_fin {
  padding: 10px 0 0 0;
  display: inline-block;
}

.pertinence {
  display: none;
}

#slider-range-pertinence {
  border: 1px solid #c5c7c8;
  margin: 82px auto 44px auto;
  /*visibility:hidden;*/
  cursor: pointer;
}

/*
#slider-range-pertinence .ui-slider-handle:nth-of-type(2){display:none;}

#slider-range-pertinence::before{content:'0'; left:0px; top:15px; position:absolute; font-size:13px; color:#999897;}
#slider-range-pertinence::after{content:'100%'; right:0px; top:15px;  position:absolute;  font-size:13px;  color:#999897;}
*/
.texte_pertinence_debut, .texte_pertinence_fin {
  left: 0px;
  top: 15px;
  position: absolute;
  font-size: 13px;
  color: #999897;
}

/*.texte_pertinence_debut{ left:-20px; }*/
.texte_pertinence_fin {
  text-align: right;
  right: 0px;
}

/* modif ruben 12/02/2016 */
.trait-pertinence {
  position: absolute;
  background-color: #ffffff;
  height: 11px;
  width: 1px;
  z-index: 4;
  top: 0px;
}

.trait-filtre {
  position: absolute;
  background-color: #AAA;
  height: 10px;
  width: 1px;
  z-index: 4;
  top: 0px;
}

#cran-initial-pertinence {
  /*  background: url(../img/icon_fleche_haut.png) no-repeat;*/
  display: block;
  text-align: center;
  /*	 outline:1px solid;*/
  position: absolute;
  /*width: 41px;*/
  height: 36px;
  /*  margin:-20px 0 0 -10px;*/
  margin-left: 15px;
  margin-top: 66px;
  opacity: 0.5;
  z-index: 10000;
  /*border:1px solid;*/
  text-decoration: none;
}

#slider-partie-gauche {
  height: 100%;
  border-radius: 4px;
}

/*#slider-partie-gauche { background-color:#999897;}*/
/*
.pass_avenir #slider-partie-gauche { background-color:#ed974a;}
.transference #slider-partie-gauche { background-color:#63b3d6;}
.encyclo #slider-partie-gauche { background-color:#7ec4a8;}
.japro #slider-partie-gauche { background-color:#cc4451;}
.espace_perso #slider-partie-gauche { background-color:#00929b;}
.inforizon #slider-partie-gauche { background-color:#fcd656;}
*/
.tooltipPertinence {
  background: #ffffff;
  width: 140px;
  text-align: center;
  margin: -72px -70px;
  position: absolute;
  border-radius: 6px;
  height: 42px;
  font-weight: bold;
  z-index: 10;
  display: none;
  padding-top: 8px;
  border: 1px solid #d4d4d4;
  color: #d4d4d4;
  font-size: 15px;
}

/*
.tooltipPertinence::after{
    content:url(../img/pointe_noir.png); width:18px; left:66px; top:32px; position:absolute;
}
*/
.ui-state-default .ui-icon {
  background: url(../img/coche-orange.png) no-repeat 10px center;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: 0.5em;
  margin-top: 0px;
  position: absolute;
  top: 50%;
}

.ui-slider-handle.ui-state-default.ui-corner-all {
  height: 27px;
  position: absolute;
  width: 27px;
  /* modif ruben : passe le z-index ? 5, au dessus des traits de graduation */
  z-index: 5;
  background: #ffffff url(../img/coche-grise-1.png) no-repeat center;
  border: 1 px solid #999897;
  border-radius: 27px;
  top: -9px;
  /*margin-left:-13px;*/
  cursor: pointer;
}

.ui-slider-handle.ui-state-default.ui-corner-all:nth-of-type(2n+1) {
  background: #ffffff url(../img/coche-grise-1.png) no-repeat center;
  margin-left: -24px !important;
}
.ui-slider-handle.ui-state-default.ui-corner-all:nth-of-type(2n+1).ui-state-active {
  background: #ffffff url(../img/coche-grise-1-big.png) no-repeat center;
}

.ui-slider-handle.ui-state-default.ui-corner-all:nth-of-type(2n+2) {
  background: #ffffff url(../img/coche-grise.png) no-repeat center;
  margin-left: -2px !important;
}
.ui-slider-handle.ui-state-default.ui-corner-all:nth-of-type(2n+2).ui-state-active {
  background: #ffffff url(../img/coche-grise-big.png) no-repeat center;
}

.ui-slider-handle:focus {
  outline: none !important;
}

#slider-range-pertinence #txtHandleMini, #slider-range-pertinence #txtHandleMax {
  color: #d4d4d4;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  /*left:50%;*/
  top: -23px;
  /*z-index:11;*/
  display: block;
}

#slider-range-pertinence #txtHandleMini {
  right: 7px;
  float: right;
}

#slider-range-pertinence #txtHandleMax {
  float: left;
  left: 7px;
}

/*.filtres .ui-slider-handle.ui-state-default.ui-corner-all:nth-of-type(2n+2){background: #ffffff url(../img/coche-grise-1.png) no-repeat center; }*/
/*
#metier_block .ui-slider-handle:nth-of-type(1){background: #ffffff  url(../img/ep-double-grise.png) no-repeat center;}
*/
/*.transference #metier_block .ui-slider-handle:nth-of-type(1){border:1px solid #008abb; }
.pass_avenir #metier_block .ui-slider-handle:nth-of-type(1){border:1px solid #eb6520; }
.inforizon #metier_block .ui-slider-handle:nth-of-type(1){border:1px solid #f8a52c; }*/
/** Definition top **/
.definition_top {
  width: 100%;
  align-self: center;
  margin: 10px 0 0px 0;
  padding: 0 0 0px 0;
}

.definition_top h2 {
  padding: 0;
  margin: 0 0 20px 0;
}

.definition_top img {
  float: left;
  margin: 0 20px 18px 0;
  width: 240px;
}

.definition_top p {
  text-align: justify;
}

.definition_top .domaines_def p {
  min-width: 250px;
  overflow: auto;
}

.definition_top li {
  margin: 0 0 5px 0;
}

.definition_top form {
  padding: 0;
  margin: 0;
}

.definition_top form label {
  width: 80px;
  margin: 18px 18px 0 0;
}

.definition_top select {
  width: 70%;
  margin: 18px 0 0 18px;
}

.definition_top + .recherche_action {
  clear: both;
}

.content_top > .recherche_action {
  margin-top: 0px;
  padding-top: 0px;
}

.definition_top .mots_clefs_def img, .famille_def img, .domaines_def img {
  float: left;
  border-radius: 6px;
  width: 200px;
  border: 3px solid #73952c;
  overflow: hidden;
  text-align: center;
}

.vvvd .definition_top .mots_clefs_def img, .famille_def img, .domaines_def img {
  border: 3px solid #e8920c;
}

.pass_avenir .definition_top .mots_clefs_def img, .pass_avenir .famille_def img, .pass_avenir .domaines_def img {
  border: 3px solid #eb6520;
}

.transference .definition_top .mots_clefs_def img, .transference .famille_def img, .transference .domaines_def img {
  border: 3px solid #008abb;
}

.encyclo .definition_top .mots_clefs_def img, .encyclo .famille_def img, .encyclo .domaines_def img {
  border: 3px solid #73952c;
}

.famille_def, .mots_clefs_def, .domaines_def {
  display: block;
  margin-bottom: 18px;
}

.definition_top .mots_clefs_def h2, .domaines_def h2 {
  padding: 0;
  font-weight: bold;
}

.definition_top .mots_clefs_def h2 {
  float: left;
  margin: 40px 0 0 0;
}

.definition_top .famille_def h2 {
  padding: 0;
  margin: -20px 0 18px 0px;
}

.definition_top .famille_def h2, .definition_top .mots_clefs_def h2 span, .domaines_def h2 span {
  font-weight: 400;
}

/** Tableau ou liste r?sultats **/
.reclasse_down, .reclasse_up {
  width: 20px;
  height: 20px;
  margin: auto;
}

.reclasse_up {
  padding-right: 20px;
}

.action_list {
  clear: both;
  /*  padding-top:9px;*/
  text-align: left;
  margin-left: 9px;
  margin-bottom: -24px;
}

.action_list label {
  min-width: 60px;
}

.r_domaine div {
  margin: auto;
}

.r_domaine {
  width: 95%;
  margin: auto;
}

/*
.r_domaine{ width: 95%; margin: auto;}
.r_domaine div{ width: 560px; margin: auto;}

.r_domaine select{min-width:410px; margin-left:18px; }
*/
.r_alpha {
  min-width: 370px;
  text-align: left;
  margin: auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 600px;
}

.alpha_liste_metier {
  padding-top: 18px;
  padding-bottom: 6px;
}

/* correction bug ie */
.analogie_choix_metier .r_alpha, .metier_voisin_choix_metier .r_alpha {
  width: 80%;
}

.r_alpha a {
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

.r_alpha span {
  color: #b6b4b5;
  font-size: 16px;
}

/***** PAGES *****/
.consigne_liste_metier {
  padding: 9px;
  display: block;
  font-weight: bold;
}

#resultats .ligne.titre {
  background: #ffffff;
}

#resultats .ligne.titre:hover {
  background: #ffffff;
  color: #000000;
}

.rechercheTooltip {
  width: 36px;
  text-align: center;
  margin: auto 6px;
  font-size: 18px;
}

#metier_block {
  display: flex;
  flex-direction: row-reverse;
}

#metier_block #gauche {
  flex: 3;
}

#metier_block #droite {
  flex: 2;
  max-width: 40% !important;
  width: 40% !important;
}

.info_synonyme {
  font-size: 90%;
  padding-left: 18px;
  font-style: italic;
}

.action_h1 .liencomparer, .action_h1 .liencomparer_on, .action_h1 .liencommenter, .action_h1 .liencommenter_on, .action_h1 .lienfavoris, .action_h1 .lienfavoris_on,
.pop_in_lien_metier .lienfavoris, .pop_in_lien_metier .lienfavoris_on {
  float: left;
  display: block;
  margin-bottom: 0;
  padding-bottom: 40px;
  height: 25px;
}

/*
.fiche_metier .barre_grise a p{ margin: 0; padding: 5px 0 0 40px;}
*/
form[name=form_filtre_impression] {
  /*display: flex; flex-flow: column wrap; align-content: flex-start;
                                                            height: 230px; max-width:750px;*/
  column-count: 2;
}

#btnPrintSection {
  margin: 5px;
}

/*
.ligne > a{
        outline : 1px solid #F00;
}
*/
/*LISTE METIERS*/
.liencomparer, .liencomparer_on {
  width: 40px;
  height: 40px;
  margin: auto 10px;
}

.liencomparer {
  background: url("../img/icon_comparer.png") no-repeat center center;
}

.liencomparer_on {
  background: url("../img/icon_comparer_on.png") no-repeat center center;
}

.ligne:hover .liencomparer {
  background: url("../img/icon_comparer_hover.png") no-repeat center center;
}

.ligne:hover .liencomparer_on {
  background: url("../img/icon_comparer_hover_on.png") no-repeat center center;
}

.ligne .liencomparer:hover {
  background: url("../img/icon_comparer_hover_on.png") no-repeat center center;
  background-size: 75%;
}

/*
.ligne:hover .liencomparer_on {background: url("../img/icon_comparer_hover_on.png") no-repeat left center;}
.ligne:hover .liencomparer {background: url("../img/icon_comparer_hover.png") no-repeat left center;}
.liencomparer:hover {background:  url("../img/icon_comparer_selec_hover.png") no-repeat left center;}
*/
.pop_in_lien_metier .fermer {
  float: right;
}

.lienfavoris_volet_on {
  background: rgba(0, 0, 0, 0) url("../img/icon_favoris_on.png") no-repeat scroll center center;
}

.lienfavoris_volet {
  background: rgba(0, 0, 0, 0) url("../img/icon_favoris.png") no-repeat scroll center center;
}

.lienfavoris_volet, .lienfavoris_volet_on {
  height: 40px;
  width: 40px;
  margin: 0px;
  cursor: pointer;
  float: left;
}

.liencomparer_volet_on {
  background: rgba(0, 0, 0, 0) url("../img/icon_comparer_on.png") no-repeat scroll center center;
}

.liencomparer_volet {
  background: rgba(0, 0, 0, 0) url("../img/icon_comparer.png") no-repeat scroll center center;
}

.liencomparer_volet, .liencomparer_volet_on {
  height: 40px;
  width: 40px;
  margin: 0px;
  cursor: pointer;
  float: left;
}

#contain_bouton .lienfavoris_on, #contain_bouton .lienfavoris {
  display: block;
}

/*ICON FAVORIS*/
/*LISTE METIERS*/
.lienfavoris, .lienfavoris_on {
  width: 40px;
  height: 40px;
  margin: auto 10px;
}

.ligne:hover .lienfavoris {
  background: url("../img/icon_favoris_hover.png") no-repeat center center;
}

.lienfavoris {
  background: url("../img/icon_favoris.png") no-repeat center center;
}

.ligne .lienfavoris:hover {
  background: url("../img/icon_favoris_hover_on.png") no-repeat center center;
  background-size: 75%;
}

.lienfavoris_on {
  background: url("../img/icon_favoris_on.png") no-repeat center center;
}

.ligne:hover .lienfavoris_on {
  background: url("../img/icon_favoris_hover_on.png") no-repeat center center;
}

/*COMMUN*/
.ligne:hover .lienfavoris_on.suppr {
  background: url("../img/icon_fermer.png") no-repeat center center;
}

.ligne .lienfavoris_on.suppr {
  background: url("../img/icon_fermer.png") no-repeat center center;
}

.liencommenter, .liencommenter_on {
  width: 40px;
  height: 40px;
  margin: auto 10px;
  cursor: pointer;
  float: right;
}

.resume.encyclo .liencommenter {
  margin-top: -10px;
}

.resume.encyclo li.ligne_metier_fav {
  display: flex;
}
.resume.encyclo li.ligne_metier_fav .titreMetier {
  flex-grow: 1;
}
.resume.encyclo li.ligne_metier_fav .liencommenter {
  flex-shrink: 0;
  align-self: end;
}

/*ICON COMMENTAIRE*/
/*LISTE METIERS*/
.liencommenter {
  background: url("../img/icon_commenter.png") no-repeat center center;
}

.liencommenter.active {
  background: url("../img/icon_commenter_on.png") no-repeat center center;
}

.ligne .liencommenter:hover {
  background: url("../img/icon_commenter_hover.png") no-repeat center center;
  background-size: 75%;
}

.liencommenter_on {
  background: url("../img/icon_commenter_on.png") no-repeat center center;
}

/*FICHE METIER*/
/*COMMENTAIRE*/
.fiche_metier .liencommenter {
  background: url("../img/icon_commenter_noir.svg") no-repeat center center;
  background-size: 65%;
}

.fiche_metier .liencommenter.active {
  background: url("../img/icon_commenter_on_noir.svg") no-repeat center center;
  background-size: 65%;
}

.fiche_metier .liencommenter:hover {
  background: url("../img/icon_commenter_hover_noir.svg") no-repeat center center;
  background-size: 75%;
}

/*FAVORIS*/
.fiche_metier .lienfavoris, .lienfavoris_on {
  width: 40px;
  height: 40px;
  margin: auto 10px;
}

.fiche_metier .lienfavoris {
  background: url("../img/icon_favoris_noir.svg") no-repeat center center;
  background-size: 65%;
}

.fiche_metier .lienfavoris:hover {
  background: url("../img/icon_favoris_hover_noir.svg") no-repeat center center;
  background-size: 75%;
}

.fiche_metier .lienfavoris_on {
  background: url("../img/icon_favoris_on_noir.svg") no-repeat center center;
  background-size: 65%;
}

.fiche_metier .lienfavoris_on:hover {
  background: url("../img/icon_favoris_hover_noir.svg") no-repeat center center;
  background-size: 75%;
}

/*ICON COMPARER*/
.fiche_metier .liencomparer, .liencomparer_on {
  width: 40px;
  height: 40px;
  margin: auto 10px;
}

.fiche_metier .liencomparer {
  background: url("../img/icon_comparer_noir.svg") no-repeat center center;
  background-size: 65%;
}

.fiche_metier .liencomparer_on {
  background: url("../img/icon_comparer_on_noir.svg") no-repeat center center;
  background-size: 65%;
}

.fiche_metier .liencomparer:hover {
  background: url("../img/icon_comparer_hover_noir.svg") no-repeat center center;
  background-size: 75%;
}

.fiche_metier .liencomparer_on:hover {
  background: url("../img/icon_comparer_hover_noir.svg") no-repeat center center;
  background-size: 75%;
}

.ligne .liencommenter_on:hover {
  background: url("../img/icon_commenter_hover.png") no-repeat center center;
  background-size: 80%;
}

.competence_selectionnable .competence, .competence_selectionne .competence {
  display: inline-block;
  width: 100%;
}

.liencommenter_precision, .liencommenter_precision_on {
  width: 40px;
  height: 40px;
  display: inline-block;
}

.competence_selectionnable .liencommenter_precision, .competence_selectionne .liencommenter_precision {
  width: 26px;
  height: 24px;
  margin-right: 6px;
  margin-top: 12px;
  display: inline-block;
  float: right;
}

.competence_selectionnable .competence, .competence_selectionne .competence {
  display: inline-block;
  width: 100%;
}

.transference .liencommenter_precision {
  background: url("../img/icon_commenter_bleu_precision.png") no-repeat center center;
}

.transference .liencommenter_precision.active {
  background: url("../img/icon_commenter_bleu_precision_on.png") no-repeat center center;
}

.liencommenter_precision, #metier_block .liencommenter_precision {
  background: url("../img/icon_commenter.png") no-repeat right center;
}

.liencommenter_precision.active, #metier_block .liencommenter_precision.active {
  background: url("../img/icon_commenter_on.png") no-repeat right center;
}

.ligne:hover .liencommenter_precision.active {
  background: url("../img/icon_commenter_hover_on.png") no-repeat right center;
}

.ligne:hover .liencommenter_precision {
  background: url("../img/icon_commenter_hover.png") no-repeat right center;
}

.espace_perso td.td_lien_preciser {
  text-align: center;
}

#livetip, #livetip_competence {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  min-width: 50px;
  max-width: 400px;
  box-shadow: 0 0 5px #aaa;
  background-color: #FFF;
}

#livetip.attention_tooltip {
  background: #f8eae8 !important;
  color: #cc4451;
  border: 1px solid #cc4451;
}

#slivetip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 600px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  background-color: #FFF;
}

.debug_jae {
  display: none;
}

.nbr_metiers {
  float: left;
  display: block;
  text-align: center;
}

#slider-range {
  width: 100%;
  margin-top: -10px;
}

#slider-range-revenu {
  width: 100%;
  margin-top: -10px;
}

.ancreListe, .ancreFiche, .ancreEspacePerso {
  display: block;
  position: relative;
  visibility: hidden;
}

.ancreFiche {
  top: -225px;
  scroll-margin-top: 3em;
}

.ancreListe {
  top: -155px;
}

.ancreEspacePerso {
  top: -90px;
}

#topnav li.mon_compte {
  background: url(../img/icon_applI1.png) center 15px no-repeat;
}

#topnav li.mon_compte:hover {
  background: url(../img/icon_applI1_hover.png) center 15px no-repeat;
}

#topnav li.mon_compte:hover, #topnav li.mon_compte.current {
  background: url(../img/icon_applI1_hover.png) center 15px no-repeat;
}

.dialog_filtre_liste_domaine {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}

.menu_famille {
  height: 280px;
}

.cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}

.contain img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
}

/*ajout AN pour explo*/
.criteres-choix .global-critere {
  overflow: auto;
}

.criteres-choix .dropzone .placeholder {
  width: 90%;
  margin: 3% 5%;
  display: inline-flex;
  list-style: none;
  height: 40px;
  line-height: 20px;
  padding: 10px 10px;
  text-align: center;
  box-sizing: border-box;
  border: 2px dotted #cbcaca;
  background: #f1f0f0;
}

#resultats a.competences, #resultats a.pourcent_metier {
  width: 70px;
  margin: auto 20px;
  font-size: 14px;
  border: #F00;
  text-align: center;
}

a.pourcent_metier {
  padding: 0 50px 0 0;
  background: url(../img/icon-ifos.png) no-repeat right center;
  background-size: 20px;
}

.lienpourquoi strong {
  border: 1px solid #40b49c;
  border-radius: 15px;
  padding: 3px 8px;
  margin: 0px 0 0 12px;
  color: #ffffff;
  background: #40b49c;
  font-weight: 900;
  font-size: 14px;
  float: right;
}

.lienpourquoi strong:hover {
  background: #28907a;
  border: 1px solid #28907a;
}

a.lienpourquoi.fichemetier {
  float: right;
  font-weight: 400;
  color: #727272;
  font-size: 18px;
  text-decoration: none;
}

.thead a.pourcent_metier {
  padding: 0 50px 0 0;
  background: transparent;
}

#resultats .pourcent {
  width: 40px;
  height: 40px;
  margin: auto;
  padding-top: 7px;
  margin-right: 10%;
}

#resultats .ligne:hover a, #resultats .ligne.current a {
  color: #000000;
}

#resultats .ligne.titre:hover a, #resultats .ligne.titre.current a {
  color: #000000;
}

/**** profil ****/
table.profil tbody h2 {
  font-size: 26px;
  cursor: pointer;
  color: #ffffff;
}

.profil h2::before {
  display: block;
  float: left;
  padding: 0px;
  margin: 0px 18px 0 0;
  content: url(../img/icon_plus_gras_blanc.png);
  color: #ffffff;
  width: 20px;
  height: 20px;
  z-index: 1;
}

.profil h2.replier::before {
  content: url(../img/icon_moins_gras_blanc.png);
}

a.aide {
  float: right;
  margin: 0 20px;
}

.profil #resultats .lien_metier {
  flex: 5;
  text-align: left;
  padding: 0 0 0 20px;
  margin: auto;
}

.profil .ligne.titre:hover a.num {
  color: #ffffff;
}

.profil #resultats .num {
  width: 60px;
  margin: auto;
  margin-right: 3%;
  font-size: 1.5rem;
  text-align: center;
}

.profil #resultats .lienpourquoi {
  width: 60px;
  height: 60px;
  margin: auto;
  margin-right: 3%;
}

.profil #resultats .lienpourquoi img {
  margin: 15px auto;
}

.profil #resultats .lienresume {
  width: 40px;
  height: 40px;
  margin: auto;
  margin-right: 3%;
  background: none;
}

.profil #resultats .ligne:hover .lienresume {
  background: none;
}

.profil #resultats .liencomparer:hover {
  background: none;
}

.profil #resultats .lienresume:hover {
  background: none;
}

.profil #resultats .ligne:hover a {
  color: #ffffff;
}

.ligne.comp {
  background: #3d3b3c !important;
  color: #ffffff;
}

.ligne.comp h3 {
  width: 100%;
  margin: auto;
  padding: 0 30px;
}

.profil table tr {
  background: none !important;
}

/*********************************/
/******   Menu Rubriques   *******/
/*********************************/
.menu_rub_content {
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.rub_wrap h1 {
  border: none;
}

.menu_rub_wrap {
  display: flex;
  flex: 1 1 33%;
  align-items: center;
  text-align: center;
}

.accueil_exploration .menu_rub_wrap, .accueil_bilan .menu_rub_wrap {
  display: block !important;
  flex: none !important;
}

.menu_rub {
  margin: auto;
  align-items: center;
  text-align: center;
}

.menu_rub a {
  color: #303031;
  display: block;
  align-self: center;
  font-size: 16px;
  text-decoration: none;
  font-weight: normal;
  margin-top: 0px;
}

.menu_rub a:hover {
  color: #000000;
}

.menu_rub a strong {
  font-size: 30px;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}

.encyclo .menu_rub a strong {
  color: #000000;
  height: 60px;
  display: block;
}

.encyclo .menu_rub_wrap:nth-child(1) {
  background: #009199;
}

.encyclo .menu_rub_wrap:nth-child(2) {
  background: #42b59f;
}

.encyclo .menu_rub_wrap:nth-child(3) {
  background: #aacc66;
}

.encyclo .menu_rub_wrap:nth-child(4) {
  background: #e4e494;
}

.encyclo .menu_rub_wrap:nth-child(5) {
  background: #a7885d;
}

/*.encyclo .menu_rub_wrap:nth-child(1):hover {background: #007f86;}
.encyclo .menu_rub_wrap:nth-child(2):hover {background: #309c87;}
.encyclo .menu_rub_wrap:nth-child(3):hover {background: #97be4a;}
.encyclo .menu_rub_wrap:nth-child(4):hover {background: #e4e453;}
.encyclo .menu_rub_wrap:nth-child(5):hover {background: #73952c;}*/
.encyclo .menu_rub_wrap:nth-child(1):hover {
  background: #73952c;
}

.encyclo .menu_rub_wrap:nth-child(2):hover {
  background: #73952c;
}

.encyclo .menu_rub_wrap:nth-child(3):hover {
  background: #73952c;
}

.encyclo .menu_rub_wrap:nth-child(4):hover {
  background: #73952c;
}

.encyclo .menu_rub_wrap:nth-child(5):hover {
  background: #73952c;
}

.pass_avenir .menu_rub_content .menu_rub_wrap:nth-child(1) {
  background: #eb6520;
}

.pass_avenir .menu_rub_content .menu_rub_wrap:nth-child(2) {
  background: #ec7718;
}

.pass_avenir .menu_rub_content .menu_rub_wrap:nth-child(1):hover {
  background: #d05516;
}

.pass_avenir .menu_rub_content .menu_rub_wrap:nth-child(2):hover {
  background: #d05516;
}

.pass_avenir .menu_rub_content.menu9cases.w80 .menu_rub_wrap {
  background: none;
}

.transference .menu_rub_content a strong, .transference .menu_rub_content a strong, .transference .menu_rub_content .consigue_module {
  color: #ffffff;
}

.pass_avenir .menu_rub_content a strong, .pass_avenir .menu_rub_content a strong, .pass_avenir .menu_rub_content .consigue_module {
  color: #ffffff;
}

.transference .menu_rub_wrap:nth-child(1) {
  background: #3c9ece;
}

.transference .menu_rub_wrap:nth-child(2) {
  background: #48afd8;
}

.transference .menu_rub_wrap:nth-child(3) {
  background: #42b9e8;
}

.transference .menu_rub_content .menu_rub_wrap:nth-child(1):hover {
  background: #2982a5;
}

.transference .menu_rub_content .menu_rub_wrap:nth-child(2):hover {
  background: #2982a5;
}

.transference .menu_rub_content .menu_rub_wrap:nth-child(3):hover {
  background: #2982a5;
}

.transference .menu_rub_content.menu9cases.w80 .menu_rub_wrap:hover {
  background: transparent !important;
}

.transference .menu_rub_content.menu9cases.w80 a strong {
  color: #000000;
}

.pass_avenir .menu9cases .menu_rub_wrap {
  background: transparent;
}

span.consigue_module {
  max-width: 300px;
  display: block;
  color: #ffffff;
  margin-top: 18px;
  font-size: 16px;
}

.encyclo span.consigue_module {
  max-width: 300px;
  display: block;
  color: #000000;
  margin-top: 18px;
  font-size: 18px;
}

/*********************************/
/*******  Menu 9 cases   *********/
/*********************************/
.rub_wrap {
  display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la largeur restante */
  justify-content: space-between;
  align-items: stretch;
  padding-top: 0px; /* cr?e un contexte flex pour ses enfants */
}

.menu_rub_content.menu9cases {
  max-width: 1250px;
  flex: 1 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  flex-align: row;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.menu_rub_content.menu9cases.accueil_bilan {
  width: 1250px;
}
@media screen and (max-width: 1200px) {
  .menu_rub_content.menu9cases.accueil_bilan {
    margin-left: -25px;
  }
}
@media screen and (max-width: 1150px) {
  .menu_rub_content.menu9cases.accueil_bilan {
    margin-left: -50px;
  }
}
@media screen and (max-width: 1100px) {
  .menu_rub_content.menu9cases.accueil_bilan {
    margin-left: -75px;
  }
}
@media screen and (max-width: 1050px) {
  .menu_rub_content.menu9cases.accueil_bilan {
    margin-left: -100px;
  }
}
@media screen and (max-width: 1024px) {
  .menu_rub_content.menu9cases.accueil_bilan {
    margin-left: -113px;
  }
}

.menu9cases .menu_rub_wrap {
  width: 30%;
  max-width: 30%;
  min-height: 220px;
  height: 240px;
  margin: auto 36px;
  align-items: left;
  text-align: center;
}

/*
.menu_rub img{border:0px solid #eb6520; border-radius:100px;}
*/
.menu_rub a.image {
  width: 100%;
}

.menu_rub a.image + strong {
  width: 100%;
}

.menu9cases .menu_rub_wrap {
  margin: 9px 18px;
  z-index: 0;
}

.menu9cases .menu_rub_wrap.disabled.consigne {
  margin: 27px auto 0 auto;
}

.menu9cases .menu_rub_wrap:first-child {
  margin-left: 15%;
}

.menu9cases .menu_rub_wrap:nth-child(3) {
  margin-right: 15%;
}

.menu9cases .menu_rub_wrap.disabled:nth-child(2) {
  width: 20px;
  max-width: 20px;
}

.menu9cases .menu_rub_wrap p {
  padding: 9px 12px;
  width: 100%;
}

.menu9cases .menu_rub_wrap .menu_rub-hover {
  display: none;
  opacity: 0;
}

.menu9cases .menu_rub_wrap:hover {
  cursor: pointer;
}

.menu9cases .menu_rub_wrap.disabled:hover {
  cursor: default;
}

.menu9cases .menu_rub_wrap:hover .menu_rub {
  display: none;
}

.menu9cases .menu_rub_wrap.consigne {
  background: #ffffff;
  vertical-align: middle;
  margin: auto;
  align-items: center;
  text-align: center;
  border-radius: 6px;
  z-index: 1000;
  display: block;
}

.menu9cases .menu_rub_wrap.consigne a {
  color: #ffffff;
  margin: auto;
  width: 210px;
  padding: 7px 18px;
}

.menu9cases .menu_rub_wrap.consigne a.lien_humeur {
  color: #008abb;
  width: 100%;
  margin: 9px auto 9px auto;
  padding: 7px 18px;
  font-weight: bold;
  text-decoration: underline;
}

.menu9cases .menu_rub_wrap.consigne a.lien_humeur.modifier {
  margin: 0;
}

.pass_avenir .menu9cases.w80 .menu_rub_wrap.consigne p::before {
  background: #40b49c url("../img/icon-consigne.png") no-repeat scroll center center;
  border-radius: 18px;
  content: "";
  display: block;
  flex: 0 0 auto;
  float: none;
  height: 30px;
  margin: -18px auto 18px auto;
  width: 30px;
}

.lien_humeur + img {
  border-radius: 0px !important;
}

.humeur p {
  margin-top: 0;
}

.menu9cases .humeur img {
  width: 60px;
  height: 60px;
  z-index: 1000;
  border-radius: 0px;
}

.menu_rub_wrap .consigne::before {
  background: none;
  display: none;
}

.transference .menu_rub_wrap.consigne p::before {
  background: transparent;
  display: none;
}

.transference .menu_rub_wrap.consigne p {
  line-height: 16px;
}

.menu9cases .menu_rub_wrap.consigne #smile_1 {
  background: url(../img/smile_1_hover.png) no-repeat center center;
  background-size: contain;
  width: 60px;
}

.menu9cases .menu_rub_wrap.consigne #smile_2 {
  background: url(../img/smile_2_hover.png) no-repeat center center;
  background-size: contain;
  width: 60px;
}

.menu9cases .menu_rub_wrap.consigne #smile_3 {
  background: url(../img/smile_3_hover.png) no-repeat center center;
  background-size: contain;
  width: 60px;
}

.menu9cases .menu_rub_wrap.consigne .humeur #smile_1 {
  background: url(../img/smile_1_i.png) no-repeat center center;
  background-size: contain;
  width: 80px;
}

.menu9cases .menu_rub_wrap.consigne .humeur #smile_2 {
  background: url(../img/smile_2_i.png) no-repeat center center;
  background-size: contain;
  width: 80px;
}

.menu9cases .menu_rub_wrap.consigne .humeur #smile_3 {
  background: url(../img/smile_3_i.png) no-repeat center center;
  background-size: contain;
  width: 80px;
}

.menu9cases .menu_rub_wrap.consigne .humeur img#smile_1:hover {
  background: url(../img/smile_1_hover.png) no-repeat center center;
}

.menu9cases .menu_rub_wrap.consigne .humeur #smile_2:hover {
  background: url(../img/smile_2_hover.png) no-repeat center center;
}

.menu9cases .menu_rub_wrap.consigne .humeur #smile_3:hover {
  background: url(../img/smile_3_hover.png) no-repeat center center;
}

.menu9cases .menu_rub_wrap.consigne .humeur img#smile_1.active {
  background: url(../img/smile_1_hover.png) no-repeat center center;
}

.menu9cases .menu_rub_wrap.consigne .humeur #smile_2.active {
  background: url(../img/smile_2_hover.png) no-repeat center center;
}

.menu9cases .menu_rub_wrap.consigne .humeur #smile_3.active {
  background: url(../img/smile_3_hover.png) no-repeat center center;
}

a.lien_humeur {
  z-index: 10000;
  display: block;
}

.menu9cases .menu_rub_wrap.consigne a strong {
  color: #ffffff;
}

.menu9cases .menu_rub_wrap.consigne:hover .menu_rub {
  display: block;
}

.menu9cases .menu_rub_wrap.consigne h2 {
  margin: 9px 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 18px;
}

.menu9cases .menu_rub_wrap.consigne p {
  display: block;
  text-decoration: none;
  margin-top: 0px;
  margin-bottom: 5px;
  height: 100%;
  line-height: 18px;
  letter-spacing: -0.2px;
}

.menu9cases .menu_rub_wrap:hover .menu_rub-hover {
  opacity: 1;
  transition: all 0.8s ease 0s;
  min-height: 220px;
}

.menu9cases .menu_rub-hover h3 {
  border: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #eb6520;
}

.menu9cases .menu_rub-hover h3 img.coche_valide_etape {
  display: none;
}

.menu9cases .menu_rub_wrap:hover .menu_rub-hover {
  display: block;
  color: #5d5d5d;
}

.menu9cases .menu_rub strong {
  border: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
  width: 100%;
  min-height: 30px !important;
}

.menu9cases .menu_rub {
  width: 100%;
}

.pass_avenir .menu_rub-hover {
  padding: 9px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}

.menu9cases {
  padding-bottom: 36px;
}

.menu_rub_wrap {
  margin: 0 auto;
  padding: 18px 0;
  align-items: flex-start;
}

.menu_rub_content.menu9cases .menu_rub {
  margin: 0 auto;
  padding: 0;
  align-items: flex-start;
}

.pass_avenir .menu_rub_content.menu9cases .menu_rub_wrap.consigne {
  display: flex;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.pass_avenir .menu_rub_content.menu9cases .menu_rub_wrap.consigne::before {
  display: none;
}

.coche_valide_etape {
  width: 30px;
  height: 30px;
  border: 0px !important;
  margin: -10px 0 0 9px;
  display: inline-block;
}

.menu9cases .menu_rub_wrap:nth-of-type(6) .menu_rub strong .coche_valide_etape {
  margin: -30px 36px 0 0;
  display: block;
  float: right;
}

.synthese .contenu {
  background-color: #ffffff;
  border-radius: 6px;
  display: flex;
}

.synthese .coche {
  height: 14px;
}

.synthese .contenu .gauche, .synthese .contenu .droite {
  width: 50%;
  float: left;
}

.synthese h2 {
  color: #eb6520;
}

.synthese .intertitre {
  font-weight: bold;
}

.synthese .espace-coche {
  width: 60px;
  float: left;
}

.synthese .eviter {
  color: red;
}

.synthese li.selectionne {
  font-weight: bold;
}

.synthese li .identifiant {
  width: 30px;
  float: left;
}

.synthese label {
  min-width: 30px;
  color: black;
}

.pass_avenir .synthese a.btn {
  clear: none;
  margin-top: 18px;
}

.synthese input[type=number] {
  width: 70px;
}

.synthese .message {
  font-size: 14px;
}

.synthese #hexagone .hex {
  fill: #ffffff;
  stroke: #000;
}

.synthese #hexagone .ligne {
  stroke: #000;
}

#recommencer_explo {
  border-bottom: 0px;
  box-shadow: none;
  background: transparent url(../img/icon-questionnaire-recommencer.png) no-repeat 18px center;
  padding: 10px 36px 10px 60px;
  width: 330px;
}

#recommencer_explo strong {
  color: #5c5c5c;
  font-size: 16px;
}

#recommencer_explo strong:hover {
  color: black;
}

.selected {
  border: 1px solid #008abb;
  border-radius: 6px;
}

.profil .texte_commentaire {
  color: #008abb;
  font-size: 15px;
  font-style: italic;
  max-width: 600px;
  text-wrap: normal;
  padding-left: 32px;
}

/*modif anthony, ajout de .transference .commentaire_commentaire pour styler les pr?cisions de analogie et acces compet*/
.competence_selectionnable .commentaire_competence,
.competence_selectionne .commentaire_competence {
  color: #008abb;
  font-style: italic;
  max-width: 600px;
  text-wrap: normal;
  padding: 0 20px 10px 70px;
  display: block;
  width: 80%;
  clear: both;
  overflow: hidden;
}

.ligne_pourquoi td .texte_commentaire {
  color: #008abb;
  font-style: italic;
  max-width: 600px;
  text-wrap: normal;
  padding-left: 70px;
  font-weight: normal;
}

/*nouveau pourquoi*/
#tableaubilan .bloqueSticky h2 {
  margin: 0;
  padding: 0;
  text-align: center;
}

#tableaubilan th.borderbleue {
  border-right: 2px solid #727272;
}

#tableaubilan .bloqueSticky th.borderbleue {
  background: rgba(0, 0, 0, 0.1);
}

#tableaubilan .bloqueSticky th.nbc strong {
  display: block;
  padding: 5px 9px 5px 5px;
  font-size: 18px;
  line-height: 36px;
  float: left;
}

#tableaubilan .bloqueSticky th.nbc {
  text-align: left;
}

.pass_avenir .pourquoi .legende {
  text-align: right;
  background: rgba(247, 245, 240, 0.95); /*background-color: #f7f4ef;*/
}

.pass_avenir .pourquoi .legende .icone_legende {
  height: 25px;
  vertical-align: bottom;
}

.pass_avenir .pourquoi .legende span {
  margin-left: 5px;
  margin-right: 20px;
  text-align: right;
}

.pourquoi .border th:nth-child(2) {
  border-bottom: 1px solid #b6b4b5;
}

.pourquoi table p {
  margin: 0 0 0 43px;
}

.pourquoi table {
  margin-top: 54px;
  border-collapse: separate;
  border-spacing: 0px;
  border-radius: 6px;
  border: #c5c7c8 solid 1px;
}

.pass_avenir .pourquoi table {
  border: 0px solid #c5c7c8;
  margin-top: 10px;
}

.inforizon .pourquoi table td:first-child, .inforizon .pourquoi table th:first-child {
  width: 60%;
}

.inforizon .pourquoi table td, .inforizon .pourquoi table th {
  width: 40%;
}

.inforizon .pourquoi table th:nth-child(2) {
  border-left: 1px solid #c5c7c8;
}

.inforizon .pourquoi table th:nth-child(3) {
  border-left: 1px solid #c5c7c8;
}

.pourquoi .borderbleue, .pourquoi .border th.borderbleue {
  border-right: 2px solid #727272;
  border-left: 2px solid #727272;
}

.pass_avenir .pourquoi table td:first-child, .pass_avenir .pourquoi table th:first-child, .espace_perso table th:first-child {
  width: 60%;
}

.pass_avenir .pourquoi table td, .pass_avenir .pourquoi table th {
  width: 40%;
}

.ligne_pk td {
  min-height: 50px;
  height: 50px;
}

.ligne_pk.active td:first-child, .ligne_espace_perso.affichage_ok.active td:first-child, .ligne_autre_espace_perso.affichage_ok.active td:first-child {
  background: rgba(0, 0, 0, 0) url("../img/icon_moins_noir.png") no-repeat scroll right 20px;
}

.ligne_pk td:first-child, .ligne_espace_perso.affichage_ok td:first-child, .ligne_autre_espace_perso.affichage_ok td:first-child {
  background: rgba(0, 0, 0, 0) url("../img/icon_plus_noir.png") no-repeat scroll right 20px;
  cursor: pointer;
}

.ligne_autre_pk.active td:nth-child(2) {
  background: rgba(0, 0, 0, 0) url("../img/icon_moins_noir_arbo.png") no-repeat scroll right 10px;
}

.ligne_autre_pk td:nth-child(2) {
  background: rgba(0, 0, 0, 0) url("../img/icon_plus_noir.png") no-repeat scroll right 10px;
  cursor: pointer;
}

.definition_pk {
  font-size: 13px;
  max-width: 520px;
  padding: 12px 12px 12px 8px;
}

/*
span.critere_pk{width:520px; margin-top:0px;}
*/
.critere_pk.ok_pk,
.eviter_pk.ok_pk {
  color: #8db724;
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
}

.critere_pk.non_ok_pk.neutre {
  color: #5e5e5e;
}

.critere_pk.non_ok_pk,
.eviter_pk.non_ok_pk {
  color: #d6252d;
  font-weight: bold;
}

.eviter_pk.eviter {
  visibility: visible;
}

.eviter_pk {
  visibility: hidden;
  padding-right: 9px;
}

.coche_ok_pk {
  background: rgba(0, 0, 0, 0) url("../img/icon-coche-vert.png") no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.pass_avenir .coche_ok_pk, .inforizon .coche_ok_pk {
  background: rgba(0, 0, 0, 0) url("../img/icon-coche-vert.png") no-repeat;
  background-size: contain;
  width: 30px;
  height: 25px;
  display: inline-block;
}

tr td.ouvre_autre_theme {
  background: rgba(0, 0, 0, 0) url("../img/icon_fleche_noir_arbo.png") no-repeat scroll right 20px !important;
  min-height: 50px;
  height: 50px;
  cursor: pointer;
}

.pass_avenir .pourquoi td.ouvre_autre_theme, .inforizon .pourquoi td.ouvre_autre_theme {
  background: rgba(0, 0, 0, 0) none !important;
  text-align: left;
}

.coche_non_ok_pk {
  background: rgba(0, 0, 0, 0) url("../img/icon-croix-qst_hover.png") no-repeat;
  background-size: contain;
  width: 30px;
  height: 25px;
  display: inline-block;
}

.neutre_pk {
  background: rgba(0, 0, 0, 0) url("../img/icon-trait-qst_hover.png") no-repeat;
  background-size: contain;
  width: 30px;
  height: 25px;
  display: inline-block;
}

td.ouvre_autre_theme {
  border-left: 1px solid #c5c7c8;
}

td.ouvre_autre_theme img {
  height: 25px;
  vertical-align: bottom;
  margin-bottom: -3px;
}

tr.ligne_autre_pk td {
  border-left: 1px solid #c5c7c8;
}

tr.ligne_autre_pk td.noborder {
  border-left: none;
}

.ligne_autre_pk, .inforizon .ligne_entrees_autre_pk {
  min-height: 30px;
  text-align: left;
}

.critere_autre_pk {
  text-align: left;
  cursor: pointer;
}

.critere_autre_pk:hover {
  text-align: left;
  cursor: pointer;
}

.inforizon .ouvre_autre_theme, .inforizon .critere_autre_pk, .pass_avenir .ligne_autre_espace_perso {
  color: #eb6520;
}

.pass_avenir .critere_autre_pk, .pass_avenir .ouvre_autre_theme {
  color: #eb6520;
}

.pass_avenir .critere_autre_pk:hover, .pass_avenir .ouvre_autre_theme:hover, .inforizon .ouvre_autre_theme:hover, .inforizon .critere_autre_pk:hover {
  color: black;
}

.espace_perso .ouvre_autre_theme:hover {
  color: black;
}

.transference .critere_autre_pk:hover, .transference .ouvre_autre_theme:hover {
  color: #008abb;
}

p.definition_autre_pk.tal {
  font-size: 13px;
  max-width: 420px;
  text-align: justify;
  padding: 9px 0 9px 0;
  margin: 0;
}

.profil .texte_commentaire a, .page_pourquoi.transference .texte_commentaire a {
  cursor: pointer;
  color: #008abb;
}

.profil p.definitionc {
  max-width: 600px;
  padding-left: 32px;
  display: inline-block;
  margin-bottom: 0;
}

.tdmodifier:hover {
  background-color: #008abb;
}

a.preciser {
  text-decoration: none;
}

span.iconpreciser {
  font-size: 24px;
  width: 80px;
  height: 60px;
  margin: auto;
}

.tdpreciser:hover .iconpreciser {
  background: url(../img/icon_preciser-hover-vide.png) no-repeat center center;
}

.tdpreciser:hover .iconpreciser.plein {
  background: url(../img/icon_preciser-hover.png) no-repeat center center;
}

.tdpreciser span.iconpreciser strong {
  display: none;
}

.tdpreciser span.iconpreciser:hover strong {
  display: block;
  clear: both;
  color: #ffffff;
  padding-top: 25px;
  font-size: 13px;
  text-decoration: none;
  font-weight: 400;
  line-height: 1;
}

.tdpreciser:hover .iconpreciser {
  background: url(../img/icon_preciser-hover-vide.png) no-repeat center top;
}

.tdpreciser:hover .iconpreciser.plein {
  background: url(../img/icon_preciser-hover.png) no-repeat center top;
}

.iconpreciser {
  display: block;
  background: url(../img/icon_preciser-vide.png) no-repeat center center;
  background-size: 26px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.iconpreciser.plein {
  background: url(../img/icon_preciser.png) no-repeat center center;
}

.iconmodifier {
  display: block;
  background: url(../img/icon-modifer.png) no-repeat center center;
  background-size: 26px;
  height: 60px;
  margin: auto;
  width: 80px;
  cursor: pointer;
  margin: auto;
}

.tdmodifier:hover .iconmodifier {
  background-color: #008abb;
  background: url(../img/icon-modifer-blanc.png) no-repeat center top;
}

.tdmodifier a {
  text-decoration: none;
}

.tdmodifier .iconmodifier strong {
  display: none;
}

.tdmodifier:hover .iconmodifier strong {
  display: block;
  clear: both;
  color: #ffffff;
  padding-top: 25px;
  font-size: 13px;
  text-decoration: none;
  font-weight: 400;
  line-height: 1;
}

.jaime.val4 {
  background: url(../img/icon-jaime-5.png) no-repeat center center;
  background-size: 25px;
}

.jaime.val3 {
  background: url(../img/icon-jaime-5.png) no-repeat center center;
  background-size: 20px;
}

.jaime.val2 {
  background: url(../img/icon-jaime-5.png) no-repeat center center;
  background-size: 15px;
}

.jaime.val1 {
  background: url(../img/icon-jaime-pas.png) no-repeat center center;
  background-size: 20px;
}

.jaime.val0 {
  background: url(../img/icon-neutre1.png) no-repeat center center;
  background-size: 25px;
}

.capable.val4 {
  background: url(../img/icon-capable.png) no-repeat center center;
  background-size: 25px;
}

.capable.val3 {
  background: url(../img/icon-capable.png) no-repeat center center;
  background-size: 20px;
}

.capable.val2 {
  background: url(../img/icon-capable.png) no-repeat center center;
  background-size: 15px;
}

.capable.val1 {
  background: url(../img/icon-pascapable.png) no-repeat center center;
  background-size: 20px;
}

.capable.val0 {
  background: url(../img/icon-neutre1.png) no-repeat center center;
  background-size: 25px;
}

.jaime.val4:hover {
  background-size: 35px;
}

.jaime.val3:hover {
  background-size: 30px;
}

.jaime.val2:hover {
  background-size: 25px;
}

.jaime.val1:hover {
  background-size: 25px;
}

.jaime.val0:hover {
  background-size: 25px;
}

.capable.val4:hover {
  background-size: 35px;
}

.capable.val3:hover {
  background-size: 30px;
}

.capable.val2:hover {
  background-size: 25px;
}

.capable.val1:hover {
  background-size: 25px;
}

.capable.val0:hover {
  background-size: 25px;
}

.jaime, .capable {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 5px 10px 1px 1px;
  cursor: pointer;
}

.dimension_bilan_1 a.image {
  background: url(../img/icon_big_relationnel.png) no-repeat center center;
}

.dimension_bilan_2 a.image {
  background: url(../img/icon_big_intellectuel.png) no-repeat center center;
}

.dimension_bilan_3 a.image {
  background: url(../img/icon_big_communication.png) no-repeat center center;
}

.dimension_bilan_4 a.image {
  background: url(../img/icon_big_management.png) no-repeat center center;
}

.dimension_bilan_5 a.image {
  background: url(../img/icon_big_realisation.png) no-repeat center center;
}

.dimension_bilan_6 a.image {
  background: url(../img/icon_big_expression.png) no-repeat center center;
}

.dimension_bilan_7 a.image {
  background: url(../img/icon_big_emotion.png) no-repeat center center;
}

a.image img {
  border: 20px solid transparent;
  border-radius: 100px;
  transition: all 0.7s;
}

a.image:hover img {
  border: 20px solid rgba(109, 177, 215, 0.4);
  border-radius: 100px;
  transition: all 0.7s;
}

.theme_explo_0 {
  background: url(../img/icon_big_personnalite.png) no-repeat center center;
  display: block;
  width: 134px;
  height: 135px;
}

.theme_explo_1 {
  background: url(../img/icon_big_familles.png) no-repeat center center;
  display: block;
  width: 134px;
  height: 135px;
}

.theme_explo_2 {
  background: url(../img/icon_big_aptitude.png) no-repeat center center;
  display: block;
  width: 134px;
  height: 135px;
}

.theme_explo_3 {
  background: url(../img/icon_big_riasec.png) no-repeat center center;
  display: block;
  width: 134px;
  height: 135px;
}

.theme_explo_4 {
  background: url(../img/icon_big_condition_travail.png) no-repeat center center;
  display: block;
  width: 134px;
  height: 135px;
}

.theme_explo_5 {
  background: url(../img/icon_big_condition_travail.png) no-repeat center center;
  display: block;
  width: 134px;
  height: 135px;
}

table.profil + input[type=submit] {
  margin: 36px auto 36px calc(50% - 150px);
}

.titre h4 {
  margin: 0 0 9px 0;
}

/********* Rubrique bilan ************/
.w80.shadow.matm {
  display: block;
  margin-bottom: 54px;
  border-radius: 9px;
}

.row .menu_rub_wrap {
  width: 1250px;
  min-height: 250px;
  margin: auto;
  align-items: center; /* occupe la largeur restante */
  text-align: center;
}

.rows .menu_rub_wrap .menu_rub-hover {
  display: none;
}

.row .menu_rub_wrap:hover {
  background: #66b5d8;
  cursor: pointer;
  min-height: 350px;
  margin: auto;
  transition: all 0.5s ease-in;
}

.row .menu_rub_wrap.disabled:hover {
  cursor: default;
}

.row .menu_rub_wrap:hover .menu_rub {
  display: none;
}

.row .menu_rub_wrap.consigne {
  background: #ffffff;
  vertical-align: middle;
  margin: auto;
  align-items: center;
  text-align: center;
}

.row .menu_rub_wrap:hover.consigne .menu_rub {
  display: block;
}

.row .menu_rub_wrap.consigne p {
  display: block;
  text-decoration: none;
  font-weight: normal;
  margin-top: 20px;
  height: 100%;
}

.row .menu_rub-hover {
  display: none;
}

.row .menu_rub-hover p {
  max-width: 700px;
}

.row .menu_rub-hover h3 {
  border: none;
  margin: 18px auto;
  padding: 0;
  font-size: 18px;
}

.row .menu_rub_wrap:hover .menu_rub-hover {
  display: block;
  color: #000000;
  margin: auto;
}

.row .menu_rub_wrap:hover .menu_rub-hover .btn {
  background: #000000;
  color: #ffffff;
  margin: 18px auto;
}

.row .menu_rub_wrap:hover .menu_rub-hover .btn:hover {
  background: #ffffff;
  color: #000000;
  margin: 18px auto;
}

/*********************************/
/********  Drag & Drop  **********/
/*********************************/
.dropper {
  margin: 5px;
}

.dropper a {
  font-size: 0.9em;
  display: block;
  text-decoration: none;
  height: 60px;
  line-height: 60px;
  padding: 0px;
  margin: auto;
  text-align: center;
  border: none;
  box-sizing: border-box;
}

.dropper {
  width: 30%;
  font-size: 0.9em;
  display: block;
  text-decoration: none;
  height: 64px;
  line-height: 60px;
  text-align: left;
  box-sizing: border-box;
  border: 2px #cbcaca dotted;
  background: #FFFFFF;
  transition: all 200ms linear;
}

#n1 {
  background: url(../img/nb1.png) no-repeat center center;
}

#n1:hover {
  background: url(../img/nb1.png) no-repeat center center;
}

#n2 {
  background: url(../img/nb2.png) no-repeat center center;
}

#n2:hover {
  background: url(../img/nb2.png) no-repeat center center;
}

#n3 {
  background: url(../img/nb3.png) no-repeat center center;
}

#n3:hover {
  background: url(../img/nb3.png) no-repeat center center;
}

#n4 {
  background: url(../img/nb4.png) no-repeat center center;
}

#n4:hover {
  background: url(../img/nb4.png) no-repeat center center;
}

#n5 {
  background: url(../img/nb5.png) no-repeat center center;
}

#n5:hover {
  background: url(../img/nb5.png) no-repeat center center;
}

#n6 {
  background: url(../img/nb6.png) no-repeat center center;
}

#n6:hover {
  background: url(../img/nb6.png) no-repeat center center;
}

.dropper:hover {
  border: 2px #cbcaca solid;
  box-shadow: 0px 0px 8px #aaa;
  transition: all 200ms linear;
}

.drop_hover {
  border: 2px #cbcaca solid;
  box-shadow: 0px 0px 8px #aaa;
  transition: all 200ms linear;
}

.draggable {
  cursor: move;
  transition: all 200ms linear;
  user-select: none;
}

/******************************************************************************************************************************/
/**********************************************************  ENCYCLOPEDIE *****************************************************/
/******************************************************************************************************************************/
/*********************************/
/*********  FAMILLES  ************/
/*********************************/
.recherche_vignettes {
  display: block;
}

.menu_famille {
  float: left;
  max-width: 23%;
  width: 23%;
  max-height: 200px;
  display: block;
  position: relative;
  margin: 9px;
  overflow: hidden;
}

.menu_famille a {
  color: #ffffff;
  text-decoration: none;
}

.menu_famille img {
  width: 100%;
}

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

.menu_famille:hover h2 {
  margin-top: 18px;
}

.menu_famille h2 {
  background: url(../img/icon_fleche_blanche.png) no-repeat right 5px;
}

.menu_famille:hover h2 {
  background: none;
}

.menu_sous_fam h2 a, .menu_famille h2 a {
  width: 100%;
  font-size: 16px !important;
  line-height: 18px;
}

.menu_sous_fam h2 a {
  width: 95%;
}

.menu_famille h2 a {
  width: 95%;
  font-weight: bold;
  letter-spacing: -0.1px;
}

.menu_famille h2 a:hover {
  color: #73952c;
  background: url(../img/fleche-encyclo-vert.png) no-repeat right 5px;
}

.menu_fam {
  display: block;
  position: absolute;
  height: 72px;
  padding: 18px;
  margin: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: 2;
  text-align: left;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.7s;
}

.menu_sous_fam {
  position: absolute;
  padding: 0 9px 9px 9px;
  left: 0;
  bottom: 24px;
  right: 0;
  height: 100%;
  top: 500px;
  text-align: left;
  transition: all 0.7s;
}

.menu_famille:hover .menu_sous_fam {
  top: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.menu_famille:hover .menu_sous_fam a {
  width: 95%;
  display: block;
  line-height: 22px;
  background: url(../img/icon_fleche_blanche.png) no-repeat right 5px;
}

.menu_famille:hover .menu_sous_fam a:hover {
  color: #73952c;
  background: url(../img/fleche-encyclo-vert.png) no-repeat right 5px;
}

.menu_famille:hover .menu_fam {
  bottom: -6em;
}

.menu_famille:hover .menu_fam a {
  color: #ffffff;
}

.menu_famille:hover .menu_sous_fam a {
  color: #ffffff;
  font-size: 14px;
}

.resultats .menu_famille {
  max-width: 48%;
  width: 48%;
  flex: 1 1 40%;
}

.menu_famille h2 span {
  float: right;
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
  padding-right: 30px;
}

.menu_famille h2 span strong {
  font-size: 24px;
}

/*********************************/
/*********  MOTS-CLES*  **********/
/*********************************/
.motscles {
  padding: 20px 0;
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  -webkit-column-gap: 18px; /* Chrome, Safari, Opera */
  -moz-column-gap: 18px; /* Firefox */
  column-gap: 18px;
}

.motscles * {
  break-inside: avoid-column;
}

.alphabet {
  width: 50%;
  margin: 0 auto;
}

.motscles h2 a {
  font-size: 20px;
  line-height: 50px;
  color: #73952c;
  background: #e6efbd;
  font-weight: bold;
}

.motscles h2 a:hover {
  font-size: 24px;
  line-height: 50px;
  color: #ffffff;
  background: #73952c;
}

.motscles a:hover {
  background: #73952c;
}

.motscles h2 {
  margin: 0;
  padding: 0;
  background: #e6efbd;
}

.motscles a {
  width: 100%;
  display: block;
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 20px;
  text-align: left;
  border: none;
  box-sizing: border-box;
  border-bottom: 1px solid #b6b4b5;
  transition: all ease-out 0.5s;
}

.motscles a:hover {
  box-shadow: 0 0 8px #c1c0c0;
  z-index: 10;
}

.motscles a:hover {
  background: #73952c;
  color: #ffffff;
  font-size: 15px;
}

.mots_clefs_top {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1 1 auto;
  max-height: 200px;
}

/*********************************/
/*********  Code Rome  ***********/
/*********************************/
.rome .submit {
  margin: 10px 0 0 20px;
}

.lien_reinitialiser {
  padding-left: 190px;
}

/******************************************************************************************************************************/
/********************************************************  INFORIZON  *********************************************************/
/******************************************************************************************************************************/
/* modif ruben : - inforizon / questionnaire, correction pour IE les boutons "pr?c?dent" et "suivant" ne fonctionnait pas , ajout z-index:2*/
#question_precedente, #question_suivante {
  position: absolute;
  top: calc(50% - 35px);
  font-size: 0px;
  padding: 18px;
  width: 30px;
  height: 70px;
  display: block;
  z-index: 2;
}

#question_precedente {
  left: 2%;
  background: url(../img/slideprecedent.png) no-repeat;
}

#question_suivante {
  right: 2%;
  background: url(../img/slidesuivant.png) no-repeat;
}

.w100.block.bg-gris {
  margin-top: 18px;
}

.famille_progression {
  padding: 5px 9px;
  display: block;
  z-index: 1000;
  border-top: 1px solid #b6b4b5;
  border-left: 1px solid transparent;
  margin-right: -2px; /*z-index:100;*/
}

.famille_progression.current {
  background: #fcd656;
}

.famille_progression.current a.metiers::after {
  height: 85px;
  width: 50px;
  content: "";
  background: #ffffff;
  margin-top: -5px;
  margin-left: 0px;
  position: absolute;
  z-index: 1000;
}

.famille_progression .famille_progression_lien #conteneur_progression {
  width: 100%;
}

a.famille_progression_lien {
  width: 70%;
  display: block;
  float: left;
}

.famille_progression a.metiers {
  display: block;
  opacity: 0;
  float: left;
  height: 75px;
  line-height: 85px;
  padding-left: 4%;
}

.famille_progression:nth-child(odd) {
  background: rgba(0, 0, 0, 0.02);
}

.famille_progression.current, .famille_progression:hover {
  background: #ffffff;
  border-bottom: 1px solid #f8a52c;
  border-left: 1px solid #f8a52c;
  border-top: 1px solid #f8a52c;
  border-right: 1px solid #ffffff;
  border-radius: 9px 0px 0 9px;
  z-index: 1000 !important;
}

.famille_progression.current + .famille_progression, .famille_progression:hover + .famille_progression {
  border-top: 0px solid #b6b4b5;
}

.famille_progression:hover a.metiers, .famille_progression.current a.metiers {
  opacity: 1;
}

.portraits {
  background: #ffffff;
  border: 1px solid #f8a52c;
  border-radius: 9px;
  padding: 0 36px 36px 0;
  display: block;
  margin-top: 0;
  flex: 1 1 auto;
  z-index: 0;
}

.indices_psy {
  background: #ffffff;
  border: 1px solid #f8a52c;
  border-radius: 9px;
  padding: 36px;
  margin-bottom: 18px;
}

.inforizon .read + [data-readmore-toggle] a {
  font-size: 16px;
  max-width: 180px;
}

.inforizon .read + [data-readmore-toggle] a {
  color: #f8a52c;
}

.pass_avenir .read + [data-readmore-toggle] a {
  color: #eb6520;
}

.transference .read + [data-readmore-toggle] a {
  color: #008abb;
}

.encyclo .read + [data-readmore-toggle] a {
  color: #73952c;
}

.japro .read + [data-readmore-toggle] a {
  color: #cc4451;
}

.espace_perso .read + [data-readmore-toggle] a {
  color: #00929b;
}

.inforizon .read + [data-readmore-toggle] a:hover,
.pass_avenir .read + [data-readmore-toggle] a:hover,
.transference .read + [data-readmore-toggle] a:hover,
.encyclo .read + [data-readmore-toggle] a:hover,
.japro .read + [data-readmore-toggle] a:hover,
.espace_perso .read + [data-readmore-toggle] a:hover {
  color: #000000;
  border: 1px solid #000000;
}

.inforizon .portrait .read + [data-readmore-toggle] a {
  font-size: 16px;
  max-width: 180px;
  background: #ffffff;
  color: #64615f;
  text-decoration: underline;
  font-weight: bold;
  padding-bottom: 30px;
}
.inforizon .portrait .read + [data-readmore-toggle] a:hover {
  background: #f8a52c;
  color: #000000;
  border: 1px solid #000000;
}

a.graphique_etoile {
  background: url(../img/icon-radar.png) no-repeat left center;
  height: 40px;
  padding-left: 45px;
  display: block;
  line-height: 40px;
  color: #40b49c;
  margin-bottom: 18px;
  font-weight: bold;
}

a.donnees_psy {
  background: url(../img/icon-donnees_psy.png) no-repeat left center;
  height: 40px;
  padding-left: 45px;
  padding-right: 5px;
  display: inline-block;
  line-height: 40px;
  color: #40b49c;
  margin-bottom: 18px;
  font-weight: bold;
}

.transference a.graphique_etoile {
  background: url(../img/icon-radar-bleu.png) no-repeat left center;
  height: 40px;
  padding-left: 45px;
  display: block;
  line-height: 40px;
  color: #2377af;
  margin: 0 0 9px 0;
}

/**************************************************/
/*********  Questionnaire r?sultats 2  ************/
/**************************************************/
.resultatsfamilles {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  zoom: 1;
  max-width: 100%;
}

.resultatsfamilles .btn {
  max-width: 300px;
  margin: 36px auto;
  clear: both;
}

.resultatsfamilles h2 {
  margin: 0 0 36px 0;
}

.sousfamille {
  width: 15%;
  min-width: 15%;
  padding: 9px;
  text-align: center;
  margin: 0 18px 18px 0;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  align-self: flex-end;
  flex: 0 0 auto;
  zoom: 1;
}

.sousfamille[display=none] {
  height: 0;
}

.sousfamille h3 {
  height: 50px;
  margin: 0;
  padding: 0;
}

.sousfamille h3 a, .sousfamille-li a {
  text-decoration: none;
  color: #000000;
  font-size: 14px;
}

.sousfamille:first-child {
  margin-left: 0;
}

.sousfamille:last-child {
  margin-right: 0;
}

.alignb {
  display: table-cell;
  vertical-align: bottom;
  height: auto;
  overflow: hidden;
  z-index: 0;
}

.sousfamille .cadre {
  width: 100%;
  max-width: 100%;
  max-height: 134px;
  min-height: 134px;
  text-align: center;
  margin: auto;
  overflow: hidden;
  z-index: 0;
}

.sousfamille .cadre img {
  width: 120%;
  margin: 0 0px 0 -10%;
}

.gestion_score {
  width: 100%;
  min-width: 100%;
  min-height: 40px !important;
  background: #f8a52c;
  display: block;
  bottom: 0; /*min-height:0px !important;*/
  z-index: 0;
  overflow: hidden;
}

.sousfamille .stat {
  width: 100%;
  height: 50px;
  min-height: 50px;
  z-index: 1000;
  padding-top: 9px;
}

.sousfamille span, .sousfamille-li span {
  min-width: 100%;
  display: block;
  font-size: 18px;
  padding: 0;
}

.sousfamille a span, .sousfamille-li a span {
  color: #000000;
  text-decoration: none;
}

.sousfamille a:hover span, .sousfamille-li a:hover span {
  color: #000000;
  text-decoration: none;
}

.sousfamille span strong, .sousfamille-li span strong {
  font-size: 24px;
}

.sousfamille .alignb {
  max-width: 100%;
}

.sousfamille span + span {
  padding: 0;
  font-size: 14px;
  margin-top: -9px;
  display: block;
}

.sousfamille a.pan.block.fs {
  font-size: 13px;
}

.block_sousfamille {
  width: 100%;
  display: flex;
  padding: 0px;
  text-align: center;
  margin: 0 auto 0px auto;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
}

.bloc_famille {
  padding: 9px;
  text-align: center;
  margin: 0 18px 18px 0;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 500px;
  min-width: auto;
  width: auto;
}

.colonnes {
  display: flex;
  justify-content: stretch;
  flex-wrap: wrap;
  flex-direction: row;
  min-width: auto;
  width: auto;
}

.bloc_famille h3 {
  width: 100%;
  height: 30px;
  margin: auto;
  padding: 0;
  flex-grow: 1;
}

.bloc_famille h3 span {
  padding: 3px 5px;
  color: #f8aa00;
}

.sous.sousfamille {
  width: 300px;
  display: block;
  min-height: 150px;
}

.sousfamille-li {
  width: 100px;
  max-width: 110px;
  display: flex;
  align-items: space-between;
  flex-direction: column;
  margin: 0 auto;
}

.sousfamille-li a {
  align-self: flex-start;
  width: 100%;
  padding: 9px;
  text-align: center;
}

.sousfamille-li .ab {
  align-self: flex-end !important;
}

.sousfamille-li a.score {
  width: 100%;
  align-self: flex-end;
  margin: auto auto 0 auto;
  border: 1px solid #ffffff;
  display: flex;
}

.sousfamille-li .gestion_score .stat {
  align-self: flex-end;
  margin: 9px auto;
  z-index: 10000;
}

.sousfamille-li .gestion_score {
  min-height: 40px;
}

/*
{background: #fb981e;}
{background: #ea9000;}
{background: #f8aa00;}
*/
.block_sousfamille .btn, .resultatsfamilles + .btn {
  display: block;
  flex: none;
  margin: 36px auto;
  flex-grow: 1;
  max-width: 300px;
}

.stat.couleur3, .gestion_score.couleur3 {
  background: #fb981e;
}

.stat.couleur2, .gestion_score.couleur2 {
  background: #ea9000;
}

.stat.couleur1, .gestion_score.couleur1 {
  background: #f8aa00;
}

.progression_bloque {
  z-index: 98;
}

/*h2.tac{padding-top:36px;}*/
.accueilq2 input[type=submit] {
  text-align: center;
  clear: both;
  display: block;
  margin: 36px auto;
  width: 250px;
  padding-top: 8px;
  float: none;
}

.texte_centre a.big:nth-of-type(2) {
  margin-left: 18px;
  background-color: #e9e9e9;
}

.accueilq2 .important {
  max-width: 800px;
  text-align: center;
}

.accueilq2 form input[type=checkbox] {
  clear: both;
  float: left;
  margin: 18px 9px 0 18px;
}

.accueilq2 .texte_centre form label {
  float: left;
  padding-top: 18px;
}

/*Comparaison*/
tr.entree_sous_rubrique td.titre_competence:first-child {
  padding-left: 61px;
}

.espace_perso .ancre {
  display: block;
}

/* TODO Comprendre la raison de l'existence de ces deux lignes
.espace_perso .liencommenter{float: right; height: 24px; width: 26px; margin-right: 0; background:  url("../img/icon_commenter.png") no-repeat right center;}
.espace_perso .liencommenter.active{ background:  url("../img/icon_commenter_on.png") no-repeat right center;}
*/
.comparer .bloqueSticky.is_stuck td:last-child {
  margin-right: 0px !important;
}

.pourquoi .bloqueSticky th {
  vertical-align: middle;
}

.pourquoi tr.bloqueSticky.is_stuck, .transference .pourquoi thead.bloqueSticky.is_stuck {
  background: #f7f5f0;
  opacity: 0.95;
}

.transference .pourquoi thead .border th:first-child, .transference .pourquoi thead.bloqueSticky.is_stuck .border th:first-child {
  background: white;
}

.transference .pourquoi thead.bloqueSticky.is_stuck + div {
  display: table-row !important;
}

.pourquoi .bloqueSticky.is_stuck td {
  font-size: 16px;
  height: 54px;
  border-bottom: 1px solid #c5c7c8;
}

.pourquoi .bloqueSticky.is_stuck td:nth-child(2n), .pourquoi .bloqueSticky td:nth-child(2n) {
  background: rgba(0, 0, 0, 0.04) none repeat scroll 0 0;
}

.pourquoi .bloqueSticky.is_stuck th:nth-child(odd), .pourquoi .bloqueSticky th:nth-child(odd) {
  background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
}

.pourquoi .bloc_comp_profil {
  height: 33px;
  display: flex;
  margin-left: 20px;
}

.transference .pourquoi h1 a {
  text-decoration: none !important;
}

.pk_titre_theme {
  background: #eb6520 !important;
}
.pk_titre_theme h2 {
  color: white !important;
}

.pk_titre_theme .pourcentage, .pk_titre_sous_theme .pourcentage {
  font-size: 16px;
  text-transform: lowercase;
}

.pass_avenir .pourquoi .correspondance {
  color: white;
  background: #ec7718 !important;
  font-size: 16px;
}
.pass_avenir .pourquoi .correspondance span.pourcentage {
  font-size: 20px;
  font-weight: bolder;
}

.pass_avenir .pourquoi tr.ligne_entrees_autre_pk {
  margin-bottom: 100px;
}

.pass_avenir .pourquoi .pk_titre_sous_theme {
  background: transparent !important;
}

.pass_avenir .pourquoi .pk_titre_sous_theme h2 {
  color: #5e5e5e;
  text-transform: none;
}

.pass_avenir .pourquoi h3 {
  color: #ffffff;
}

.pass_avenir .pourquoi h2 {
  margin-top: 9px;
  margin-bottom: 9px;
  text-transform: uppercase;
  font-weight: bold;
}

.pass_avenir .pourquoi td.centre {
  background-color: white;
}

.pourquoi td.centre {
  border-left: 1px solid #c5c7c8;
}

tr.spacer td {
  border-top: 36px solid #f7f5f0;
}

td.noborder {
  border-bottom: 0px solid;
  background: #f7f5f0;
}

.btnsoft a {
  text-decoration: none;
}

a.fermer {
  padding: 9px 10px 9px 10px;
  background: url(../img/icon_fermer.png) no-repeat 0px center;
  text-decoration: none;
}

.fond_rond_droit {
  width: 150px;
  height: 150px;
  border: 5px solid #ffffff;
  border-radius: 160px;
  box-shadow: 0 0 8px #c5c5c5;
  display: block;
  text-align: center;
  animation-name: pulsation;
  animation-duration: 0.5s;
}

@keyframes pulsation {
  from {
    width: 155px;
    height: 155px;
  }
  to {
    width: 150px;
    height: 150px;
  }
  /*from{border:7px solid #ffffff;}
  to{border:5px solid #ffffff;}*/
}
.inforizon .fond_rond_droit {
  background: url(../img/bg-rond-resultats.png) center center no-repeat;
}

.transference .fond_rond_droit {
  background: url(../img/bg-rond-resultats.png) center center no-repeat;
}

.pass_avenir .fond_rond_droit {
  background: url(../img/bg-rond-resultats-passavenir.png) center center no-repeat;
}

#block-compteur {
  z-index: 100;
  width: 160px;
  height: 160px;
  float: right;
  margin: -240px 100px 0 0;
}

.inforizon #block-compteur {
  width: 160px;
  height: 200px;
  margin: -120px 100px 20px 0;
}

.fond_rond_droit {
  display: block;
}

#block-compteur .btn {
  margin-top: 18px;
  padding: 7px 5px;
}

#voir_dans_metier {
  display: block;
  margin: 10px 0 0 18px;
  font-weight: bold;
}

#compteur .fond_rond_droit span {
  display: block;
  padding: 15px 0;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  width: 140px;
}

#compteur .fond_rond_droit.txtlong span {
  font-size: 13px;
}

#compteur .fond_rond_droit strong { /*color:#efb000;*/
  font-size: 40px;
  width: 100%;
  color: #ffffff;
  display: block;
}

.competences #block-compteur {
  width: 160px;
  height: 200px;
  margin: -150px 90px 0 0;
}

.competences #block-compteur .btn.flr {
  margin-right: 15px;
  margin-top: 20px;
}

/*? commenter pour avoir la class is_stuck une fois qu'on a scroll? seulement */
/*
#block-compteur.compteur_analogie{ margin:-190px 100px 0 0 !important;}
*/
/* test pour modifier le compteur quand on a is_stuck */
#block-compteur.is_stuck #compteur {
  text-decoration: underline;
}

/*
#compteur{
        padding-top: 20px;
}
*/
.pass_avenir #compteur {
  width: 200px;
  float: right;
  margin: -190px 100px 0 0;
}

.pass_avenir .fond_rond_droit {
  float: right;
  display: block;
}

.pass_avenir a.btn, .pass_avenir a.btn_court {
  clear: both;
}

.btn_court {
  margin: 0px 9px 0px 9px;
}

.pass_avenir #compteur + .clear {
  height: 60px;
}

.pass_avenir #compteur .fond_rond_droit span {
  display: block;
  padding: 15px 0;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}

.pass_avenir #compteur .fond_rond_droit strong { /*color:#efb000;*/
  font-size: 40px;
  width: 100%;
  color: #ffffff;
  display: block;
}

.pass_avenir #compteur + .clear #voir_dans_metier {
  float: left;
  margin: 10px 0 0 18px;
}

.pass_avenir #compteur + .clear .btn.flr {
  margin-right: 100px;
  margin-top: -60px;
  width: 180px;
}

.pass_avenir #compteur + .clear .btn.flr.mt0 {
  margin-right: 100px;
  margin-top: 0px;
}

.pass_avenir #compteur.hierarchisation {
  width: 200px;
  float: right;
  margin: -175px 118px 0 0;
}

.pass_avenir #compteur.hierarchisation + .clear .btn.flr {
  margin: -10px 110px 20px 0;
}

.pass_avenir .criteres-choix .content.man {
  margin: 0;
}

.tal.mini-consigne {
  background: url("../img/fleche_bas_vert.png") no-repeat;
  background-position-y: 10px;
  height: 33px;
  padding: 0px 0 5px 36px;
  margin: 0 0 9px 42px;
}

a.btn.metierselections {
  margin-right: 70px;
  float: right;
}

.inforizon a.btn.metierselections { /*margin-right:0px;*/
  margin: -50px 0px 0 0px;
  width: 170px;
  z-index: 1000 !important;
}

.inforizon #effacer_selection {
  margin: -50px 0px 0 35px;
  z-index: 1000 !important;
}

.rond_droit h3#compteur span {
  display: block;
  padding: 30px 0 0 0;
}

.activation-bloc {
  margin: 0px auto 18px 0;
  width: 95%;
}

.btn_explo_voir_metier {
  margin-right: 90px;
}

.bloque_compteur_rond {
  width: 300px;
  float: right;
}

/*********************************************/
/*******  Questionnaire R?sultat 1  *********/
/********************************************/
#resultats .lienresume.court {
  width: 40px;
  margin: auto;
  margin-right: 3%;
  font-size: 13px;
  background: url(../img/icon_fleche_noir.png) no-repeat right center;
}

#resultats .ligne:hover .modifier {
  opacity: 1;
  width: 80px;
  font-size: 14px;
  height: 40px;
  margin: auto 20px;
  padding: 10px 20px;
  background: url(../img/icon-modifer-blanc.png) no-repeat left center;
}

#resultats .ligne:hover .preciser {
  opacity: 1;
  width: 80px;
  height: 40px;
  margin: auto;
  margin-right: 50px;
  padding: 10px 20px;
  background: url(../img/icon-modifer-blanc.png) no-repeat left center;
}

#resultats .preciser, #resultats .modifier {
  opacity: 0;
  width: 80px;
  height: 40px;
  margin: auto;
  margin-right: 50px;
  padding: 10px 20px;
}

.col2, .col2ok {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 18px; /* Chrome, Safari, Opera */
  -moz-column-gap: 18px; /* Firefox */
  column-gap: 18px;
}

.col3, .col3ok {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  -webkit-column-gap: 18px; /* Chrome, Safari, Opera */
  -moz-column-gap: 18px; /* Firefox */
  column-gap: 18px;
}

.col4, .col4ok {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
  -webkit-column-gap: 18px; /* Chrome, Safari, Opera */
  -moz-column-gap: 18px; /* Firefox */
  column-gap: 18px;
}

.txtcentre ul.col3 {
  display: flex;
  flex-direction: column;
}

.txtcentre ul.col3 li {
  width: 32%;
  margin-right: 1%;
  flex: 1 1 auto;
  display: flex;
}

/******************************************************************************************************************************/
/*******************************************************  Fiche metier   ******************************************************/
/******************************************************************************************************************************/
.fiche_metier .content {
  display: block;
  background: white;
  line-height: 21px;
  width: 1012px;
  margin-left: 36px;
  padding-bottom: 80px;
}
.fiche_metier .action_h1 {
  height: 25px;
}

#enbref .w40 {
  margin: 0 0px 0 0px;
}
#enbref .w60 {
  float: left;
}
#enbref p {
  text-align: justify;
  font-size: 15px !important;
  max-width: 574px;
  margin-bottom: 0;
  margin-left: 10px;
}
#enbref h2 {
  border-bottom: 2px solid #d4d4d4;
  max-width: 550px;
}

.fiche_metier .w50, .fiche_metier .w30, .fiche_metier .w40, .fiche_metier .w60 {
  float: left;
}

.fiche_metier .w100 {
  clear: both;
  display: block;
}

.fiche_metier .flexbox {
  flex-wrap: wrap;
  padding: 0;
  justify-content: flex-start;
  align-content: strech;
}

.fiche_metier .flexbox > .w50:first-child {
  margin-left: 0;
}

.fiche_metier .w25 {
  margin: 0 0 0 1%;
  flex: 1 0 25%;
}

.fiche_metier .w50 {
  flex: 1 1 49%;
}

.fiche_metier .flexbox .w50.rubrique {
  float: none;
  margin: 0 0 18px 0px;
  padding-right: 36px;
}

.fiche_metier .flexbox .w50.rubrique:first-child {
  float: none;
  margin: 0;
}

.fiche_metier .w100 + .w30 {
  margin: 0 0 0 0px;
  display: block;
}

.fiche_metier .w100 {
  clear: both;
}

.fiche_metier #main_top {
  padding-bottom: 0;
  margin-top: 10px;
}

.fiche_metier .cadre {
  width: 400px;
  height: 270px;
  float: left;
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  margin-bottom: 20px;
  margin-top: 18px;
}

.fiche_metier .cadre img {
  width: 550px;
  margin: auto 0 0 calc(50% - 275px);
  text-align: center;
}

.fiche_metier .w30 img {
  overflow: hidden;
  text-align: center;
  margin: auto;
}

.fiche_metier .w30 {
  display: block;
  min-height: 200px;
  margin-top: 10px;
  margin-left: 14px;
  margin-right: -8px;
}

.fiche_metier .bloc_flash {
  display: block;
  max-height: 600px;
  margin-top: 10px;
  margin-left: 14px;
  margin-right: -8px;
}

.fiche_metier h1 {
  width: 70%;
  margin: 0;
  display: block;
}

.fiche_metier .action_h1 {
  display: flex;
  float: left;
  margin-left: 18%;
  margin-bottom: 15px;
  margin-top: -10px;
}
.fiche_metier .action_h1 a {
  margin: 0;
}
.fiche_metier .action_h1 a.textePicto {
  margin-right: 30px;
  margin-top: 14px;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  color: #d4d4d4;
}

.fiche_metier .action_h1.ligne {
  background: none;
}

.fiche_metier h1 + h2 {
  display: block;
  padding: 18px 0 18px 70px;
  margin: 0 !important;
  font-size: 18px;
  color: #727272;
  background: transparent;
  font-weight: 400;
  border-bottom: none;
}

.explo h2, #condition_travail .w50.tac h2 {
  border-bottom: none;
}

#personnalites h2, #aptitude h2, #riasec h2 {
  padding: 0;
  font-size: 20px;
  border: none;
  color: #ffffff;
}

#perspectives h2 strong {
  float: right;
  font-size: 20px;
  padding-top: 6px;
}

#personnalites h2, #riasec h2 {
  padding-top: 8px;
  line-height: 18px;
}

#riasec .fs {
  font-size: 12px;
}

.flexbox.explo.pan h2.theme:not(.active)::after {
  content: url("../img/icon_plus_gras_blanc.png");
  opacity: 1;
  margin-top: 20px;
}

span.ligne_competence {
  display: block;
  text-align: left;
  clear: both;
}

.comp h3 {
  clear: both;
}

p > span.ligne_competence.active {
  background: url(../img/icon_moins.png) no-repeat right 4px;
}

.voir_definition_competence {
  float: left;
  display: block;
  background: url(../img/icon_plus_gras_blanc.png) no-repeat;
  width: 20px;
  height: 20px;
  margin-top: 9px;
  margin-right: 0px;
}

.voir_definition_competence.active {
  background: url(../img/icon_moins_gras_blanc.png) no-repeat;
}

.ligne_competence span.titre_competence {
  width: 99%;
  font-weight: bold;
  font-size: 14px;
  display: block;
  float: left;
  /*padding-right:18px;*/
  margin-left: 18px;
}

.ligne_competence span.titre_competence.competence_essentielle {
  background: url(../img/icon_plus_vert.png) no-repeat center left;
}

.ligne_competence span.titre_competence.competence_essentielle.active {
  background: url(../img/icon_moins_vert.png) no-repeat center left;
}

.ligne_competence span.titre_competence.competence_secondaire {
  background: url(../img/icon_plus.png) no-repeat center left;
}

.ligne_competence span.titre_competence.competence_secondaire.active {
  background: url(../img/icon_moins.png) no-repeat center left;
}

.etoiles_fiche {
  width: 60px;
  display: block;
  float: left;
  text-align: right;
  min-height: 20px;
  height: 100%;
  padding-right: 5px;
}

.etoile_fiche {
  background: url(../img/etoile_fiche.png) no-repeat;
  background-size: cover;
  width: 16px;
  height: 14px;
  display: inline-block;
  margin: 0 0 0 -2px;
}

.etoile_fiche.essentielle {
  background: url(../img/icon_favoris_vert2.png) no-repeat;
  background-size: cover;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0 1px 0 1px;
}

.fiche_metier h2, .fiche_metier .rubrique h2, .fiche_metier .rubrique_soft h2 {
  width: 100%;
  height: auto;
  line-height: 1.2;
  padding: 18px 36px 18px 72px;
  margin: 0px 0px 18px 0px;
  clear: both;
  display: block;
  font-weight: 500;
  font-size: 25px;
}

.fiche_metier #competences h2, .fiche_metier #competences_holland h2 .fiche_metier #details h2, .fiche_metier #enbref h2, .fiche_metier #japro h2 {
  width: 96%;
  height: auto;
  line-height: 1.2;
  padding: 18px 36px 18px 72px;
  margin: 0px 0px 18px 0px;
  clear: both;
  display: block;
  font-weight: 500;
  font-size: 25px;
  margin-left: 20px;
}

.fiche_metier #familles h2 {
  padding: 18px 157px 18px 26px;
}
.fiche_metier #domaines h2 {
  padding: 18px 122px 18px 24px;
}

.fiche_metier #commentaire h2 {
  margin-bottom: 0;
}

.pass_avenir.fiche_metier #competences h2 .encyclo.fiche_metier #competences .flexbox .comp h2,
.pass_avenir.fiche_metier #competences .flexbox .comp h2,
.transference.fiche_metier #competences .flexbox .comp h2,
.inforizon.fiche_metier #competences .flexbox .comp h2,
.fiche_metier #competences .flexbox .comp h2 {
  background-image: none !important;
  background-size: 40px;
}

.fiche_metier .btn.soft {
  border: 1px solid #000000;
  padding-top: 8px;
  text-decoration: none;
}

.fiche_metier #condition_travail img + h2 {
  margin: 0px auto 18px 18px;
  font-size: 20px;
  min-height: 50px;
  max-width: fit-content;
  padding-left: 0;
}

.fiche_metier #condition_travail img + h3 {
  text-transform: none;
  margin: 6px auto 18px auto;
  font-size: 20px;
  font-style: normal;
  min-height: 50px;
}

.fiche_metier #condition_travail .arbo h3 {
  text-align: left;
}

.fiche_metier #condition_travail h5 {
  font-size: 15px;
  padding-bottom: 0px;
  margin: 18px 0;
  text-transform: uppercase;
}

.fiche_metier h4 {
  width: 100%;
  padding: 36px 0 18px 0;
  margin: 0;
  clear: both;
  display: block;
  background: transparent;
  font-weight: bold;
  font-size: 16px;
  border: none;
  border: 0;
}

.fiche_metier #details {
  display: block;
  clear: both;
  margin-top: 30px;
}

.read + [data-readmore-toggle] {
  height: 50px;
}

.read + [data-readmore-toggle] a {
  border-radius: 18px;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: normal;
  height: 36px;
  min-width: 160px;
  padding: 7px 30px;
  text-align: center;
  text-decoration: underline;
  max-width: 160px;
  margin: 18px 0 36px 18px;
  float: right;
}

#chart-tooltip {
  font-weight: bold;
}

.inforizon .read + [data-readmore-toggle] a {
  background: #ffffff;
  color: #64615f;
  text-decoration: none;
  padding-top: 10px;
}

.flexbox.explo.pan {
  margin: 36px auto;
}

.flexbox.explo.pan .arbo h3 + p {
  /*padding:0 9px 9px 48px;*/
  background: rgba(255, 255, 255, 0.25);
}

.encyclo .flexbox.explo > div:nth-of-type(odd) {
  background: white;
  border: 1px solid #d4d4d4;
}

.encyclo .flexbox.explo > div:nth-of-type(even) {
  background: white;
  border: 1px solid #d4d4d4;
}

.fiche_metier span.fond-titre {
  display: block;
  border-radius: 6px 6px 0 0;
}

.inforizon.fiche_metier #personnalites > span {
  background: #f8a52c;
}

.transference.fiche_metier #personnalites > span {
  background: #008abb;
}

.pass_avenir.fiche_metier #personnalites > span {
  background: #eb6520;
}

.encyclo.fiche_metier #personnalites span {
  background: #73952c;
}

.espace_perso.fiche_metier #personnalites span {
  background: #00929b;
}

.vvvd.fiche_metier #personnalites span {
  background: #903f8f;
}

.japro.fiche_metier #personnalites span {
  background: #b51d23;
}

.inforizon.fiche_metier #aptitude > span {
  background: #fcc302;
}

.transference.fiche_metier #aptitude > span {
  background: #3c9ece;
}

.pass_avenir.fiche_metier #aptitude > span {
  background: #ec7718;
}

.encyclo.fiche_metier #aptitude > span {
  background: #88a627;
}

.espace_perso.fiche_metier #aptitude > span {
  background: #0ca6af;
}

.vvvd.fiche_metier #aptitude > span {
  background: #6b4294;
}

.japro.fiche_metier #aptitude > span {
  background: #e9252e;
}

.inforizon.fiche_metier #riasec > span {
  background: #fcc302;
}

.transference.fiche_metier #riasec > span {
  background: #66b5d8;
}

.pass_avenir.fiche_metier #riasec > span {
  background: #f8a52c;
}

.encyclo.fiche_metier #riasec > span {
  background: #b0d055;
}

.espace_perso.fiche_metier #riasec > span {
  background: #14b0ba;
}

.vvvd.fiche_metier #riasec > span {
  background: #4d4196;
}

.japro.fiche_metier #riasec > span {
  background: #b51d23;
}

h2 + .col2 h3 {
  padding: 0px 18px 9px 59px;
}

.fiche_metier .content ul {
  padding: 0 0 0 108px;
}

.fiche_metier #preference ul, .fiche_metier #autre_appelation ul {
  padding: 0 0 0 72px;
}

.fiche_metier #familles ul {
  padding: 0 0 0 18px;
}

.fiche_metier .arbo h3:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
  border-top: 1px solid #b3b2b2;
}

.fiche_metier .arbo h3:nth-of-type(even) {
  background: rgba(0, 0, 0, 0.02);
  border-top: 1px solid #b3b2b2;
}

.fiche_metier #details .arbo h3 {
  margin-left: 20px;
  margin-right: 21px;
}

/*
.fiche_metier .arbo h3 + p {padding:0 47px 12px 108px; text-align:justify;}
*/
.fiche_metier #competences .arbo h3 + p {
  padding: 0 0px 12px 0px;
}

.fiche_metier #formation {
  background: white;
  border-radius: 6px;
}

/*
.fiche_metier #formation p{background:transparent; max-width:60%; padding-left:108px;}
*/
.fiche_metier p.w100 {
  max-width: 100%;
  width: 100%;
}

.fiche_metier #formation .clear + p {
  max-width: 100%;
  width: 100%;
}

.fiche_metier #formation p.w100 {
  max-width: 100%;
  width: 100%;
}

.fiche_metier #formation .btn.soft {
  margin: 18px 0 18px 0;
  color: #000000;
}

.fiche_metier #formation .btn.soft + .btn.soft {
  margin-left: 18px;
}

.fiche_metier #formation .liens a {
  line-height: 30px;
}
.fiche_metier #formation .liens a.couleur {
  line-height: 21px;
}

/*
.fiche_metier #formation .w100.col2 p{max-width:65%;}
*/
.fiche_metier #domaines li h5 {
  margin: 0;
  padding: 0;
}

/*
.fiche_metier #documentation p,
.fiche_metier #sites_utiles  h3 + a,
.fiche_metier #sites_utiles  p,
.fiche_metier #videos p{background:transparent; max-width:70%; padding:0 0 0 90px; }
*/
/*
.fiche_metier #perspectives p,  .fiche_metier #revenus p{max-width:65%; margin-left:90px;}
*/
.flexbox.explo {
  margin: 18px auto;
  text-align: center;
}

.flexbox.explo > div:nth-of-type(odd) {
  background: white;
  border-radius: 9px;
  padding-bottom: 27px;
  margin-bottom: 0;
  border: 1px solid #d4d4d4;
}

.flexbox.explo > div:nth-of-type(even) {
  background: white;
  border-radius: 9px;
  padding-bottom: 27px;
  margin-bottom: 0;
  border: 1px solid #d4d4d4;
}

.fiche_metier #sites_utiles h3, .fiche_metier #videos h3, .fiche_metier #documentation h3 {
  margin-bottom: 0;
}

#condition_travail .flexbox {
  flex-wrap: wrap;
  padding: 0;
  justify-content: flex-start;
  align-content: stretch;
}

#condition_travail .w50:nth-of-type(1), #condition_travail .w50:nth-of-type(3) {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 9px;
  padding-bottom: 9px;
  margin-bottom: 0;
}

#condition_travail .w50:nth-of-type(2), #condition_travail .w50:nth-of-type(4) {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 9px;
  padding-bottom: 9px;
  margin-bottom: 0;
}

#condition_travail .w50 {
  padding: 18px 9px;
  margin: 18px 9px 18px 9px;
  flex: 1 0 49%;
  max-width: 48%;
}

#condition_travail.rubrique {
  padding-top: 0;
}

.fiche_metier #familles, .fiche_metier #domaines {
  border: 2px solid #d4d4d4;
  border-radius: 6px;
  margin-bottom: 30px;
  margin-top: 2px;
  min-height: 290px;
  width: 480px;
}

.fiche_metier #familles {
  margin-right: 18px;
  margin-left: 16px;
}

.flexbox.explo img {
  width: 100px;
  height: 100px;
  margin: 0px auto 0 auto;
}

.flexbox.explo .arbo {
  text-align: left;
}

.explo .arbo h3 {
  padding: 4px 18px;
  font-size: 16px;
}

.flexbox.explo img {
  margin: 0px auto 0 0px;
  float: left;
}

#personnalites h2, #aptitude h2, #riasec h2 {
  float: left;
  width: 63%;
  text-align: center;
  clear: none;
  margin-top: 18px;
}

#aptitude h2 {
  margin-top: 36px;
}

.arbo.non_ouvert_depart {
  clear: both;
}

#sites_utiles h3 + a {
  padding-left: 18px;
}

.fiche_metier #formation h3, .fiche_metier #perspectives h3 {
  padding: 12px 18px;
  margin: -5px 0px -10px 0px;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0.5px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}

.fiche_metier #japro h3 {
  padding: 12px 18px;
  margin: -5px 0px -10px 19px;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0.5px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  max-width: 974px;
}

.fiche_metier #japro .bloc_japro_replay .bloc_japro_a_venir {
  display: block;
  max-width: 974px;
  height: 230px;
}

/*A garder afin d'avoir un bon affichage si plusieurs videos*/
.fiche_metier .bloc_japro_replay {
  display: block;
  max-width: 974px;
  height: 230px;
}

.fiche_metier #video h3, .fiche_metier #documentation h3, .fiche_metier #sites_utiles h3 {
  padding: 12px 18px;
  margin: 18px 0 18px 0;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0.5px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}

.fiche_metier #perspectives h3.fm_emploi_insertion {
  margin-bottom: 10px;
}

.fm_offre_emploi {
  margin-top: 10px;
}

.fiche_metier #perspectives .fm_offre_emploi h3.titre_5_print {
  margin-top: 25px;
  margin-bottom: 15px;
}

.fiche_metier #documentation h3.titre_4_print {
  margin-bottom: 0;
}

.fiche_metier #sites_utiles h3.titre_4_print {
  margin-bottom: 0;
  margin-top: 45px;
}

.fiche_metier #sites_utiles h3.titre_4_print:first-of-type {
  margin-bottom: 0;
  margin-top: 0px;
}

/* todo : ? voir */
.fiche_metier p + br {
  display: none;
}

.fiche_metier #japro .description {
  display: flex;
  margin-top: 8px;
  padding-top: 19px;
  max-width: 600px;
}

.fiche_metier #japro a.btn:hover {
  background-color: #cc4451;
  color: #ffffff;
}

.fiche_metier #japro a.lien_simple {
  color: #cc4451;
}

.fiche_metier .block-video {
  clear: both;
  display: none;
  padding: 18px;
}

.fiche_metier h2 + h3 {
  padding-top: 0;
}

.fiche_metier .rubrique:nth-of-type(odd) {
  background: transparent;
}

.fiche_metier .rubrique:nth-of-type(even) {
  background: white;
  border-radius: 6px;
}

#condition_travail img {
  border-radius: 80px;
  height: 80px;
  width: 80px;
  float: right;
  margin: 9px 36px 18px 0;
}

#condition_travail img + h2 {
  width: 280px;
  float: left;
  background: none;
  clear: none;
  margin: 18px 0 0 0;
  padding: 9px 0 0 18px;
  text-align: left;
  line-height: 78px;
}

#condition_travail h2 + .arbo {
  width: 100%;
  clear: both;
}

/* couleurs des ronds dans conditions de travail */
.inforizon #condition_travail img {
  background: #ea9000;
}

.pass_avenir #condition_travail img {
  background: #eb6520;
}

.transference #condition_travail img {
  background: #008abb;
}

.encyclo #condition_travail img {
  background: #73952c;
}

.japro #condition_travail img {
  background: #d9262e;
}

.vvvd #condition_travail img {
  background: #a9436e;
}

#competences h3 strong {
  font-size: 22px;
}

#competences h3 {
  margin: auto;
  padding-top: 9px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}
#competences h3.compteur_competence {
  margin-top: 10px;
  margin-bottom: 10px;
}

.fiche_metier .liens h3, .fiche_metier #videos h3 {
  padding: 9px 18px 9px 59px;
}

.fiche_metier .rubrique {
  padding: 30px 18px;
  margin: 0;
}

.fiche_metier .rubrique_soft {
  background: transparent;
  padding: 18px 18px 18px 18px;
  margin: 0 0 -40px 0;
}

.fiche_metier .rubrique#documentation {
  padding-top: 0;
  margin-top: 35px;
}

.fiche_metier .rubrique#videos {
  padding-top: 0;
  margin-top: 65px;
}

.fiche_metier .col2 {
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1;
  -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
  -moz-column-gap: 0px; /* Firefox */
  column-gap: 0px;
}

#competences {
  padding-bottom: 18px;
  display: block;
}

#competences img {
  width: 100%;
}

#competences .w70 {
  float: right;
  width: 65%;
  margin: 0 0 0 18px;
}

#competences .flexbox {
  flex-wrap: wrap;
  padding: 0;
  justify-content: center;
  align-content: center;
}

.fiche_metier #criteres {
  background: rgba(0, 0, 0, 0.05);
  padding: 18px;
}

#competences .comp {
  max-width: 32%;
  min-height: 100px;
  border: 1px solid #b6b4b5;
  padding: 0 0 9px 0;
  margin: 9px 5px 9px 0;
  flex: 1 1 32%;
}

#competences .comp div {
  padding-bottom: 9px;
}

#competences .comp:nth-child(n+4) { /* flex:1 1 25%;*/ }

#competences .comp.graphique {
  border: none;
  text-align: center;
}

#competences .comp.graphique text {
  font-size: 90%;
}

/* AFFICHAGE LEGEND GRAPHIQUE !*/
#competences .comp.graphique img {
  width: 200px;
  float: none;
  height: 200px;
  margin: 9px auto 0 auto;
}

#competences .comp.graphique p {
  width: 100%;
  display: block;
}

#competences .comp img {
  width: 40px;
  float: left;
  margin: 6px 4px 0 0px;
}

#competences .comp li {
  margin: 0;
}

#competences .comp p span.ligne_competence {
  font-size: 14px;
  padding: 0px;
  color: #333;
  cursor: pointer;
}

#competences .comp p span.ligne_competence span.ligne_competence {
  padding: 18px;
}

.ligne_pourquoi.active.vert td[name=titre] {
  background: url(../img/icon_moins_vert.png) no-repeat right 15px;
}

p span.ligne_competence .ligne_competence {
  padding: 0px 0px 9px 0px;
}

#competences .comp .arbo p {
  margin: 0;
  padding: 9px 0px;
  text-align: left;
}

#competences .comp ul {
  padding: 0;
  margin: 0;
}

#competences .comp h3 {
  padding: 18px 18px 5px 18px;
  margin: 0;
  font-size: 16px;
  color: #1a1a1a;
  text-align: left;
  font-weight: 600;
}

#competences .comp p {
  padding-bottom: 0;
}

#competences .comp h3 + p {
  display: block;
}

#competences p {
  display: block;
  padding: 5px;
}

#competences .comp.jaune {
  color: #1a1a1a;
}

#competences .comp h2 {
  margin: 0;
  text-align: left;
  padding: 9px;
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  font-size: 22px;
  font-weight: 500;
  border-bottom: none !important;
}

#competences .comp h2::before {
  content: "";
  display: inline;
  float: left;
  margin: 5px 5px 0 9px;
  padding: 0;
}

#competences .comp.jaune h2 {
  background-color: rgb(248, 165, 44);
  color: #ffffff;
  text-align: center;
  padding-right: 40px;
  width: 100%;
}

#competences .comp.orange h2 {
  background-color: rgb(235, 101, 32);
  color: #ffffff;
  text-align: center;
  padding-right: 40px;
  width: 100%;
}

#competences .comp.bleu h2 {
  background-color: rgb(0, 138, 187);
  color: #ffffff;
  text-align: center;
  padding-right: 40px;
  width: 100%;
}

#competences .comp.vert h2 {
  background-color: rgb(127, 168, 41);
  color: #ffffff;
  text-align: center;
  padding-right: 40px;
  width: 100%;
}

#competences .comp.rouge h2 {
  background-color: rgb(215, 38, 45);
  color: #ffffff;
  text-align: center;
  padding-right: 40px;
  width: 100%;
}

#competences .comp.magenta h2 {
  background-color: rgb(0, 146, 145);
  color: #ffffff;
  text-align: center;
  padding-right: 40px;
  width: 100%;
}

#competences .comp.violet h2 {
  background-color: rgb(167, 39, 113);
  color: #ffffff;
  text-align: center;
  padding-right: 40px;
  width: 100%;
}

#competences .comp.jaune {
  border: 1px solid #ea9000;
  color: #1a171b;
  background: #ffffff;
}

#competences .comp.orange {
  border: 1px solid #eb6520;
  color: #1a171b;
  background: #ffffff;
}

#competences .comp.bleu {
  border: 1px solid #008abb;
  color: #1a171b;
  background: #ffffff;
}

#competences .comp.vert {
  border: 1px solid #73952c;
  color: #1a171b;
  background: #ffffff;
}

#competences .comp.rouge {
  border: 1px solid #d6252d;
  color: #1a171b;
  background: #ffffff;
}

#competences .comp.magenta {
  border: 1px solid #00929b;
  color: #1a171b;
  background: #ffffff;
}

#competences .comp.violet {
  border: 1px solid #a72771;
  color: #1a171b;
  background: #ffffff;
}

#competences .comp {
  border-radius: 9px;
}

/******************************************************************************************************************************/
/****************************************************  Arbo ouvert/ferm?  *****************************************************/
/******************************************************************************************************************************/
.arbo h3:hover {
  text-decoration: none !important;
}

.arbo {
  display: block;
  width: 100%;
}

.arbo h3, .arbo h4, h2.theme {
  cursor: pointer;
}

.arbo h3::before, .arbo h4::before {
  display: inline-block;
  padding: 0px;
  margin: 5px 9px 0 0;
  content: url(../img/icon_plus.png);
  width: 20px;
  height: 20px;
  z-index: 1;
  opacity: 0.5;
}

.arbo_v2 h3::before {
  display: inline-block;
  content: url("../img/icon_plus_gras.png");
  opacity: 0.7;
  cursor: pointer;
  margin-right: 9px;
}
.arbo_v2 h3.active::before {
  content: url("../img/icon_moins_gras.png");
}

#condition_travail .arbo h3::before,
.arbo_v2 .arbo h3::before {
  float: left;
  margin: 0px 12px 0 0;
}

#condition_travail .arbo h3,
.arbo_v2 .arbo h3 {
  padding: 9px 18px;
  margin: 0;
}

.arbo_v2 .arbo h3 {
  background: none !important;
  border: none !important;
  font-size: 16px !important;
}

.arbo_v2 h3.titre_5_print {
  margin-bottom: 5px;
}

.arbo_v2, #famille {
  padding-bottom: 10px;
}

.arbo h4:hover::before {
  content: url(../img/icon_plus.png);
  opacity: 1;
}

.arbo h4.active::before {
  content: url(../img/icon_moins.png) no-repeat;
  transition: all 0.2sec ease-in-out;
  opacity: 0.7;
}

.arbo h3.active:hover::before, .arbo h4.active:hover::before {
  content: url(../img/icon_moins.png) no-repeat;
  transition: all 0.2sec ease-in-out;
  opacity: 1;
}

.arbo h3.active::before, h2.theme.active::after {
  content: url("../img/icon_moins_gras.png");
  opacity: 1;
}

h2.theme::after {
  float: left;
}

.arbo h3::before, h2.theme::after {
  content: url(../img/icon_plus_gras.png);
  opacity: 0.7;
}

.encyclo h2.theme::after {
  content: url(../img/icon_plus_gras_vert.png);
}

.transference h2.theme::after {
  content: url(../img/icon_plus_gras_bleu.png);
}

.inforizon h2.theme::after {
  content: url(../img/icon_plus_gras_jaune.png);
}

.pass_avenir h2.theme::after {
  content: url(../img/icon_plus_gras_orange.png);
}

.encyclo h2.theme.active::after {
  content: url(../img/icon_moins_gras_vert.png);
}

.transference h2.theme.active::after {
  content: url(../img/icon_moins_gras_bleu.png);
}

.inforizon h2.theme.active::after {
  content: url(../img/icon_moins_gras_jaune.png);
}

.pass_avenir h2.theme.active::after {
  content: url(../img/icon_moins_gras_orange.png);
}

.fiche_metier #personnalites h2.theme.active::after,
.fiche_metier #aptitude h2.theme.active::after,
.fiche_metier #riasec h2.theme.active::after {
  content: url(../img/icon_moins_gras_blanc.png) !important;
  margin-top: 20px;
}

/*
.transference .arbo h3.active:hover::before,.transference   h2.theme.active:hover::after,
.inforizon .arbo h3.active:hover::before,.inforizon  h2.theme.active:hover::after,
.pass_avenir .arbo h3.active:hover::before,.pass_avenir   h2.theme.active:hover::after
{
        content: url(../img/icon_moins_gras_blanc.png);
        transition:all 0.2sec ease-in-out;
        opacity:1;}
*/
.inforizon .arbo h3:hover {
  color: #ea9000;
}

.pass_avenir .arbo h3:hover {
  color: #eb6520;
}

.transference .arbo h3:hover {
  color: #008abb;
}

.encyclo .arbo h3:hover {
  color: #73952c;
}

.japro .arbo h3:hover {
  color: #cc4451;
}

.espace_perso .arbo h3:hover {
  color: #00929b;
}

.fiche_metier h3 {
  font-weight: bold;
  padding: 9px 18px 12px 18px;
  margin: 0;
}

.fiche_metier #personnalites h2, .fiche_metier #aptitude h2, .fiche_metier #riasec h2 {
  background: none;
  margin-left: 19px;
}

.fiche_metier .arbo h3 {
  padding: 9px 0 9px 25px;
}

.fiche_metier #details h2 {
  margin-bottom: 0;
  border-bottom: 2px solid #d4d4d4;
  max-width: 995px;
}

.fiche_metier #competences h2 {
  border-bottom: 2px solid #d4d4d4;
  max-width: 995px;
}

.fiche_metier #perspectives h2 {
  margin-top: -20px;
  margin-bottom: 20px;
}

.fiche_metier #details .arbo h3:nth-of-type(1) {
  border-top: none !important;
}

.flexbox.explo .arbo h3 {
  padding: 9px 9px 9px 18px;
}

/*.flexbox.explo .arbo h3::before, #competences .comp .arbo h3::before{
        display:inline-block;
    padding:0px;
        margin:5px 9px 0 0;
        content:'';
        width: 20px;
        height: 20px;
        background:  url(../img/icon_plus.png)  no-repeat left center;
    z-index: 1;
        background-size:90%;
        float:left;
}
.fiche_metier .flexbox.explo .arbo h3::before{margin:0px 9px 0 0;}*/
.flexbox.explo .arbo h3.active::before, #competences .comp .arbo h3.active::before {
  content: "";
  background: url(../img/icon_moins_gras.png) no-repeat left center;
  background-size: 90%;
  transition: all 0.6sec ease-in-out;
}

.flexbox.explo .arbo h3:hover::before, #competences .comp .arbo h3:hover::before {
  background-size: 100%;
  transition: all 0.6sec ease-in-out;
}

.fiche_metier p.large {
  margin-left: 30px;
  padding: 9px 0px 8px 29px;
  max-width: 1000px;
  margin-bottom: -10px;
}

.fiche_metier p.DeuxCols {
  margin-left: 30px;
  margin-right: 21px;
  padding: 9px 0px 8px 29px;
  max-width: 1000px;
  margin-bottom: 10px;
  line-height: 22px;
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-gap: 60px;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
}

.fiche_metier .fm_formation p.large.read {
  margin-top: 0px;
}

.fiche_metier p.large.fm_diplome {
  margin-bottom: 20px;
}

.fiche_metier p.large.read {
  margin-top: -20px;
}

#perspectives p.large.read:last-child {
  margin-bottom: 20px;
}

.fiche_metier #videos p.large {
  margin-bottom: 0px;
  margin-top: -25px;
}

.fiche_metier p.large.fm_vae {
  margin-bottom: 0px;
  margin-top: 10px;
}

.fiche_metier .content p {
  padding: 18px;
  text-align: left;
  line-height: 22px;
}

.fiche_metier a.lien_metier {
  cursor: pointer;
}
.fiche_metier a.lien_metier:hover {
  color: #d4d4d4;
}
.fiche_metier a.lien_metier:visited {
  color: #660099;
}

#competences .comp .arbo h3::before {
  margin: 0px 0px 0 0;
}

.fiche_metier #japro .w100 {
  display: flex;
  align-items: stretch;
}

.fiche_metier #japro .w30 {
  margin: 0px 18px 0 0;
  display: block;
  min-height: 200px;
}

.fiche_metier #japro .w30:last-child {
  margin: 0;
}

.fiche_metier #japro .w30 iframe {
  display: block;
}

.pourquoi img.oui {
  width: 20px;
  height: 20px;
}

.pourquoi img.non {
  width: 20px;
  height: 20px;
}

.inforizon .pourquoi table {
  margin-top: 36px;
}

/******************************************************************************************************************************/
/********************************************************  PASS AVENIR ********************************************************/
/******************************************************************************************************************************/
/****************************************/
/*********   Auto-?valuation   **********/
/****************************************/
#autoev_question.w90 {
  max-width: 90%;
}

#autoev_question a.chk_style {
  height: 50px;
}

table#autoev_question {
  margin-top: 0px;
  border-collapse: separate;
  border-spacing: 0px;
  border-radius: 6px;
  border: #c5c7c8 solid 1px;
  max-width: 1250px;
  width: 1250px;
}

table#autoev_question tr:first-child {
  border-radius: 6px 6px 6px 6px;
}

#autoev_question thead {
  color: #ffffff;
}

#autoev_question thead tr {
  background: #ec7718;
  border-bottom: 1px solid #eb6520;
  border-top: 1px solid #eb6520;
}

#autoev_question thead tr:hover {
  background: #ec7718;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

#autoev_question thead th {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

#autoev_question thead th:first-child {
  border-left: none;
}

#autoev_question thead td {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

#autoev_question thead td:first-child {
  border-left: none;
}

#autoev_question thead h2 {
  text-align: left;
  margin: 0;
  font-weight: bold;
}

#autoev_question.condition-travail thead tr {
  background: #ec7718;
  border-bottom: 1px solid #eb6520;
  border-top: 1px solid #eb6520;
}

#autoev_question.condition-travail thead:hover tr td {
  background: #eb6520;
  border-bottom: 1px solid #eb6520;
  border-top: 1px solid #eb6520;
}

#autoev_question.condition-travail thead.active tr {
  background: #ec7718;
  border-bottom: 1px solid #eb6520;
  border-top: 1px solid #eb6520;
}

#autoev_question.familles tr td {
  padding: 1px auto;
}

#autoev_question.condition-travail thead tr, .autoev_question.condition-travail thead label {
  cursor: pointer;
}

#autoev_question.condition-travail thead td:nth-child(2) {
  background: #ec7718;
}

#autoev_question.condition-travail tr td:nth-child(2) {
  width: 915px;
}

#autoev_question + .patn, #autoev_question + * + .patn {
  height: 100px;
  display: block;
}

#autoev_question td {
  padding: 9px 18px 12px 18px;
  text-align: center;
}

#autoev_question.familles td p:first-child {
  margin-top: 20px;
}

#autoev_question td p {
  float: none;
  max-width: 80%;
}

#autoev_question.familles td p {
  float: left;
  width: 60%;
}

#autoev_question.familles td p + p {
  margin-bottom: 0;
  float: left;
  width: 35%;
}

#autoev_question tr:hover {
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}

/*#autoev_question tr:hover td:nth-child(n+2) {background:rgba(255, 255, 255, 0.02); z-index:100; cursor:pointer;}*/
#autoev_question tr:hover td:nth-child(2):hover,
#autoev_question tr:hover td:nth-child(3):hover,
#autoev_question tr:hover td:nth-child(4):hover { /*background:/*#ec8b2b*/ /*#ec7718;*/
  z-index: 100;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5);
  color: #000000;
}

#autoev_question.condition-travail thead td:nth-child(2):hover {
  background: #eb6520;
}

#autoev_question tr:hover td:nth-child(2):hover, td.lettre_holland:hover {
  color: #000000;
}

td.lettre_holland {
  font-size: 60px;
  font-weight: 700;
  text-align: center !important;
  color: #eb6520;
}

.lettre_holland + td {
  text-align: left;
}

#autoev_question.familles td:first-child {
  max-width: 150px;
  width: 150px;
}

#autoev_question.familles th:last-child {
  max-width: 200px;
  width: 200px;
}

#autoev_question tr td:first-child {
  text-align: center;
  font-size: 35px;
  color: #eb6520;
  font-weight: bold;
  min-width: 70px;
}

#autoev_question td:nth-child(2) {
  text-align: left;
}

#autoev_question tr:hover td:nth-child(2):hover {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

#autoev_question.holland td:hover {
  background: transparent;
}

#autoev_question td label {
  background: url(../img/icon_plus_gras.png) no-repeat center left;
  padding-left: 36px;
}

#autoev_question thead.active td label {
  background: url(../img/icon-moins-big.png) no-repeat center left;
}

#autoev_question.condition-travail td label {
  background: url(../img/icon-plus-big.png) no-repeat center left;
  padding: 18px 0px 18px 54px;
  background-size: 25px;
}

#autoev_question .condition-travail thead.active td label {
  background: url(../img/icon-moins-big.png) no-repeat center left;
  background-size: 25px;
}

#autoev_question td label {
  font-size: 18px;
  font-weight: 400;
  max-width: 80%;
}

#autoev_question.condition-travail thead td label {
  font-size: 18px;
  font-weight: bold;
  max-width: 80%;
  color: #ffffff;
  text-align: left;
  margin-left: 18px;
}

table#autoev_question .fond-vert {
  border: 1px solid #3fb39c;
  background: rgba(0, 0, 0, 0.15);
}

table#autoev_question .fond-vert:hover {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

table#autoev_question .fond-vert .consigne::before {
  margin-left: 0px;
}

#autoev_question.condition-travail td:first-child {
  min-width: 100px !important;
  max-width: 100px !important;
  width: 100px !important;
}

#autoev_question.condition-travail thead td:nth-child(n+2) {
  min-width: 200px;
  width: 200px;
}

#autoev_question.condition-travail thead td a {
  width: 100%;
  line-height: 60px;
  padding-left: 54px;
  color: #ffffff;
}

#autoev_question.condition-travail thead td a:hover {
  color: #ffffff;
}

#autoev_question.condition-travail th span.consigne {
  margin-top: 9px;
  display: block;
}

#autoev_question.condition-travail th span.consigne::before {
  margin-top: -5px;
}

#autoev_question.condition-travail td:first-child {
  text-align: left;
}

#autoev_question form + a.btn.soft {
  float: left;
  left: 10px;
  bottom: 90px;
  position: relative;
  color: #5d5d5d;
}

.consigne.w5 {
  display: flex;
}

.consigne.w5 img {
  margin: auto;
}

/************    AUTOEVALUATION DROPZONE   ***************/
.autoevaluation.selection .w100.mat0 {
  margin-top: 0 !important;
  display: block;
  border: 1px solid #cbcaca;
  border-radius: 6px;
  padding: 9px 18px;
}

.autoevaluation.selection .w100.mat0 h2 + p {
  padding: 18px;
  min-height: 0px;
}

#autoev_question.familles .paradroite {
  border-left: 1px solid #c2c2c2;
  margin-left: 18px;
  padding-left: 18px;
  width: 30%;
}

.autoevaluation .bloccritere {
  background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
  border: 2px dotted #cbcaca;
  border-radius: 6px;
  padding: 9px 18px;
  margin-top: -20px;
  position: relative;
  display: flex;
  flex-direction: column;
}

section.bloccritere p.consigne {
  width: 100%;
  max-width: 100%;
}

.autoevaluation .dropzone .placeholder, .autoevaluation .criteres .placeholder {
  width: 130px;
  margin: 10px;
  display: inline-flex;
  list-style: none;
  height: 40px;
  line-height: 20px;
  padding: 9px 9px;
  text-align: center;
  box-sizing: border-box;
  border: 1px dashed #999897;
  border-radius: 9px;
}

.autoevaluation .dropzone li a {
  font-size: 14px;
  text-decoration: none;
  padding: 10px 35px 10px 10px;
  text-align: center;
  background: #ec7718 url(../img/icon_infos_hover.png) no-repeat 95% center;
  background-size: 20px;
  cursor: move;
  color: #000000;
  border-radius: 6px;
}

.autoevaluation .dropzone {
  border-radius: 6px;
}

.dropzone.courte {
  width: 190px;
}

.autoevaluation .dropzone li {
  margin: 10px;
  display: block;
  list-style: none;
  height: 40px;
  line-height: 20px;
  padding: 10px 10px;
  text-align: center;
  border: none;
  box-sizing: border-box;
  border-radius: 6px;
  float: left;
}

/*.autoevaluation .dropzone li:nth-child(even) a{ background: #ea9b65;}*/
.autoevaluation .dropzone li:nth-child(odd) a {
  background-color: #ec7718;
}

.autoevaluation .dropzone li:hover {
  background-color: #eb6520;
}

.criteres-choix .drop, .autoevaluation .drop {
  margin: 10px;
}

.autoevaluation .dropzone {
  display: block;
  min-height: 70px;
  border: 1px dashed #999897;
  margin: 0 0 20px;
  padding: 9px;
  /*padding-bottom: 70px;*/
  overflow: hidden;
  /*display:block;	*/
}

.autoevaluation .draggable {
  transition: none;
}

.dropzone + h3 {
  width: 100%;
  display: block;
}

ul.dropzone {
  width: 100%;
}

/*.criteres-choix .dropzone {
        float: left;
        border: 1px dashed #999897;
        margin: 0;
        padding: 20px;
        width:98%;
        min-height:400px;
        }*/
.autoevaluation .block-critere {
  width: 130px;
  margin: 10px;
  display: inline-block;
  list-style: none;
  height: 40px;
  line-height: 20px;
  padding: 10px 10px;
  text-align: center;
  box-sizing: border-box;
}

.autoevaluation aside.drop .dropzone {
  border: 1px dashed #999897;
  float: left;
  margin: 0 0 20px 0px;
  padding: 9px;
  width: 100%;
}

.connectedSortable {
  margin-left: 0;
}

.block-critere {
  padding: 0px;
  background: #e1e1e1;
}

.criteres-choix .dropzone {
  background: transparent;
  border: 0px;
}

.block-critere.inactif > * {
  color: #cbcaca;
}

.global-critere {
  padding: 9px 18px;
  display: block;
}

.global-critere + span {
  padding: 18px 9px;
  display: block;
}

.global-critere .w50 {
  width: 47%;
  padding: 9px 18px 18px 18px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.02);
}

.global-critere .w50:first-child {
  margin-right: 36px;
}

.consigne p {
  width: 60%;
}

.block-critere h3 {
  width: 35%;
  float: left;
  font-size: 18px;
  font-weight: bold;
}

.block-critere h3 .chk_style {
  border: 2px solid #cbcaca;
  border-radius: 6px;
  display: block;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.block-critere h3 .chk_style.coche {
  background-size: 60% !important;
  border: 2px solid #eb6520;
  background-color: rgba(255, 255, 255, 0.5) !important;
  margin-left: 19px;
  margin-top: 9px;
}

.block-critere h3 span {
  padding: 10px 0 0 18px;
  margin-left: 50px;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}

.block-critere .compteur_nb_metier {
  width: 28%;
  float: left;
  text-align: center;
  margin: 0px;
}

.block-critere .compteur_nb_metier span {
  font-size: 15px;
}

.block-critere .compteur_nb_metier span strong {
  font-size: 20px;
}

.compteur {
  margin-top: -100px;
}

a.compteur {
  margin-top: 0;
  text-decoration: none;
}

#compteur_global {
  width: 100%;
  text-align: right;
  margin: 18px 18px 0 0;
}

.compteur_global {
  margin: -50px 0 0 0;
  text-align: center;
}

#compteur_global + .btn {
  margin: 18px auto;
}

#compteur_global {
  width: 100%;
  text-align: right;
  margin: 18px 18px 0 0;
}

/*#compteur_global span, #compteur.compteur span {min-width:100%; display:block;}*/
#compteur_global span strong, #compteur.compteur strong {
  font-size: 20px;
}

.compteur_global {
  margin: -50px 0 0 0;
}

#compteur_global + .btn {
  margin: 18px auto;
}

.content.block {
  justify-content: flex-start;
}

.content.block .w100 {
  margin-top: 0;
}

.criteres-choix section {
  display: block;
  margin-top: 0;
}

.criteres-choix .compteur {
  display: block;
  margin: 0;
  max-width: 100%;
}

.criteres-choix #compteur_global {
  margin: 0px;
  padding: 0 0 0 100px;
  text-align: center;
  font-size: 16px;
}

.criteres-choix .compt .btn {
  margin: 9px 0px 0 0;
}

.criteres-choix #compteur_global {
  width: 100%;
  text-align: right;
  margin: 18px 18px 0 0;
}

.criteres-choix #compteur_global span strong {
  font-size: 20px;
}

.couples {
  margin: 0;
}

.fleche_bas {
  padding: 6px 15px 6px 69px;
  background: url(../img/fleche_bas_orage.png) no-repeat 35px;
}

.fleche_bas a {
  font-size: 14px;
}

/*.filtrecriteres a.compteur span ,.filtrecriteres #compteur.compteur span{ display:inline; min-width:10%; width:50%; text-decoration:none; padding-top:8px;} 1806*/
/*.filtrecriteres a.compteur strong, .filtrecriteres #compteur strong{font-size:20px;} 2806*/
.pass_avenir .global-critere .stripes div {
  padding: 3px 9px 6px 9px;
}

.pass_avenir .global-critere .stripes div:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05) !important;
}

.pass_avenir .global-critere .stripes div:nth-child(even) {
  background: rgba(0, 0, 0, 0.02) !important;
}

.ordre {
  margin: 18px auto;
  padding: 18px;
  width: 100%;
  border-radius: 6px;
  border: 2px dashed #999897;
}

.ordre li {
  cursor: move;
  padding: 9px;
  float: left;
  margin: 0 5px 0px 0;
  border-radius: 6px;
  color: #ffffff;
  background: #f3954a;
  border: 1px solid #eb6520;
  text-decoration: none;
  width: auto;
  font-size: 16px;
}

.ordre li:hover {
  color: #ffffff;
  background: #eb6520;
  border: 1px solid #eb6520;
}

.ordre ol {
  counter-reset: ordre;
} /* on initialise et nomme un compteur */
.ordre li {
  list-style-type: none;
  counter-increment: ordre; /* on incr?mente le compteur ? chaque nouveau li */
}

.ordre li:before {
  content: counter(ordre); /* on affiche le compteur */
  padding: 0 6px;
  margin-right: 6px;
  vertical-align: top;
  font-weight: bold;
  font-size: 18px;
}

.block-critere {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 6px;
  border: 1px solid #cbcaca;
  text-align: left;
}

.block-critere h4 {
  padding: 0 0 0 18px;
  margin: 9px 0 18px 0;
  font-size: 18px;
}

.block-critere h3 {
  padding: 0 0 0 9px;
  margin: 9px 0 0 0;
  font-weight: bold;
}

/* modif ruben 21/01/2016 : on n'affiche plus le 'i' d'information pour les familles */
.block-critere label {
  width: 80%;
  padding: 0 0px 0 0;
  margin-top: -3px;
  height: 20px;
}

/* on affiche le "i" seulement si on est dans une div avec uiTooltip */
.block-critere .uiTooltip label {
  background: url(../img/icon_infos_hover.png) no-repeat center right;
  background-size: 18px;
}

.block-critere h4:nth-lastchild {
  font-size: 14px;
}

.info_hierarchisation {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background: url(../img/icon_infos_hover.png) no-repeat center right;
  background-size: 18px;
}

/*******************************************/
/***********   M?tiers voisins   ***********/
/*******************************************/
.ligne:hover .case_retenu {
  border: 1px solid #000000;
  background-color: #ffffff;
}

.pass_avenir .ligne:hover .case_retenu {
  border: 1px solid #eb6520;
  background-color: #ffffff;
}

.case_retenu {
  width: 25px;
  height: 25px;
  border-radius: 6px;
  border: 1px solid #cbcaca;
  margin: auto 9px;
  padding: 5px;
}

.coche_retenu {
  background: url(../img/icon-coche-qst_hover.png) no-repeat center center;
  background-size: 15px;
  display: inline;
}

.critere_selectionnable, .critere_selectionne {
  width: 100%;
}

.critere_selectionne .definition_critere {
  max-height: 1px;
  overflow: hidden;
  padding: 0 !important;
  margin: 0;
}

.critere[data-dans_metier="0"] .titre_critere {
  font-style: italic;
  color: #f76131;
}

/*
#selection_metier_drop::before{content:'Ma s?l?ction : X m?tiers'; display:block; text-align:center; width:100%; font-size:16px; font-weight:700;}
*/
/* modif ruben 08/02/2016 */
#compteur_selection {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
}

/* height d?sactiv? pour stiky cf ruben */
#selection_metier_drop {
  background: #ffffff;
  display: block;
  border: 2px dotted #cbcaca;
  margin: 0 0 0 10px;
  padding: 20px;
  width: 100%;
  border-radius: 6px; /*height:400px !important;*/
  z-index: 9;
}

/* min-height d?sactiv? pour stiky cf ruben */
#informationMetiers {
  outline: 1px solid transparent !important; /* min-height:150px; */
  margin-bottom: 18px;
}

#informationMetiers span {
  display: block;
  width: 100%;
  padding: 9px;
  border: none;
  border-radius: 0px;
  margin: auto 0;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

#informationMetiers a.case_retenu {
  width: 25px;
  padding: 15px;
  border: none;
  border-radius: 0px;
  margin: auto 0;
  text-decoration: none;
  background: url(../img/icon_fermer.png) no-repeat 10px center;
}

#informationMetiers span:nth-child(odd) {
  background: rgba(0, 0, 0, 0.02);
}

#informationMetiers span:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}

#informationMetiers a + a, #informationMetiers a + span {
  display: inline;
  padding: 0 0 0 0px;
  max-width: 150px !important;
  width: 150px;
  white-space: nowrap;
}

#informationMetiers a.case_retenu:lastchild {
  margin-bottom: 18px;
}

#informationMetiers a.btn {
  clear: both;
  display: block;
  margin-top: 18px;
}

#informationMetiers a.case_retenu.coche_retenu:last-child {
  margin-bottom: 18px;
}

/*
#selection_metier_drop.is_stuck{ position: fixed; bottom:0; margin-bottom:15px; }
*/
#selection_metier_drop .coche_retenu {
  padding: 10px;
  background: url(../img/icon-coche-qst_hover.png) no-repeat center center;
  background-size: 18px;
  display: inline;
}

#resultats .ligne .case_retenu.coche_retenu + a {
  color: #000000;
  font-weight: bold;
  font-size: 15px;
}

.compteur {
  max-width: 450px;
}

.compteur_global + .btn {
  clear: both;
}

.critere_selectionnable {
  padding: 18px;
  background: rgba(0, 0, 0, 0.02);
}

.critere_selectionne {
  padding: 18px;
  background: rgba(0, 0, 0, 0.02);
  border: 2px dotted #cbcaca;
  border-radius: 18px;
  z-index: 9;
}

.critere_selectionne a.btn {
  margin: 18px auto;
  clear: both;
}

.filtrecriteres {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 18px auto;
}

.filtrecriteres a.selCompet {
  display: block;
  flex-direction: column;
  flex: 1 0 180px;
  max-width: 180px;
  height: 80px;
  padding: 9px;
  margin: auto;
  text-decoration: none;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #c5c7c8;
}

.filtrecriteres .selCompet span {
  margin: auto;
  display: block;
  font-size: 14px;
  min-width: 100%;
}

.critere:nth-child(odd) {
  background: rgba(0, 0, 0, 0.02);
}

.filtrecriteres .selCompet:nth-child(odd), .critere:nth-child(odd), .theme:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}

.filtrecriteres .selCompet:nth-child(even), .critere:nth-child(even), .theme:nth-child(even) {
  background: rgba(0, 0, 0, 0.02);
}

.pass_avenir .filtrecriteres .selCompet:hover {
  background: #eb6520;
  color: #ffffff;
}

.filtrecriteres .selCompet.active {
  background: #eb6520;
  color: #ffffff;
}

.filtrecriteres .selCompet.active:hover {
  color: #ffffff;
}

.critere.hors_metier {
  display: none;
}

.filtrecriteres .selCompet strong {
  font-size: 18px;
  line-height: 18px;
  margin: 9px auto;
  min-width: 100%;
  display: block;
}

.critere {
  padding: 9px;
}

.theme h3.titre_sous_rubrique {
  background: rgba(0, 0, 0, 0.06);
  margin: 0;
  padding: 18px 18px;
  font-size: 16px;
  color: #eb6520;
  text-transform: uppercase;
}

.theme h3.titre_theme {
  margin: 0;
  padding: 18px 18px 18px 48px;
  font-weight: bold;
  cursor: pointer;
  background: #eb6520 url(../img/icon_plus_gras_blanc.png) no-repeat 18px center;
  clear: both;
  border-bottom: 1px solid #b6b4b5;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.theme h3.titre_theme span.titre_texte {
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  width: 75%;
}

.theme span.compteur_texte {
  /*
  width:25%;
  */
  display: inline-block;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}

.critere_selectionnable .theme h3.titre_theme span.compteur_texte {
  display: none;
}

.theme:nth-of-type(odd) h3.titre_theme {
  background: #db5611 url(../img/icon_plus_gras_blanc.png) no-repeat 18px center;
}

.theme:nth-of-type(even) h3.titre_theme {
  background: #eb6520 url(../img/icon_plus_gras_blanc.png) no-repeat 18px center;
}

.theme h3.titre_theme:hover {
  background: #f49625 url(../img/icon_plus_gras_blanc.png) no-repeat 18px center;
}

.theme h3.titre_theme.active {
  background: #eb6520 url(../img/icon_moins_gras_blanc.png) no-repeat 18px center;
}

.theme h3.titre_theme.active:hover {
  background: #f49625 url(../img/icon_moins_gras_blanc.png) no-repeat 18px center;
}

.critere_selectionne .theme h3.titre_theme {
  padding: 18px 18px 18px 18px;
  background: #eb6520;
}

/*.critere{padding-left:50px}*/
.hors_metier span {
  font-style: italic;
}

.critere .nombre_metier {
  float: right;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  line-height: 12px;
  text-align: center;
}

.critere .nombre_metier span, .critere .nombre_metier span {
  font-size: 10px;
  font-weight: 400;
}

.critere h5 {
  width: 80%;
  float: left;
  font-size: 16px;
  margin: 15px 0 9px 0;
}

.critere a.case_retenu {
  min-width: 36px;
  height: 36px;
  border-radius: 6px;
  border: 1px solid #1a171b;
  margin: 15px 18px 0 9px;
  padding: 5px;
  display: block;
  float: left;
}

.critere[data-clickable="0"] a.case_retenu {
  border: 1px solid #CCC;
}

.critere a.coche_retenu {
  padding: 10px;
  background: url(../img/icon-coche-qst_hover.png) no-repeat center center;
  background-size: 18px;
  display: inline;
}

.pass_avenir .critere a.coche_retenu, .pass_avenir .critere a.case_retenu {
  border: 1px solid #b6b4b5;
}

.critere p {
  clear: both;
  padding-top: 9px;
}

.critere p.definition_critere {
  padding: 3px 36px 9px 64px;
}

.metier_voisin_choix_metier .metiers_action {
  display: none;
}

.bloque_compteur {
  z-index: 99;
}

/******************************************************************************************************************************/
/********************************************************  TRANSFERENCE *******************************************************/
/******************************************************************************************************************************/
/****************************************/
/**************   BILAN   ***************/
/****************************************/
/* modif anthony : profil transf?rence, permet de colorer les ?chelles de capacit? et interet qui sont en valeur 3 ou 4*/
.tri {
  width: 100%;
}

.entete_profil {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  flex-flow: row;
}

.entete_profil .consigne {
  margin: 0 36px 0 0;
  max-width: 45%;
  height: 230px;
  width: 40%;
}

.entete_profil .consigne span {
  max-width: 80%;
}

#graph_container {
  width: 60%;
  margin: auto;
  margin-top: -50px;
}

#graph_dessin {
  width: 90%;
  margin-left: 18px; /*margin-top:-70px;*/
  font-size: 14px;
}

.y.axis g.tick {
  font-size: 12px;
}

.y.axis g.tick {
  opacity: 1 !important;
}

.y.axis g.tick:nth-child(5n+1) {
  opacity: 1 !important;
}

#lien_radar {
  font-weight: bold;
}

#lien_radar:hover {
  color: #f7820d;
}

.filtreCompetences {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
}

.filtreCompetencesResultatBilan {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  width: 39%;
  margin: -70px 0 0 0;
}

.selCompet {
  height: 60px;
  padding: 5px 0px;
  display: block;
  margin: 9px auto;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid #c5c7c8;
  width: 70%;
}

a.selCompet:first-child {
  margin-left: 0;
}

a.selCompet:last-child {
  margin-right: 0;
}

.filtreCompetencesResultatBilan .selCompet {
  width: 65%;
}

.definition_top .filtreCompetences {
  width: 100%;
}

.definition_top .filtreCompetences .selCompet {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.definition_top .filtreCompetences .selCompet .pictos {
  display: block;
  width: 100%;
  height: 24px;
}

.definition_top .filtreCompetences .selCompet .pictos.type5 {
  background: url(../img/filtre_jaime_capable_bleu.png) center no-repeat;
}
.definition_top .filtreCompetences .selCompet .pictos.type3 {
  background: url(../img/filtre_jaime_bleu.png) center no-repeat;
}
.definition_top .filtreCompetences .selCompet .pictos.type4 {
  background: url(../img/filtre_capable_bleu.png) center no-repeat;
}
.definition_top .filtreCompetences .selCompet:hover .pictos.type5 {
  background: url(../img/filtre_jaime_capable_blanc.png) center no-repeat;
}
.definition_top .filtreCompetences .selCompet:hover .pictos.type3 {
  background: url(../img/filtre_jaime_blanc.png) center no-repeat;
}
.definition_top .filtreCompetences .selCompet:hover .pictos.type4 {
  background: url(../img/filtre_capable_blanc.png) center no-repeat;
}

.definition_top .filtreCompetences .selCompet.active .pictos.type5 {
  background: url(../img/filtre_jaime_capable_blanc.png) center no-repeat;
}
.definition_top .filtreCompetences .selCompet.active .pictos.type3 {
  background: url(../img/filtre_jaime_blanc.png) center no-repeat;
}
.definition_top .filtreCompetences .selCompet.active .pictos.type4 {
  background: url(../img/filtre_capable_blanc.png) center no-repeat;
}

.filtreCompetencesResultatBilan .selCompet {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.filtreCompetencesResultatBilan > .selCompet b {
  font-size: 17px;
  color: #008abb;
}

.filtreCompetencesResultatBilan > .selCompet strong {
  font-size: 22px;
  color: #008abb;
  margin-left: 10px;
}

.filtreCompetencesResultatBilan > .selCompet strong {
  font-size: 22px;
  color: #008abb;
  margin-left: 10px;
}

.filtreCompetencesResultatBilan > .selCompet.active strong {
  font-size: 22px;
  color: #ffffff;
  margin-left: 10px;
}

.filtreCompetencesResultatBilan > .selCompet.active b {
  font-size: 17px;
  color: #ffffff;
}

.selCompet div.coche_bilan {
  background: url(../img/case-vide.png) no-repeat center;
  background-size: 22px;
  width: 23px;
  height: 23px;
  margin-left: 12px;
  margin-right: 5px;
  margin-top: 5px;
  float: left;
  border: 1px solid #c5c7c8;
  border-radius: 5px;
}

.selCompet.active div.coche_bilan {
  background: url(../img/case-pleine.png) no-repeat center;
  background-size: 22px;
  width: 23px;
  height: 23px;
  margin-left: 12px;
  margin-right: 5px;
  margin-top: 7px;
  float: left;
  border: 1px solid #c5c7c8;
  border-radius: 5px;
}

.filtreCompetencesResultatBilan > .selCompet span {
  font-size: 15px;
  line-height: 18px;
}

.texte_compet {
  padding-right: 21px;
  max-width: 332px;
}

.filtreCompetencesResultatBilan > .selCompet div.texte_compet {
  width: 100%;
}

.filtreCompetencesResultatBilan > .selCompet div.pictos.type1 {
  background: url(../img/filtre_capable_aime_bleu_hz.png) no-repeat 5px center;
  float: right;
  width: 31px;
  height: 36px;
  margin-right: 5px;
}

.filtreCompetencesResultatBilan > .selCompet div.pictos.type3 {
  background: url(../img/filtre_jaime_bleu.png) no-repeat 5px center;
  float: right;
  width: 31px;
  height: 18px;
  margin-right: 5px;
}

.filtreCompetencesResultatBilan > .selCompet div.pictos.type4 {
  background: url(../img/filtre_capable_bleu.png) no-repeat 5px center;
  float: right;
  width: 31px;
  height: 18px;
  margin-right: 5px;
}

.filtreCompetencesResultatBilan > .selCompet:hover div.pictos.type1 {
  background: url(../img/filtre_capable_aime_blanc_hz.png) no-repeat 5px center;
}

.filtreCompetencesResultatBilan > .selCompet:hover div.pictos.type3 {
  background: url(../img/filtre_jaime_blanc.png) no-repeat 5px center;
}

.filtreCompetencesResultatBilan > .selCompet:hover div.pictos.type4 {
  background: url(../img/filtre_capable_blanc.png) no-repeat 5px center;
}

.filtreCompetencesResultatBilan > .selCompet.active div.pictos.type1 {
  background: url(../img/filtre_capable_aime_blanc_hz.png) no-repeat 5px center;
}

.filtreCompetencesResultatBilan > .selCompet.active div.pictos.type3 {
  background: url(../img/filtre_jaime_blanc.png) no-repeat 5px center;
}

.filtreCompetencesResultatBilan > .selCompet.active div.pictos.type4 {
  background: url(../img/filtre_capable_blanc.png) no-repeat 5px center;
}

.definition_top .filtreCompetences .selCompet.premiere {
  flex: 0 0 34%;
}

.definition_top .filtreCompetences .selCompet {
  flex: 0 0 31%;
}

.definition_top .filtreCompetences .selCompet span {
  font-size: 14px;
  margin: auto;
  width: 127%;
  line-height: 18px;
}

/*.definition_top .selCompet::before{content:''; background: url(../img/case-vide.png) no-repeat left 15px; background-size:20px; width:30px; height:60px; margin:4px 5px;  }
.definition_top .selCompet.active::before{content:''; background: url(../img/case-pleine.png) no-repeat left 15px;background-size:20px; width:30px; height:60px; margin:4px 5px; }*/
.selCompet:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.selCompet:nth-child(odd) div.texte_compet {
  padding-top: 4px;
}

.selCompet:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}
.selCompet:nth-child(even) div.texte_compet {
  padding-top: 7px;
}

.selCompet.active,
.selCompet:hover {
  background-color: #008abb;
  color: #ffffff;
}

.selCompet:hover span {
  color: #ffffff;
}

.selCompet:hover strong {
  color: #ffffff;
}

.selCompet:hover b {
  color: #ffffff;
}

.selCompet.active:hover {
  color: #ffffff;
}

.selCompet div { /*margin:0;*/
  font-size: 15px;
  padding: 0px 0 5px 0px;
  text-align: left;
  max-width: 100%; /*width:100%;*/
  display: flex;
  flex-direction: row;
}

.selCompet div strong {
  font-size: 20px;
  margin: auto 5px;
  width: 30px;
}
.selCompet div strong div.texte_compet {
  margin: 0px;
}

.filtreCompetences > .selCompet strong {
  font-size: 18px;
  margin: auto 5px;
  width: 30px;
}

.selCompet div span {
  padding: 0;
  font-size: 14px;
  margin: auto 0;
}

.selCompet div.coche {
  background: url(../img/case-vide.png) no-repeat center;
  background-size: 22px;
  width: 32px;
  height: 23px;
  margin-left: 8px;
  margin-bottom: 43px;
  border: 1px solid #c5c7c8;
  border-radius: 5px;
}

.selCompet.active div.coche {
  background: url(../img/case-pleine.png) no-repeat center;
  background-size: 22px;
  width: 32px;
  height: 23px;
  margin-left: 8px;
  margin-bottom: 43px;
  border: 1px solid #c5c7c8;
  border-radius: 5px;
}

.definition_top .selCompet div::before {
  margin: 22px 9px 20px 0px;
}

.definition_top .selCompet.active div::before {
  margin: 22px 9px 20px 0px;
}

.definition_top .selCompet div strong {
  font-size: 20px;
  margin: auto 5px auto 0px;
  width: 40px;
  color: #008abb;
}

.definition_top .selCompet div b {
  font-size: 16px;
  margin: auto 5px auto 0px;
  width: 40px;
  color: #000000;
}

.definition_top .selCompet div b.cpt {
  font-size: 17px;
  margin: auto 5px auto 0px;
  width: 40px;
  color: #008abb;
}

.definition_top .selCompet:hover div strong {
  color: #ffffff;
}

.definition_top .selCompet.active div strong {
  color: #ffffff;
}

.definition_top .selCompet:hover div b {
  color: #ffffff;
}

.definition_top .selCompet.active div b {
  color: #ffffff;
}

/*competences*/
#contient_2_block {
  display: flex;
  min-height: 50vh;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

#contient_2_block #gauche, #contient_2_block #droite {
  flex: 1 1 0;
  width: 45%;
  max-width: 45%;
}

.competence_selectionnable, .competence_selectionne {
  width: 100%;
}

.competence_selectionnable {
  padding: 9px 18px;
  background: rgba(0, 0, 0, 0.03);
  border: 2px solid #cbcaca;
  border-radius: 18px;
}

.competence_selectionne {
  padding: 9px 18px;
  background: rgba(0, 0, 0, 0.03);
  border: 2px dotted #cbcaca;
  border-radius: 18px;
  z-index: 9;
}

.transference .competence_selectionne, .transference .competence_selectionnable {
  margin-top: 10px;
}

.transference .competence_selectionnable h2 {
  display: flex;
}

.transference .competence_selectionnable #voir_dans_dimension {
  padding-left: 15px;
}

.competence[data-dans_metier="0"] .titre_competence {
  color: #f76131;
}

.competence[data-dans_metier="0"] .titre_competence .etoiles .etoile {
  background: url(../img/icon_favoris_orage.png) no-repeat;
  background-size: 12px;
}

.competence[data-dans_metier="0"] .titre_competence + a {
  color: #f76131 !important;
}

.dimension {
  padding: 0px 0px;
  border-bottom: 1px solid #b6b4b5;
}

.dimension .nombre_metier, .nb_metier_competence {
  float: right;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 9px;
  text-align: center;
  line-height: 12px;
}

.dimension .nombre_metier span, .nb_metier_competence span {
  font-size: 10px;
  font-weight: 400;
}

.dimension h3.titre_dimension img {
  float: right;
}

.dimension h3.titre_groupe, .groupe p.definition.bg-bleu {
  background: rgba(0, 0, 0, 0.06);
  color: #008abb;
  margin: 0;
  padding: 20px 18px;
}

.dimension h3.titre_groupe {
  cursor: pointer;
  padding-left: 45px;
}

.bg-bleu p.definition {
  color: #ffffff;
}

.dimension h3.titre_groupe::after {
  content: url(../img/icon_fleche_bleu_arbo.png);
  float: right;
}

.dimension h3.titre_groupe.replier::after {
  content: url(../img/icon_moins_bleu_arbo.png);
  float: right;
}

.dimension h5.titre_competence {
  width: 70%;
  float: left;
  margin-top: 18px;
  margin-bottom: 0px;
  font-size: 15px;
  padding: 0;
}

.critere a.case_retenu, .dimension a.case_retenu {
  min-width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #008abb;
  background: rgba(255, 255, 255, 0.8);
  margin: 9px 18px 0 9px;
  padding: 8px;
  display: block;
  float: left;
}

.critere a.coche_retenu, .dimension a.coche_retenu {
  padding: 10px;
  background: rgba(255, 255, 255, 0.8) url(../img/icon-coche-qst_hover.png) no-repeat center center;
  background-size: 18px;
  display: inline;
}

/* avant modif anthony .dimension p.definition_competence{clear:both; padding:9px 36px 9px 72px;}*/
.dimension p.definition_competence {
  clear: both;
  padding: 0px 0px 0px 69px;
  display: inline-block;
  float: left;
  width: 85%;
  margin-top: -10px;
}

.dimension .titre_dimension {
  margin: 0;
  padding: 14px 18px 14px 45px;
  font-weight: bold;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.06) url(../img/icon_plus_gras_blanc.png) no-repeat 9px center; /*color:#008abb; */
  font-size: 18px;
  text-transform: uppercase;
}

.dimension .titre_dimension {
  background: #008abb url(../img/icon_plus_gras_blanc.png) no-repeat 9px center;
  color: #ffffff;
}

.dimension .titre_dimension.active {
  background: #008abb url(../img/icon_moins_gras_blanc.png) no-repeat 9px center;
  color: #ffffff;
}

.competences .dimension {
  background-color: rgba(0, 0, 0, 0.02);
}

.competences .titre_dimension:hover {
  background-color: #66caf9;
}

.groupe_contenu .competence {
  padding: 0 9px;
  border-bottom: 1px solid #B0B0B0;
  background: rgba(255, 255, 255, 0.7);
}

.competence_essentielle {
  color: #73952c;
  text-align: left !important;
}

.fiche_metier p .competence_secondaire {
  color: #333;
}

.dimension .titre_sous_dimension {
  margin: 0;
  padding: 9px 18px;
  font-size: 15px;
}

.dimension .selCompet:nth-child(odd) .dimension .selCompet:nth-child(even) .competence {
  background: rgb(255, 255, 255);
}

.transference .filtrecriteres .selCompet:hover {
  background: #008abb;
  color: #ffffff;
}

.transference a.btn.selCompet, .pass_avenir a.btn.selCompet {
  background: #000000;
}

.transference .filtrecriteres #compteur {
  margin: 9px auto;
  font-size: 16px;
}

/*fin*/
span.etoile {
  background: url(../img/icon_favoris_on_hover.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: inline-block;
  padding-right: 4px;
}

span.etoile.rouge {
  background: url(../img/icon_favoris_rouge.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: inline-block;
  padding-right: 4px;
}

span.etoile.vert {
  background: url(../img/icon_favoris_vert2.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: inline-block;
  padding-right: 4px;
}

.etoiles {
  width: auto;
  height: 14px;
  display: block;
  float: left;
  margin-right: 9px;
  text-align: right;
  margin-top: 0px;
}

.transference .pourquoi td.acces_competence_autre p[name=titre] span.etoiles { /*width:76px;*/
  margin: 0 21px 0 0px;
}

.transference .pourquoi td.acces_competence_autre .texte_commentaire {
  margin-left: 16px;
}

/*ajout anthony : ajustement placement des ?toiles dans analogie et acces par compet*/
.competence_selectionnable .etoiles, .competence_selectionne .etoiles {
  cursor: pointer;
  width: auto;
  height: 14px;
  margin-right: 9px;
  text-align: right;
  display: inline;
}

.competence_selectionnable .etoiles .etoile:first-child, .competence_selectionne .etoiles .etoile:first-child {
  margin-left: 8px;
}

.inforizon .pourquoi .legende {
  float: right;
  display: inline-block;
  font-weight: bolder;
  margin-bottom: 10px;
}
.inforizon .pourquoi .legende img {
  vertical-align: bottom;
  margin-right: 5px;
}
.inforizon .pourquoi .legende span {
  margin-right: 20px;
  padding-bottom: 5px;
  vertical-align: middle;
}

.transference .pourquoi .legende {
  display: flex;
  margin-top: 40px;
  float: right;
  margin-bottom: 5px;
}

.transference .pourquoi .legende .adequation {
  color: #8aaa00;
  margin-right: 40px;
  display: inline-flex;
  font-weight: bold;
}

.transference .pourquoi .legende .bloquant {
  color: #d7262c;
  display: inline-flex;
  font-weight: bold;
}

.transference .pourquoi .comp_profil {
  color: #f7820d;
  display: inline-flex;
  float: left;
  margin-top: 20px;
  margin-bottom: 0px;
}

.transference .pourquoi span.comp_profil:before {
  background: #f7820d;
}

.transference span.titre_metier:hover {
  color: #008abb;
  cursor: pointer;
}

.pourquoi a.case_retenu {
  border-radius: 2px;
  background-color: #FFFFFF;
  padding-left: 20px;
  padding-top: 0;
  margin-left: 0;
  margin-right: 20px;
}

.transference .bg-gris4 {
  font-size: 20px;
  color: #008abb;
  text-align: center;
}

.transference .projetPro {
  background-color: #FFFFFF;
}

.transference .pourquoi span:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.transference .pourquoi span.adequation:before,
.inforizon .pourquoi span.adequation:before {
  background: #8aaa00;
}

.transference .pourquoi span.bloquant:before,
.inforizon .pourquoi span.bloquant:before {
  background: #d7262c;
}

.nbr_metiers {
  width: 30%;
}

.bloc4 .nbr_metiers {
  width: 25%;
}

.profil .nbr_metiers strong {
  width: 100%;
  display: block;
}

.profil .nbr_metiers span {
  width: 100%;
  display: block;
  line-height: 15px;
  padding-top: 10px;
}

.profil #resultats .ligne.titre {
  background: #ffffff;
  font-size: 15px;
}

.profil .bg-bleu-clair h2 + p {
  max-width: 55%;
  padding-left: 36px;
}

a.lien-soft {
  float: right;
  color: #b6b4b5;
  font-size: 13px;
  padding-top: 0px;
  /*margin-top:-10px;*/
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}

.analogie_choix_metier .nbr_metiers {
  display: none;
}

.transference .encart_nb_competence {
  color: #008abb;
  height: 20px;
}

.transference .encart_nb_competence .contenu {
  float: right;
}

.transference .encart_nb_competence .chiffre {
  font-weight: bold;
  float: left;
  font-size: 18px;
  margin: 5px 5px 0 0;
}

.transference .encart_nb_competence .lettres {
  float: left;
  line-height: 1em;
}

/******************************************************************************************************************************/
/**********************************************************  JAPRO   **********************************************************/
/******************************************************************************************************************************/
.block-video {
  width: 100%;
  padding: 18px;
  text-align: left;
  display: flex;
  margin-top: 18px;
}

.block-visio {
  width: 600px;
  padding: 18px;
  text-align: left;
  position: relative;
  display: block;
  left: calc(50% - 300px);
}

.fiche_metier .image_japro.replay, .fiche_metier .image_japro.a_venir {
  width: 335px;
  height: 188px;
  float: left;
  margin-top: 20px;
  margin-left: 19px;
}

.fiche_metier .image_japro.en_cours {
  margin: 20px auto 0;
}

#textarea_question {
  position: relative;
  width: 560px;
  height: 50px;
  display: block;
  margin-top: 20px;
}

#btn_question {
  position: relative;
  display: block;
  width: 140px;
  margin-top: 10px;
  float: right;
}

#message {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: -12px;
  height: 1em;
}

.block-video img {
  float: left;
  width: 25%;
}

.block-video h3, .block-actus h3 {
  margin: 0 0 10px 0;
}

.block-video h3 a, .block-actus h3 a {
  text-decoration: none;
  font-size: 15px;
}

.block-actus h3 a {
  color: #d7272d;
}

.block-video p, .block-actus p {
  font-size: 14px;
  text-align: left;
  min-height: 36px;
}

.block-video span.heure {
  padding: 5px 0 5px 30px;
  height: 36px;
  background: url(../img/icon-horloge.png) no-repeat left center;
}

.block-video span.date {
  padding: 5px 0 5px 30px;
  height: 36px;
  background: url(../img/icon-agenda.png) no-repeat left center;
  margin-left: 30px;
}

.block-actus {
  width: 100%;
  height: 150px;
  border: #ffffff 1px solid;
}

.block-actus .dateactu {
  float: left;
  width: 70px;
  height: 148px;
  padding: 40px 10px;
}

.block-actus:nth-child(even) .dateactu {
  background: rgba(0, 0, 0, 0.6);
}

.block-actus:nth-child(odd) .dateactu {
  background: rgba(0, 0, 0, 0.8);
}

.block-actus .dateactu strong {
  font-size: 16px;
  width: 100%;
  display: block;
}

.block-actus .dateactu {
  text-align: center;
  color: #ffffff;
}

.block-actus .resume {
  float: left;
  padding: 20px 20px 0px 20px;
  width: calc(80% - 120px);
}

.fiche_metier .illustration {
  width: 335px;
  z-index: 1;
  position: absolute;
}

.fiche_metier .play_japro {
  z-index: 2;
  position: absolute;
  height: 14px;
  width: 14px;
  margin: 170px 0px 0px 5px;
}

.fiche_metier .image_japro {
  position: relative;
  width: 560px;
  height: 315px;
  overflow: hidden;
  margin: 0 15px 15px 0;
}

/******************************************************************************************************************************/
/****************************************************  BACKGROUND even/odd  ****************************************************/
/******************************************************************************************************************************/
.block-actus:nth-child(even),
.block-video:nth-child(odd),
.block-critere:nth-child(odd),
.motclef a:nth-child(odd),
.dropper a:nth-child(odd),
.row .menu_rub_wrap:nth-child(odd),
.menu_rub_wrap:nth-child(even),
.motscles a:nth-child(odd),
table tr:nth-child(even),
.ligne li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}

.block-video:nth-child(even),
.block-actus:nth-child(odd),
.motclef a:nth-child(even),
.dropper a:nth-child(even),
.menu_rub_wrap:nth-child(odd),
.row .menu_rub_wrap:nth-child(even),
.block-critere:nth-child(even),
.motscles a:nth-child(even),
.autoevaluation .dropzone li:nth-of-type(odd),
.autoevaluation .dropzone li:nth-of-type(even),
table tr:nth-child(odd), .ligne li:nth-child(even) {
  background: rgba(0, 0, 0, 0.02);
}

.motscles a:hover {
  background: #73952c !important;
}

#resultats .ligne:nth-of-type(odd):not(.hidden),
.ligne:nth-of-type(odd):not(.hidden) {
  background: #FFFFFF;
}

#resultats .ligne:nth-of-type(even):not(.hidden),
.ligne:nth-of-type(even):not(.hidden) {
  background: rgba(0, 0, 0, 0.02);
}

#resultats .hidden {
  display: none;
}

/******************************************************************************************************************************/
/********************************************************  POURQUOI    ********************************************************/
/******************************************************************************************************************************/
.w80.pourquoi {
  margin-top: -18px;
  max-width: 1250px;
}

.pourquoi table td {
  padding: 9px 18px;
  font-size: 15px;
}

.page_pourquoi a.lien_metier {
  text-decoration: none;
}
.page_pourquoi a.lien_metier :hover {
  color: black;
}

.transference .pourquoi table td:first-child, .pass_avenir .pourquoi table td:first-child, .pourquoi table th:first-child {
  background-color: #FFFFFF;
}

/*.pourquoi table td.deplier{padding-left:150px;}*/
.pourquoi table td.deplier .definition p {
  margin-left: 25px;
  font-size: 14px;
}

.acces_competence_autre {
  margin-left: 200px;
  text-align: left;
}

.transference .pourquoi table td:nth-child(2) {
  border-left: 2px solid #727272;
}

.transference .pourquoi table td:nth-child(2) {
  border-right: 2px solid #727272;
}

.transference .pourquoi table .borderleft {
  border-left: 2px solid #727272;
}

.transference .pourquoi table .borderright {
  border-right: 2px solid #727272;
}

.transference .pourquoi table .ligne_dimension {
  background: #008abb;
}
.transference .pourquoi table .ligne_dimension td {
  border: none;
}

.transference .pourquoi table tr:nth-child(n+1):not(.ligne_dimension) td {
  border-left: none;
  border-right: none;
}
.transference .pourquoi table tr:nth-child(n+1):not(.ligne_dimension) td:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.transference .pourquoi table .ligne_competence {
  background: #ffffff;
}

/*.transference .pourquoi thead.only_print tr:nth-child(2) th{
    font-weight: normal;
    font-size: 10px;
}*/
.inforizon .pourquoi table tr:nth-child(odd) {
  background: #FFFFFF !important;
}

/**/
.pourquoi table tr:nth-of-type(2) {
  border-bottom: 2px solid #C5C7C8 !important;
}

.pourquoi table p {
  margin-bottom: 0;
}

.bouton-ajouter-competence span {
  display: block;
  text-align: center;
  width: 100%;
  float: left;
}

/* ajout ruben 16/02/2016*/
.critere_ok {
  color: #8BAC00;
  font-weight: bold;
}

.critere_non_ok {
  color: #d6252d;
  font-weight: bold;
}

.ligne_pourquoi.metier { /*background-color:;*/ }

.pourquoi tbody tr, .pourquoi tbody tr:hover, .pourquoi thead tr, .pourquoi thead tr:hover {
  background: rgba(0, 0, 0, 0.02);
}

.pourquoi h3.titre_metier {
  font-size: 22px;
  font-weight: 400;
  text-transform: none;
}

.pourquoi h2 {
  font-size: 18px;
}

.pourquoi .autre_entree {
  font-size: 16px;
  font-weight: 400;
  padding: 27px 0 27px 18px;
}

.pourquoi .autre_entree {
  background: url(../img/icon_fleche_noir_arbo.png) no-repeat 39% 27px;
}

.pourquoi .autre_entree.active {
  background: url(../img/icon_trait_noir_arbo.png) no-repeat 39% 27px;
}

.pourquoi h3 {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 9px 25px 9px 25px;
  margin: 0;
}

/*.pass_avenir h3{padding-left:0;} */
.pourquoi h4 {
  font-size: 15px;
  font-weight: bold;
}

.cadre_filtre {
  border-radius: 6px;
  margin-top: 54px;
  background: rgba(0, 0, 0, 0.05);
  padding: 18px 0 0 60px;
  float: left;
  height: 145px;
  margin-bottom: 50px;
}

.cadre_legende {
  border-radius: 6px;
  margin-top: 54px;
  background: rgba(0, 0, 0, 0.05);
  padding: 18px 0 0 0;
  float: right;
  height: 145px;
  margin-bottom: 50px;
}

.pass_avenir .pourquoi .cadre_legende li {
  float: left;
  margin: 0;
  list-style: none;
  background: none;
  display: block;
  height: 25px;
  width: 100%;
}

.cadre_legende .vert, .cadre_legende .rouge, .cadre_legende .gris {
  height: 15px;
  width: 15px;
  display: block;
  float: left;
  margin-right: 10px;
}

.cadre_legende .vert {
  background-color: #8db724;
}

.cadre_legende .rouge {
  background-color: #d6252d;
}

.cadre_legende .gris {
  background-color: #5e5e5e;
}

.pourquoi .titre.filtre {
  padding: 0 0 0 0px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #008abb;
}

.pourquoi .titre.filtre + span {
  font-weight: bold;
  padding-bottom: 10px;
}

.transference .pourquoi .cadre_filtre {
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.05);
  padding: 18px 0 0 60px;
  float: left;
  height: 145px;
  margin-bottom: 0px;
  margin-top: 20px;
}

.pass_avenir .pourquoi .cadre_filtre, .inforizon .pourquoi .cadre_filtre {
  margin: 20px 0;
}

.pourquoi ul {
  display: block;
  padding: 18px 0 18px 18px;
}

.inforizon .pourquoi .titre.filtre {
  padding: 0 0 0 0px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #f8a52c;
}

.transference .pourquoi .titre.filtre {
  padding: 0 0 0 0px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #008abb;
}

.pass_avenir .pourquoi .titre.filtre {
  padding: 0 0 0 0px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #eb6520;
}

.inforizon .pourquoi li {
  margin: 18px 9px;
  list-style: none;
  display: inline;
  margin-right: 18px;
}

.transference .pourquoi li {
  margin: 18px 9px;
  list-style: none; /* background:url(../img/coche-jaune.png) no-repeat left center;*/
  display: inline;
  margin-right: 18px;
  padding-left: 27px;
}

.pass_avenir .pourquoi li {
  margin: 18px 9px;
  list-style: none; /* background:url(../img/coche-orange.png) no-repeat left center;*/
  display: inline;
  margin-right: 18px;
  padding-left: 27px;
}

.pass_avenir .pourquoi td.pk_titre_theme, .pass_avenir .pourquoi tr.ligne_pk td:first-child {
  padding-left: 8%;
}

.pass_avenir .pourquoi th {
  font-size: 20px;
  color: #eb6520;
  border-top: 1px solid #b6b4b5;
}

.inforizon .pourquoi th {
  font-size: 20px;
  color: #f8a52c;
}

.pourquoi th {
  border-bottom: 1px solid #b6b4b5;
}

.pourquoi .border th {
  border-right: 1px solid #b6b4b5;
  border-bottom: 1px solid #b6b4b5;
}

.pourquoi .border th:last-child {
  border-right: 1px solid transparent;
  background-color: #FFFFFF;
}

.bloqueSticky.is_stuck th {
  opacity: 0.95;
}

.bloqueSticky.is_stuck td {
  font-size: 16px;
  height: 54px;
  border-bottom: 1px solid #c5c7c8;
}

.bloqueSticky.is_stuck td:nth-child(even) {
  background: #e8e7e2;
}

.bloqueSticky.is_stuck td:nth-child(odd) {
  background: #f2f0eb;
}

.miniheight th {
  padding: 0 36px;
  height: 10px;
}

.inforizon .pourquoi h3 {
  color: #ea9000;
}

.pass_avenir .pourquoi h3 {
  color: #ffffff;
}

.pass_avenir .pourquoi h2 {
  color: #d4d4d4;
}

.transference .pourquoi h3 {
  color: #008abb;
}

.encyclo .pourquoi h3 {
  color: #73952c;
}

.japro .pourquoi h3 {
  color: #cc4451;
}

.espace_perso .pourquoi h3 {
  color: #00929b;
}

.pourquoi .titre_sous_rubrique {
  padding: 9px 36px;
}

.ligne_pourquoi.metier.critere_evite {
  background: rgba(0, 0, 0, 0.02);
}

.pourquoi .ligne_pourquoi.metier.critere {
  background-color: #d9dfb8;
}

.pourquoi .filtre + tr.ligne_pourquoi.metier.critere,
.pourquoi .filtre + tr.ligne_pourquoi.metier.critere + tr.ligne_pourquoi.metier.critere {
  background-color: #dae0b8;
}

.pourquoi .filtre + tr.ligne_pourquoi.metier.critere + tr.ligne_pourquoi.metier.critere + tr.ligne_pourquoi.metier.critere {
  background-color: #f00;
}

.pourquoi .filtre p {
  width: 50%;
  display: inline-block;
}

.transference .pourquoi table .filtre td:nth-child(2) {
  border: none;
}

.ligne_pourquoi.metier.critere, .ligne_pourquoi.critere_evite {
  background-color: #d9dfb8;
}

.ligne_pourquoi.vert td {
  color: #8aaa00;
}

.ligne_pourquoi.vert td:first-child {
  color: #8aaa00;
  font-weight: bold;
}

.ligne_pourquoi.vert { /*background:rgba(169, 204, 103, 0.1);*/
  border-bottom: 1px solid #6b8400;
}

.ligne_pourquoi.vert td:first-child .etoile {
  background: url("../img/icon_favoris_vert2.png") no-repeat center top;
  background-size: contain;
}

.ligne_pourquoi[data-metier="1"] [data-profil="0"],
.ligne_pourquoi[data-metier="1"] [data-profil="1"],
.ligne_pourquoi[data-metier="1"] [data-profil="2"] {
  color: #d6252d;
}

.titre_competence_neutre {
  color: #f7820d;
}

.titre_competence_rouge {
  color: #d7262c;
}

.titre_competence_vert {
  color: #8aaa00;
  margin: 0;
  padding: 0;
}

.fiche_metier .titre_competence {
  padding-left: 24px;
}

.lib_competence_neutre {
  color: #000;
  font-weight: bold;
  background-color: #FFFFFF;
}

.lib_competence_rouge {
  color: #d7262c;
  font-weight: bold;
  background-color: #FFFFFF;
}

.lib_competence_vert {
  color: #8aaa00;
  font-weight: bold;
  background-color: #FFFFFF;
}

.lib_competence_neutre.gris, .lib_competence_rouge.gris, .lib_competence_vert.gris {
  color: #5d5d5d !important;
  background-color: #FFFFFF;
}

.pourquoi td .ligne_groupe {
  background: rgba(0, 0, 0, 0.02);
}

.pourquoi td .competence .deplier {
  background-color: #FFFFFF;
}

.pourquoi h2 + p.definition {
  color: #000000;
  padding: 9px 0 9px 22px;
  max-width: 450px;
}

.pourquoi h2 span strong {
  color: #008abb;
}

.pourquoi p.definition {
  padding: 9px 0 9px 0;
  font-size: 14px;
  color: #000000 !important;
  font-weight: 400;
  max-width: 400px;
  clear: both;
  display: block;
}

.pourquoi p.definitionc {
  padding: 9px 0 9px 0;
  font-size: 14px;
  color: #000000 !important;
  font-weight: 400;
  max-width: 400px;
  clear: both;
  display: block;
}

.pourquoi p.def_dimension {
  padding: 9px 0 9px 0;
  font-size: 14px;
  color: #ffffff !important;
  font-weight: 400;
  max-width: 400px;
  clear: both;
  display: block;
}

.pourquoi p.def_groupe {
  padding: 9px 0 9px 0;
  font-size: 14px;
  color: #008abb !important;
  font-weight: 400;
  max-width: 400px;
  clear: both;
  display: block;
}

.pourquoi .titre.groupe p.definition {
  padding: 9px 0 9px 0;
  margin: 0;
}

.pourquoi .titre.dimension {
  color: #ffffff;
  background-color: #008abb !important;
}
.pourquoi .titre.dimension p.definition {
  color: #ffffff !important;
}

.pourquoi .titre.groupe {
  background: transparent !important;
}

.pourquoi p.definition { /*padding:9px 36px 0px 80px; padding-top:9px;*/
  font-size: 13px;
  max-width: 550px;
  margin: 0;
  padding: 9px 0 0 27px;
}

.pourquoi .filtre td {
  padding: 9px 36px;
}

.pourquoi .oui, .pourquoi .non {
  margin-top: 5px;
}

.pourquoi .oui + span {
  position: absolute;
  margin-left: 10px;
  margin-top: 5px;
  color: #727272;
}

.transference .texte_commentaire {
  color: #008abb;
  margin: 0;
  padding: 5px 5px 5px 27px;
  overflow: hidden;
  max-width: 300px;
}

.transference .pourquoi td.active [name=titre] {
  background: url("../img/icon_moins_gras_bleu.png") no-repeat right center;
  text-transform: none;
}

.transference .pourquoi td h3[name=titre] {
  font-size: 16px;
}

.transference .pourquoi td [name=titre] {
  background: rgba(0, 0, 0, 0) url("../img/icon_plus_gras_bleu.png") no-repeat right center;
  cursor: pointer;
  text-transform: none;
  font-weight: bold;
}

.transference .pourquoi td h2[name=titre] {
  text-transform: uppercase;
}

.transference .pourquoi td.active h2[name=titre] {
  text-transform: uppercase;
  background: url("../img/icon_moins_gras_blanc.png") no-repeat right center;
}

.transference .pourquoi td p[name=titre] {
  font-weight: bold;
  margin-left: 0;
}

.pourquoi .titre.groupe h4 + p.definition {
  padding-top: 0;
}

.transference .pourquoi td h2[name=titre] {
  color: #ffffff;
}

.transference .pourquoi tr.bloqueSticky th {
  padding-top: 9px;
  padding-bottom: 9px;
}

.transference .pourquoi tr.bloqueSticky h2, .transference .pourquoi thead.bloqueSticky tr h2 {
  padding: 0;
  margin: 0 0 0 1px;
  font-weight: bold;
  text-align: left !important;
}

.transference .pourquoi .voir_plus_analogie.flr {
  float: left;
}

.transference .pourquoi .voir_plus_bilan.btn.flr {
  text-align: left;
}

.transference .pourquoi tr.bloqueSticky th.tal h2 {
  text-align: center !important;
}
.transference .pourquoi tr.bloqueSticky th.tal h2 span::before {
  display: none;
}

.pass_avenir .pourquoi tr.stickytop {
  position: fixed;
  top: 170px;
  width: 59%;
}
.pass_avenir .pourquoi tr.stickytop th:first-child {
  width: 750px;
}

.pass_avenir .pourquoi div.stickytop {
  position: fixed;
  top: 145px;
  padding-right: 10px;
  width: 60%;
}

.transference .pourquoi table .ligne_dimension h2 {
  padding: 9px 0;
  margin: 0;
}

.transference .pourquoi td h2[name=titre] {
  background: rgba(0, 0, 0, 0) url("../img/icon_plus_gras_blanc.png") no-repeat right center;
}

.pourquoi .definition p {
  font-weight: normal;
  margin-top: 9px;
}

.voir_plus_bilan.btn {
  height: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 240px; /*padding:5px;*/
}

tr:hover .voir_plus_bilan.btn {
  color: #FFFFFF;
}

.voir_plus_bilan {
  padding-bottom: 8px;
}

#voir_dans_metier, .voir_plus_analogie, .voir_plus_acces_competence {
  text-decoration: none;
  color: #f7820d;
  margin-top: 7px;
}
#voir_dans_metier img, .voir_plus_analogie img, .voir_plus_acces_competence img {
  vertical-align: bottom;
  height: 25px;
}
.transference #voir_dans_metier:hover, .transference .voir_plus_analogie:hover, .transference .voir_plus_acces_competence:hover {
  color: #008abb;
}

.voir_plus_bilan {
  text-decoration: none;
  color: #f7820d;
  font-size: 15px;
  margin-top: 5px;
}
.transference .voir_plus_bilan:hover {
  color: #008abb;
}
.voir_plus_bilan img {
  vertical-align: bottom;
  height: 25px;
}

/*.voir_plus_acces_competence{
    margin: 18px;
    //margin: 7px 0px 4px 0px;
}*/
.ligne_pourquoi[data-metier="0"] p, .ligne_pourquoi[data-metier="0"] td {
  color: #008ABB;
}

.ligne_pourquoi[data-metier="0"] .etoile {
  background: url(../img/icon_favoris_bleu.png) no-repeat;
  background-size: contain;
}

.ligne_pourquoi span {
  font-size: 15px;
}

.ligne_pourquoi td[name=titre] {
  font-weight: bold;
  background: url(../img/icon_fleche_noir_arbo.png) no-repeat right 15px;
}

.ligne_pourquoi.active td[name=titre] {
  background: url(../img/icon_moins_noir_arbo.png) no-repeat right 15px;
}

.ligne_pourquoi.vert td[name=titre] {
  background: url("../img/icon_fleche_vert_arbo.png") no-repeat right 15px;
}

.ligne_pourquoi.active.vert td[name=titre] {
  background: url("../img/icon_moins_vert_arbo.png") no-repeat right 15px;
}

.pourquoi .theme:nth-child(odd) .titre_theme {
  background: #ec7718;
  border-bottom: #eb6728;
}

.pourquoi .theme:nth-child(even) .titre_theme {
  background: #eb6728;
  border-bottom: #eb6728;
}

.pass_avenir .pourquoi .premiere_ligne th {
  background-color: white;
}

.pass_avenir .pourquoi .premiere_ligne th:nth-child(2) {
  border-left: 1px solid #b6b4b5;
}

/******************************************************************************************************************************/
/********************************************************  Recherche **********************************************************/
/******************************************************************************************************************************/
.coloration_recherche {
  color: #cc4451;
  font-weight: bold;
}

h6 .coloration_recherche {
  color: #cc4451;
  font-weight: normal;
}

.ligne:hover .coloration_recherche {
  color: #000000;
  font-weight: bold;
}

.mon_compte label {
  min-width: 300px;
  display: inline-block;
}

.mon_compte input[type=date],
.mon_compte input[type=email],
.mon_compte input[type=tel],
.mon_compte input[type=text],
.mon_compte input[type=password],
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  margin: 15px 0px;
  background-color: #fff;
  border: 1px solid #9f9ea4;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  width: 250px;
  font-size: 15px;
}

/******************************************************************************************************************************/
/********************************************************  RESPONSIVE *********************************************************/
/******************************************************************************************************************************/
/*@media screen and (min-width: 1251px) {
        .w80{padding:auto 18px;}
        header{width:100%; max-width:100% !important;}
        .barregrise{width:80%;}
        .w80{max-width: 1250px;}
}*/
.top_conseiller {
  text-decoration: underline;
}

@media screen and (max-width: 1060px) {
  .top_deconnexion {
    margin-right: 48px;
  }
}
@media screen and (max-width: 1800px) {
  .w60 {
    width: 95%;
    max-width: 1100px;
  }
}
@media screen and (max-width: 1250px) {
  .accueil_espace_perso li {
    font-size: 15px;
  }
  main.w80 {
    max-width: 1024px;
    width: 95%;
  }
  .w80 {
    width: 95%;
    max-width: 1100px;
  }
  .w75 {
    max-width: 80%;
  }
  .barregrise {
    width: 95%;
    max-width: 1000px;
  }
  /*  .top_profil > img{display:none;}*/
  .burger {
    margin: auto;
  }
  /*.menu-vertical{margin-right:20px;}*/
  /*    #menu-global{width:310px;}*/
  .top_profil {
    margin-right: 0px;
  }
  #main_top {
    width: 98%;
    margin: auto;
  }
  #topnav li ul {
    width: 1000px !important;
  }
  .retour a {
    font-size: 0;
    width: 10px;
    padding: 8px 0px 8px 25px;
    margin: 0;
  }
  .recherche_action, .mots_clefs_resultats {
    margin: auto 0px;
  }
  .fiche_metier .flexbox .w50.rubrique {
    min-width: 100%;
    margin-left: 0;
  }
  #enbref .w40 {
    width: 38%;
  }
  .fiche_metier h1 {
    width: 60%;
  }
  .fiche_metier h1 + .action_h1 + h2 {
    margin-bottom: 36px;
    border-bottom: none;
  }
  .w80.shadow.matm {
    max-width: 98%;
  }
  .w80 {
    max-width: 100%;
  }
  form {
    max-width: 100%;
  }
  /*
  .critere_selectionnable, .critere_selectionne,
  .competence_selectionnable, .competence_selectionne{width:99%;}
      */
  #contient_2_block #gauche, #contient_2_block #droite {
    width: 49%;
    max-width: 49%;
  }
  .pourquoi .autre_entree {
    background: url(../img/icon_fleche_noir_arbo.png) no-repeat 100% 27px;
  }
  .pourquoi .autre_entree.active {
    background: url(../img/icon_trait_noir_arbo.png) no-repeat 100% 27px;
  }
  .recherche_action form {
    width: 100%;
    display: block;
    margin: 9px auto 9px auto;
  }
  .espace_perso .w80 {
    max-width: 100%;
    width: 100%;
  }
  .espace_perso .w80 img {
    max-width: 100%;
  }
  .sousfamille {
    margin: 18px 9px 18px 0;
    width: 20%;
  }
  .sousfamille .cadre {
    min-height: 60px;
    width: 100%;
  }
  .sousfamille .cadre img {
    min-width: 100% !important;
  }
  .sousfamille h3 {
    height: 70px;
  }
  .sousfamille .stat {
    margin-top: -20px;
  }
  .w80 {
    max-width: 98%;
  }
  .japro .block-actus .resume {
    width: 80%;
  }
  .japro .content {
    margin-left: 0;
  }
  .accueil_espace_perso .demarrer p {
    font-size: 13px;
  }
  /*
  .accueil_espace_perso .outil p{height:190px;}
      */
  .accueil_espace_perso .outil .btn {
    padding: 4px 9px 5px;
    width: 120px;
  }
  /*
      .accueil_espace_perso .echanger{min-height:350px;}
  */
  .fiche_metier #documentation h3 + p, .fiche_metier #sites_utiles h3 + a, .fiche_metier #sites_utiles p {
    max-width: 90%;
    padding-left: 59px;
  }
  .fiche_metier #perspectives p, .fiche_metier #revenus p {
    max-width: 90%;
  }
  .barre_grise {
    width: 95%;
    max-width: 1024px;
  }
  #graphique .w55.fll, #graphique .w45.fll {
    float: none;
    width: 100%;
  }
  /*Comparaison*/
  tr td.ouvre_autre_theme {
    font-size: 15px;
    padding-right: 30px;
  }
  /*inforizon */
  .inforizon #block-compteur {
    margin: -120px 0px 50px 0;
    height: 170px;
  }
  .inforizon #btn_voir_metier {
    margin-right: 0px;
    margin-top: -85px;
    width: 170px;
    z-index: 1000 !important;
  }
  .inforizon #effacer_selection {
    margin: 0 0 0 105px;
    z-index: 1000 !important;
    float: right;
  }
  .resultatsfamilles {
    max-width: 98%;
  }
  table#comparaison {
    max-width: 1024px;
  }
  #comparaison tr td:first-child {
    min-width: 150px;
  }
  a#tout_ouvrir {
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 150px !important;
  }
  /* Pass avenir*/
  .menu9cases .menu_rub_wrap:first-child {
    margin-left: 10%;
  }
  .menu9cases .menu_rub_wrap.disabled:nth-child(2) {
    padding: 0;
    width: 20px;
    max-width: 20px;
  }
  table#autoev_question {
    max-width: 100%;
    width: 100%;
  }
  .pass_avenir #compteur.hierarchisation {
    width: 200px;
    float: right;
    margin: -175px 20px 0 0;
  }
  .btn_explo_voir_metier {
    margin-right: 0px;
  }
  .pass_avenir #compteur.hierarchisation + .clear .btn.flr {
    margin: -10px 0px 20px 0;
  }
  .activation-bloc {
    width: 100%;
  }
  .activation-bloc.w75 {
    max-width: 80%;
  }
  .global-critere .w50:first-child {
    margin-right: 0px;
  }
  .global-critere .w50 {
    width: 50%;
  }
  /*transference*/
  .selCompet {
    max-width: 100%;
    width: 75%;
  }
  p.consigne {
    max-width: 75%;
  }
  .w80.analogie_choix_metier {
    max-width: 60%;
    width: 60%;
    float: left;
    margin-left: 0;
  }
  #informationMetiers + a {
    height: 60px;
  }
  #metier_block #droite {
    max-width: 40% !important;
    width: 40% !important;
  }
  .competences #block-compteur {
    width: 160px;
    height: 200px;
    margin: -180px 0px 0 0;
  }
  .competences #block-compteur .btn.flr {
    margin-right: 0px;
  }
  #block-compteur.compteur_analogie {
    margin: -240px 0px 0 0;
  }
  /*
          .competences .competence_selectionnable{ margin-top:60px;}
  */
  .dimension h3.titre_groupe + p.definition {
    padding-top: 0px;
  }
  /* liste metier*/
  #metier_block {
    max-width: calc(100% - 220px);
    width: calc(100% - 220px);
  }
  /*
      .classement{display:block; min-height:100px;}
  */
  .espace_ligne_metier {
    flex: 4;
    padding: 18px;
    margin: auto;
    max-width: 100%;
  }
  .espace_ligne_metier h2 {
    width: 100%;
  }
  .espace_favoris, .espace_comparer {
    float: left;
  }
  /*
   .espace_pertinence{padding-left:18px; width:105px; margin-right:0;}
   .espace_pertinence + .espace_pertinence{ clear:none; padding:9px 0; width:80px; margin-right:0; }
  */
  .espace_info.compte_competence {
    width: 40px;
  }
  #resultats .lien_metier {
    min-width: 30%;
  }
  #metier_block {
    width: 100%;
    max-width: 100%;
  }
  #metier_block #gauche {
    width: 100%;
    max-width: 100%;
  }
  aside + #metier_block {
    width: 80%;
  }
  aside + #metier_block #gauche {
    width: 80%;
  }
  /* .espace_info{width:105px;}*/
  /*Espace perso*/
  .w80.flexbox { /*flex-direction:;*/
    flex-wrap: wrap;
  }
  .block_blanc.w60 {
    width: 100%;
    min-width: 100%;
  }
  .block_blanc.w40 {
    width: 100%;
    min-width: 100%;
    margin-top: 36px;
  }
  .accueil_espace_perso .block_outils, .accueil_espace_perso .flexbox .block_blanc.w40 {
    margin-top: 36px;
  }
  .accueil_espace_perso .accueil h3 {
    font-size: 15px;
  }
  .block_transparent {
    padding: 18px 5px;
  }
  #chart {
    margin: auto;
  }
  .txt-comp, .w50.tal {
    width: 100%;
    font-size: 14px;
    max-width: 80%;
  }
  .graph {
    margin: auto;
  }
  .bg-jaune.w100.inforizon .w80.flexbox {
    flex-wrap: wrap;
  }
  .filtreCompetencesResultatBilan {
    min-width: 30%;
  }
  .definition_top .filtreCompetences .selCompet {
    height: 120px;
  }
  /*
  .classement_list .espace_pertinence.compte_competence{width:100px; float:left; margin-top:-15px;}
  .classement_list .espace_pertinence.compte_competence [type="radio"]{margin-left:0;}
      */
  main.w80.analogie_choix_metier {
    min-width: 100%;
  }
  .w80.analogie_choix_metier #gauche {
    width: 60%;
  }
  .w80.analogie_choix_metier #droite {
    width: 40%;
  }
  .menu_rub a strong {
    font-size: 25px;
  }
  .classement div:nth-child(4) {
    clear: both;
  }
  .transference .classement .espace_pertinence.compte_competence + .espace_pertinence {
    padding-top: 0px;
  }
  .pourquoi table td.deplier {
    padding-left: 50px;
  }
  .japro.voir_video #player {
    height: 315px;
    width: 560px;
  }
  .japro.voir_video .chapitrage {
    margin-left: 25px;
    width: 325px;
  }
}
input:disabled, textarea:disabled, option:disabled, optgroup:disabled, select:disabled:disabled {
  color: #999;
}

/*Boutons switch*/
.switch {
  position: relative;
  display: inline-block;
  min-width: 30px !important;
  height: 17px !important;
}

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

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2276ad;
}

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

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

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

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

.LigneMonCompte {
  padding-bottom: 20px;
  margin-top: 10px;
  width: 100%;
  border-bottom: 1px solid #0c0c0c;
  display: flex;
  justify-content: start;
}

.LigneMonCompte .LeftBoxTitre {
  width: 230px;
}

.LigneMonCompte .RightBoxContent .MonClient {
  width: 100%;
  display: inline-block;
}

.LigneMonCompte .RightBoxContent {
  width: 100%;
  display: block;
  border-bottom: none !important;
}

.LigneMonCompte .RightBoxContent label {
  margin-top: 0px;
}

.LigneMonCompte .RightBoxContent input {
  margin-top: 2px !important;
  margin-right: 5px !important;
}

.RightBoxContent span.LigneMonCompte {
  padding-bottom: 0;
}

span.LigneMonCompte {
  padding-right: 50px;
}

#Contacts.LigneMonCompte {
  display: block !important;
}

.LigneMonCompte .message {
  position: absolute;
  padding: 0;
  margin-left: 0px;
}

#identifiants.LigneMonCompte .message {
  position: absolute;
  margin-top: 25px;
  margin-left: 450px;
}

#Confirm_Mdp span.message {
  display: none;
}

.LigneMonCompte a {
  margin-top: 5px;
  margin-left: auto;
}

.LigneMonCompte p {
  font-weight: bolder;
  min-width: 300px;
}

.LigneMonCompte label {
  font-weight: bolder;
  margin: 0px;
  margin-top: 5px;
  height: 38px;
}

.LigneMonCompte input {
  margin: 0px !important;
}

.LigneMonCompte input[type=submit] {
  display: none;
}

.LigneMonCompte select {
  margin: 0px !important;
}

#Contact.LigneMonCompte {
  border-bottom: none;
}

#Contact.LigneMonCompte input {
  margin-right: 60px !important;
}

#Contact.LigneMonCompte label {
  min-width: 0px;
  margin: 5px 15px;
}

#Contact.LigneMonCompte p {
  min-width: 235px;
}

#identifiants.LigneMonCompte label {
  min-width: 0px;
  margin: 5px 15px;
}

.LigneMonCompte .MonComptePrecision p {
  color: red;
  margin: 0;
  width: 100%;
}

.LigneMonCompte span.MonComptePrecision {
  width: 96%;
  display: flex;
  height: auto;
}

.LigneMonCompte a.btn_annuler {
  display: inline-block;
  /*height: 36px;*/
  /*min-width: 100px;*/
  color: #b41f23;
  text-align: center;
  font-size: 15px;
  border: none;
  cursor: pointer;
}

#identifiants {
  padding-right: 10px;
}

#identifiants label {
  min-width: 200px;
}

#autorise_conseiller input {
  height: 27px !important;
  margin-left: 10px !important;
}

#autorise_conseiller {
  border-bottom: 1px solid darkgray;
}

#MontrePDF {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}

#MontrePDF img {
  height: 100px;
}

#MontrePDF a {
  text-align: center;
  text-decoration: none;
}

.espace_perso .LigneMonCompte #montre_mdp a {
  margin-top: 5px;
  margin-right: 30px;
}

.espace_perso #Confirm_Mdp {
  padding-left: 162px;
}

.espace_perso button {
  background: #00929b;
  font-size: 15px !important;
  font-weight: bold !important;
  padding: 5px !important;
}

.espace_perso button:hover {
  background-color: #14b0ba;
}

form[name=form_compte_connexion_inscription] .column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

form[name=form_compte_connexion_inscription] .field input {
  margin: 0;
}

form[name=form_compte_connexion_inscription] .field input + span.message {
  padding: 5px 0 0 150px;
}

a {
  color: #1a171b;
  text-decoration: underline;
}
a.current, a:hover {
  color: #d4d4d4;
}

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