@charset "UTF-8";
.loadingmask-message {
  background: transparent;
  border-width: 0;
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: 1em;
}
.loadingmask-message .loadingmask-message-content {
  -webkit-animation: loading-animation 1.2s infinite ease-out;
  animation: loading-animation 1.2s infinite ease-out;
  background: transparent;
  border-radius: 50%;
  border-width: 0;
  clear: both;
  color: transparent;
  height: 1em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 1em;
}

.form-validator-stack {
  background: url("../../images/afpa/cross-warning.svg") no-repeat;
  clear: both;
  padding-left: 20px;
  color: #fa5555;
  line-height: 1;
}

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%;
}

/* ---------- Separator ---------- */
.separator {
  border-top: 1px solid #cdced9;
}

/* ---------- Status ---------- */
.entry-status {
  border-left: 4px solid transparent;
}

span.alert {
  display: inline-block;
}

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left;
}

.quick-access-nav {
  position: absolute;
  top: -1000px;
  width: 100%;
  z-index: 1000;
}
.quick-access-nav a {
  background: #333;
  background: rgba(51, 51, 51, 0.9);
  border: 1px solid #fff;
  left: 0;
  outline: none;
  padding: 8px;
  position: absolute;
  right: 0;
  text-align: center;
}
.quick-access-nav a:focus {
  color: #fff;
  top: 1000px;
}

@media (max-width: 991.98px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%;
  }
  .responsive-table-horizontal:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .responsive-table-horizontal tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .responsive-table-horizontal tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .responsive-table-horizontal tbody tr td {
    display: block;
    margin-bottom: 20px;
  }
  .responsive-table-horizontal tbody tr td:first-child {
    text-align: left;
  }
  .responsive-table-horizontal thead {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .responsive-table-horizontal thead:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .responsive-table-horizontal thead th {
    display: block;
    margin-bottom: 20px;
    text-align: right;
  }
  .responsive-table-horizontal thead th:first-child {
    text-align: right;
  }
  .ie9 .responsive-table-horizontal thead {
    float: none;
  }
}
.important {
  font-weight: bold;
}

.highlight {
  background: #ffc;
  font-weight: bold;
  margin: 0 1px;
}

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  /*Webkit and IE7 let clipped content change the scroll height of the page*/
  /*Scale webkit to 0*/
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  /*Change IE7 to using fixed*/
  *position: fixed !important;
  /*...And reset back to absolute for IE6*/
  _position: absolute !important;
}

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important;
}

.unselectable,
.unselectable * {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/* ---------- Cards ---------- */
/* ---------- Cards horizontal ---------- */
/* ---------- Dialogs ---------- */
/* ---------- Splitter ---------- */
/* ---------- Toggle card ---------- */
/* ---------- File icons colors ---------- */
/* ---------- File icons text colors ---------- */
/* ---------- User icons background colors ---------- */
/* ---------- User icons border color ---------- */
/* ---------- User icons colors ---------- */
.aspect-ratio.aspect-ratio-8-to-3 {
  padding-bottom: 37.5%;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.liferay-autocomplete-input-mirror {
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.card-tab-group .card-tab:nth-child(n+2) {
  border-left: 4px solid #65b6f0;
  padding-left: 20px;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab {
  border-left: 4px solid #93ccf5;
  padding-left: 20px;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab {
  border-left-color: #c2e2f9;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab .card-tab {
  border-left-width: 0;
  padding-left: 0;
}

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 95px;
}
.hsv-palette .hsv-view-container .hsv-value {
  width: 56px;
}

.yui3-color-picker-popover .palette-container {
  border-collapse: separate;
}

.dialog-iframe-popup .hsv-palette-modal.modal-dialog {
  bottom: 0 !important;
  left: 0 !important;
  margin: 0;
  max-width: none;
  right: 0 !important;
  top: 0 !important;
  width: 100%;
}
@media (min-width: 768px) {
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog {
    bottom: auto !important;
    height: 100%;
    left: 50% !important;
    max-height: 375px;
    max-width: 650px;
    right: auto !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
  bottom: 0;
  left: 0;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
    border-radius: 0;
    border-width: 0;
  }
}
@media (max-width: 767.98px) {
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .modal-body {
    padding: 1rem;
  }
}
.dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container {
  width: 100%;
}
.dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-image-container {
  margin: 0;
}

.dialog-bd {
  min-height: 30px;
}

.dialog-content {
  border: 1px solid #c8c9ca;
  padding: 5px;
}

.dialog-iframe-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.dialog-iframe-popup .lfr-form-content {
  padding: 15px;
}
.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-boundary,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-layout {
  height: 100%;
}
.dialog-iframe-popup .portlet-column {
  position: static;
}
.dialog-iframe-popup .dialog-body > .container-fluid-1280,
.dialog-iframe-popup .dialog-body .container-view,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree .container-view,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content .container-view,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content .container-view,
.dialog-iframe-popup .process-list > .container-fluid-1280,
.dialog-iframe-popup .process-list .container-view,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.dialog-iframe-popup .dialog-body > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .dialog-body > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .dialog-body .container-view > .nav-tabs-default,
.dialog-iframe-popup .dialog-body .container-view .nav-tabs-underline,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .export-dialog-tree .container-view > .nav-tabs-default,
.dialog-iframe-popup .export-dialog-tree .container-view .nav-tabs-underline,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view > .nav-tabs-default,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .lfr-form-content .container-view > .nav-tabs-default,
.dialog-iframe-popup .lfr-form-content .container-view .nav-tabs-underline,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .portlet-configuration-body-content .container-view > .nav-tabs-default,
.dialog-iframe-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.dialog-iframe-popup .process-list > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .process-list > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .process-list .container-view > .nav-tabs-default,
.dialog-iframe-popup .process-list .container-view .nav-tabs-underline,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .roles-selector-body .container-view > .nav-tabs-default,
.dialog-iframe-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
}
.dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body > .lfr-nav + .container-fluid-1280 {
  padding-top: 0;
}
.dialog-iframe-popup .login-container {
  padding: 1rem;
}
.dialog-iframe-popup .management-bar-default,
.dialog-iframe-popup .navbar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0;
}
.dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
  .dialog-iframe-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.dialog-iframe-popup .navigation-bar > .container-fluid {
  margin-left: 24px;
  margin-right: 24px;
  padding: 0;
}
.dialog-iframe-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.dialog-iframe-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.dialog-iframe-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .dialog-iframe-popup .lfr-dynamic-uploader,
  .dialog-iframe-popup .process-list {
    top: 48px;
  }
}
.dialog-iframe-popup .portlet-export-import-publish-processes {
  top: 0;
}

@media (min-width: 768px) {
  .dialog-with-footer #main-content,
  .dialog-with-footer #wrapper {
    height: calc(100% - 60px);
  }
}
.dialog-with-footer .button-holder.dialog-footer,
.dialog-with-footer .sheet-footer.dialog-footer {
  background-color: #FFF;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
}
@media (min-width: 768px) {
  .dialog-with-footer .button-holder.dialog-footer,
  .dialog-with-footer .sheet-footer.dialog-footer {
    position: fixed;
  }
}
.dialog-with-footer .button-holder.dialog-footer .btn,
.dialog-with-footer .sheet-footer.dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
@media (min-width: 768px) {
  .dialog-with-footer .dialog-body,
  .dialog-with-footer .lfr-dynamic-uploader,
  .dialog-with-footer .lfr-form-content,
  .dialog-with-footer .portlet-configuration-body-content,
  .dialog-with-footer .roles-selector-body {
    padding-bottom: 60px;
  }
}
.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative;
}
.lfr-editable:after {
  background: #68bb30 url(../images/common/edit_white.png) no-repeat 50%;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px;
}
.lfr-editable:focus:after {
  display: none;
}
.lfr-editable:focus:hover {
  background-color: transparent;
}
.lfr-editable:hover {
  background-color: rgba(255, 255, 255, 0.3);
  outline-color: #519226;
}
.lfr-editable:hover:after {
  background-color: #519226;
}

.lfr-editable-notice-close {
  margin-left: 1em;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.alloy-editor-container .alloy-editor {
  outline: 0;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder {
  color: #2b4259;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #dbdde1;
  color: #b0b4bb;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
  color: #ccc;
}
.alloy-editor-container .alloy-editor-icon {
  color: #869cad;
}

.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #cc6677;
}

.cke_dialog .cke_dialog_ui_input_text {
  height: auto;
}

.cke_editable_inline a {
  cursor: pointer;
}

.cke_panel.cke_combopanel {
  width: 220px;
}

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
}
.cke_panel_block .cke_panel_list {
  margin-left: 0;
}
.cke_panel_block .cke_panel_list .cke_panel_listItem {
  line-height: initial;
}
.cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
  text-decoration: none;
}

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 500px;
}
.cke_show_border td {
  height: 15px;
}

/* ---------- CKEditor image resizer ---------- */
.cke_widget_image .cke_image_resizer {
  bottom: -15px;
  height: 5px;
  outline-color: transparent;
  padding: 5px;
  right: -15px;
  width: 5px;
}

.html-editor.portlet {
  background: #fff;
  color: #000;
  line-height: 1;
  padding: 1em;
  text-align: start;
}

.html-editor.portlet-message-boards {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-wrap: break-word;
}
.html-editor.portlet-message-boards blockquote {
  background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
  border: 1px solid #777;
  padding: 5px 45px;
}
.html-editor.portlet-message-boards blockquote:after {
  background: url(../images/message_boards/quoteright.png) no-repeat 50%;
  content: "";
  display: block;
  float: right;
  height: 24px;
  margin-right: -35px;
  margin-top: -25px;
  width: 31px;
  z-index: 999;
}
.html-editor.portlet-message-boards blockquote cite {
  display: block;
  font-weight: bold;
}
.html-editor.portlet-message-boards pre {
  background: #f9f9f9;
  border: 1px solid #777;
  padding: 0.5em;
}

.lfr-source-editor {
  border-color: #ccc;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "\f0d7";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "\f0da";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border-color: #ccc;
}

.mce-content-body {
  text-align: start;
}

.file-icon-color-0 {
  background-color: #FFF;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #FFF;
  color: #a7a9bc;
}

.file-icon-color-2 {
  background-color: #FFF;
  color: #50d2a0;
}

.file-icon-color-3 {
  background-color: #FFF;
  color: #af78ff;
}

.file-icon-color-4 {
  background-color: #FFF;
  color: #ffb46e;
}

.file-icon-color-5 {
  background-color: #FFF;
  color: #ff5f5f;
}

.file-icon-color-6 {
  background-color: #FFF;
  color: #4b9bff;
}

.file-icon-color-7 {
  background-color: #FFF;
  color: #272833;
}

.lfr-item-viewer .image-viewer-base {
  outline: none;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
}
.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}

.image-viewer-caption {
  color: #777;
}

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777;
}

@media (min-width: 576px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0;
  }
}

.image-viewer-sidenav dd {
  color: #8b8b8b;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .image-viewer-sidenav dd {
    color: #777;
  }
}
.image-viewer-sidenav .h5 {
  color: #869cad;
  margin-bottom: 3px;
}
@media (min-width: 576px) {
  .image-viewer-sidenav .h5 {
    color: #fff;
  }
}
.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 20px;
}
.image-viewer-sidenav .nav-tabs-default > li:first-child {
  padding-left: 0;
}
.image-viewer-sidenav .nav-tabs-default > li:first-child > a {
  padding-left: 0;
}
.image-viewer-sidenav .nav-tabs-default > li > a {
  border-color: transparent;
  color: #777;
  padding-left: 0;
  padding-right: 0;
}
.image-viewer-sidenav .nav-tabs-default > li > .active {
  background-color: transparent;
}
.image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
  border-color: transparent;
  color: #777;
}
@media (min-width: 576px) {
  .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
    color: #fff;
  }
}
.image-viewer-sidenav .nav-tabs-default > li > .active:after {
  background-color: #65b6f0;
  bottom: -10px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: relative;
  right: 0;
}

.image-viewer-sidenav-body {
  padding-top: 0;
}

.lfr-item-viewer .lfr-item-viewer-close {
  color: #fff;
  opacity: 1;
}
.lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
  color: #fff;
}
.lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
  color: #777;
}

.lfr-item-viewer-icon-info {
  color: #fff;
}

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #e5f5fc;
  color: #009ae5;
}
.nav.list-group > .active {
  border-width: 1px 0 0 0;
}
.nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
  background-color: #60bfef;
  border: 1px solid #60bfef;
  color: #fff;
}
.nav.list-group .list-group-item {
  padding: 0;
}
.nav.list-group .list-group-item.nav-header {
  background-color: #f3f3f3;
  padding-left: 10px;
  padding-right: 10px;
}

.lfr-page-templates li a {
  padding: 0;
}
.lfr-page-templates li a label {
  cursor: pointer;
  display: block;
  padding: 5px 0 5px 5px;
}

.menu {
  position: absolute;
  width: auto;
}
.menu .notice-message {
  background-image: none;
  margin: 3px;
  padding: 6px;
}

.menu-content {
  background: #fff;
  list-style: none;
  min-width: 150px;
}
.menu-content li {
  margin: 0;
  padding: 0;
}
.menu-content li .disabled {
  color: #999;
}

.menu-content {
  background: #ccc9c9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #aeafb1 #777879 #777879 #aeafb1;
  padding: 2px 0;
}

.menugroup-content .menu-label {
  background: #d2d6de;
  color: #5b677d;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #fff;
}

.menugroup-content ul {
  display: block;
  min-width: 0;
}

.menu-content li {
  border-bottom: 1px solid #bcbbbb;
  border-top: 1px solid #eee;
  display: block;
  margin: 0;
  padding: 0;
}
.menu-content li.first {
  border-top-width: 0;
}
.menu-content li.last {
  border-bottom-width: 0;
}

.menu-content li a,
.menu-content li .disabled {
  color: #2c2f34;
  display: block;
  padding: 4px 5px;
  text-decoration: none;
}

.menu-content li a.focus,
.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.app-view-drop-active {
  background-color: #00a2ea;
  font-weight: bold;
}
.category-portlets .app-view-drop-active {
  background-color: #00a2ea;
  color: #fff;
}

.basecelleditor [class~=form-validator-message] {
  clip: rect(auto auto auto auto);
  width: auto;
}

.document-library-file-entry-cell-editor-hidden {
  display: none;
}

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle;
}

.has-control-menu .lfr-asset-anchor {
  height: 74px;
  margin-top: -74px;
}

.lfr-asset-anchor {
  display: block;
  height: 10px;
  margin-top: -10px;
  position: relative;
  z-index: -1;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal.card,
.lfr-page-layouts input[type=radio]:checked + .card-horizontal .card {
  background-color: #f8f9fa;
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  background-color: #007BFF;
  bottom: -1px;
  content: "";
  height: 4px;
  left: -1px;
  position: absolute;
  right: -1px;
  transition: height 0.15s ease-in-out;
}
.lfr-page-layouts .card-horizontal.card,
.lfr-page-layouts .card-horizontal .card {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.lfr-page-layouts .card-horizontal.card:hover,
.lfr-page-layouts .card-horizontal .card:hover {
  background-color: #f8f9fa;
  text-decoration: none;
}
.lfr-page-layouts .card-horizontal.card:focus,
.lfr-page-layouts .card-horizontal .card:focus {
  background-color: #f8f9fa;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.lfr-page-layouts .card-horizontal.card:active, .lfr-page-layouts .card-horizontal.card.active,
.lfr-page-layouts .card-horizontal .card:active,
.lfr-page-layouts .card-horizontal .card.active {
  background-color: #e9ecef;
}
.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: -1px;
  content: "";
  height: 0;
  left: -1px;
  position: absolute;
  right: -1px;
  transition: height 0.15s ease-in-out;
}
.lfr-page-layouts .card-horizontal:hover::after, .lfr-page-layouts .card-horizontal.hover::after {
  background-color: #007BFF;
  height: 4px;
}
.lfr-page-layouts .card-horizontal:focus::after, .lfr-page-layouts .card-horizontal.focus::after {
  background-color: #007BFF;
  height: 4px;
}
.lfr-page-layouts .card-horizontal:active::after, .lfr-page-layouts .card-horizontal.active::after {
  background-color: #007BFF;
  height: 4px;
}
.dialog-iframe-popup:not(.article-preview) #main-content,
.dialog-iframe-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed;
}

.modal-body {
  overflow: auto;
}
.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: none;
  }
}
.modal-dialog.modal-dialog-sm {
  max-width: 500px;
}

.modal-hidden {
  display: none;
}

.modal-open .modal {
  overflow: hidden;
}

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

.dragging .portlet-column.customizable {
  background-color: #cffccf;
  outline: 3px solid #5eaf3d;
}

.customizable-layout-column-content {
  background-color: #c92c3c;
}
.customizable-layout-column-content.yui3-widget-content-expanded {
  margin: 0 15px;
}

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8);
}

.customizable .customizable-layout-column-content {
  background-color: #5eaf3d;
}
.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8);
}

.layout-customizable-controls-container {
  margin: 0 15px;
  position: relative;
}

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15;
}
.layout-customizable-controls label {
  color: #fff;
}

.paginator-link {
  background: #eee no-repeat scroll 50% 1px;
  border: 1px solid #f0f1f2;
  border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
  color: #1f1e1e;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px;
}

.paginator-page-link {
  height: auto;
  text-indent: 0;
}

.paginator-current-page {
  background: #0083bd url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38b6ef #006d9e #006d9e #46b4e6;
  color: #fff;
  text-shadow: -1px -1px #003c57;
}

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png);
}

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png);
}

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png);
}

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png);
}

.paginator-current-page-report,
.paginator-total {
  color: #555;
  font-size: 0.9em;
}

.paginator-current-page-report {
  margin-left: 2em;
}

.taglib-page-iterator .search-pages .page-links {
  padding: 0;
}

.info-panel .panel-group {
  margin-left: -1rem;
  margin-right: -1rem;
}

.lfr-panel-container {
  background: #fff;
}

.lfr-panel-content {
  padding: 5px 10px;
}

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px;
}

.panel-hd {
  background: #c0c2c5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
  padding-left: 10px;
  text-shadow: 1px 1px #fff;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 0.5rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

@media (min-width: 576px) {
  .sheet .display-style-icon .lfr-asset-item {
    width: 25%;
  }
}
.splitter {
  background-color: #f8f9fa;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 10px 15px;
  position: relative;
  z-index: 1;
}
.splitter.splitter-spaced {
  border-radius: 0.25rem;
  margin-bottom: 20px;
}

.table > tbody > tr.splitter {
  height: auto;
}
.table > tbody > tr.splitter > td {
  padding: 0;
}

.lfr-nav.nav-tabs {
  margin-bottom: 20px;
}

.tab-active strong {
  font-weight: normal;
}

.tab-back {
  float: right;
}

.tab-back-content {
  border-width: 0;
  padding: 1px;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.tagselector-content {
  border-width: 0;
  padding: 0;
}
.tagselector-content .textboxlistentry-holder {
  border-bottom: 2px solid #869cad;
  margin-bottom: 10px;
  padding: 0;
}

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0;
}

.lfr-portal-tooltip {
  display: inline-block;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tooltip {
  max-width: 200px;
}
.tooltip .tooltip-arrow {
  background-color: #000;
  height: 0.6rem;
  position: absolute;
  transform: rotate(45deg);
  width: 0.6rem;
}

.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -0.3rem;
}

.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow {
  margin-top: -0.3rem;
  top: 50%;
}

.tooltip.bottom {
  padding-top: 0.3rem;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
}

.tooltip.left {
  padding-right: 0.3rem;
}
.tooltip.left .tooltip-arrow {
  right: 0;
}

.tooltip.right {
  padding-left: 0.3rem;
}
.tooltip.right .tooltip-arrow {
  left: 0;
}

.tooltip.top {
  padding-bottom: 0.3rem;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .icon-check:before {
  content: "\f096";
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node .tree-node-checked .icon-check:before {
  content: "\f046";
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.underlay {
  clear: both;
  top: 100%;
}
.underlay .yui3-widget-hd {
  height: 38px;
}

.underlay-hidden {
  display: none;
}

.underlay-content {
  background: #f4f3f3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #aeafb1;
  border-width: 0 1px 1px;
}

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px;
}

.user-icon-color-0 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4b9bff;
}

.user-icon-color-2 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ffb46e;
}

.user-icon-color-3 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ff5f5f;
}

.user-icon-color-4 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #50d2a0;
}

.user-icon-color-5 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ff73c3;
}

.user-icon-color-6 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #9be169;
}

.user-icon-color-7 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff;
}

.user-icon-color-8 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ffd76e;
}

.user-icon-color-9 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5fc8ff;
}

.modify-pages li {
  position: relative;
}
.modify-pages li.lfr-nav-hover .delete-tab {
  opacity: 1;
}
.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 16px;
  line-height: 6px;
  margin-top: -8px;
  opacity: 0;
  overflow: hidden;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #fff;
  top: 50%;
}
.modify-pages .delete-tab:hover {
  color: #b50303;
}
.modify-pages .drag-handle {
  cursor: move;
  left: 3px;
  margin-left: 15px;
  position: absolute;
  top: 15px;
}

.controls-hidden .modify-pages .drag-handle {
  display: none;
}

@media (min-width: 768px) {
  .touch .modify-pages .drag-handle {
    display: none;
  }
}

.nav li .toolbar {
  margin-top: 5px;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: "";
  height: 0.125rem;
  position: absolute;
  width: 100%;
}

.navigation-pane .body-row {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.navigation-pane .body-row ul li a .icon {
  float: left;
  margin-right: 5px;
}
.navigation-pane .lfr-component {
  margin-left: 0;
}
.navigation-pane .navigation-entry {
  position: relative;
}
.navigation-pane .navigation-entry.folder.error {
  display: block;
  padding: 6px 8px;
}
.navigation-pane .navigation-entry .browse-folder,
.navigation-pane .navigation-entry .nav-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.navigation-pane .navigation-entry .nav-item-icon {
  vertical-align: middle;
}
.navigation-pane .navigation-entry .overlay.entry-action {
  bottom: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.navigation-pane .navigation-entry .overlay.entry-action .btn {
  border-width: 0;
  margin: 0;
  padding: 11px 14px;
}
@media (min-width: 768px) {
  .navigation-pane .navigation-entry .overlay.entry-action .btn {
    padding: 11px;
  }
}

.nav-menu ul {
  padding-left: 10px;
}
.nav-menu li a.ancestor {
  font-weight: bold;
}
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.nav-menu-style-arrows ul {
  list-style-image: url(../images/arrows/04_right.png);
}

.portlet-navigation .nav-pills > li > a {
  margin-bottom: 2px;
}
.portlet-navigation .nav-pills > li > .dropdown-menu {
  margin-top: 0;
}

.split-button-dropdowns {
  list-style: none;
  margin: 0;
  padding: 0;
}
.split-button-dropdowns > li {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}

.form-options {
  border: 1px solid #aaa;
  display: inline-block;
  vertical-align: middle;
}
.form-options input {
  border-width: 0;
  display: inline;
  float: left;
}

.form-triggers {
  float: left;
}

.form-trigger {
  background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #bbb;
  display: inline-block;
  float: left;
}
.form-trigger img {
  background: no-repeat 50% 40%;
  height: 25px;
  padding: 0 3px;
  vertical-align: middle;
  width: 16px;
}
.form-trigger:focus, .form-trigger:hover {
  background-color: #83b0ca;
  background-image: url(../images/application/button_bg_over.png);
}

.trigger-selected {
  background-color: #ebebeb;
  background-image: url(../images/application/button_bg_selected.png);
}
.trigger-selected:focus, .trigger-selected:hover {
  background-color: #b7def4;
  background-image: url(../images/application/button_bg_selected_over.png);
}

.options-trigger img {
  background-image: url(../images/common/configuration.png);
}

.save-trigger img {
  background-image: url(../images/common/check.png);
}

/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
/* ---------- Portlet header ---------- */
body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.panel-page-content .portlet-title-text,
.panel-page-body .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

.portlet-draggable .portlet-topper {
  cursor: move;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction {
  display: block;
}

@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}

.lfr-status-alert-label,
.lfr-status-error-label,
.lfr-status-info-label,
.lfr-status-progress-label,
.lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
}

.lfr-status-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663;
}

.lfr-status-error-label {
  background-image: url(../images/messages/error.png);
  color: #900;
}

.lfr-status-help-label,
.lfr-status-info-label,
.lfr-status-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404f;
}

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png);
}

.lfr-status-progress-label {
  background-image: url(../images/aui/loading_indicator.gif);
}

.lfr-status-success-label {
  background-image: url(../images/messages/success.png);
  color: #384f34;
}

.portlet-msg {
  background: #eee none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404f;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left;
}

.lfr-message {
  position: relative;
}
.lfr-message .lfr-message-control {
  background-color: #333;
  display: inline-block;
}
.lfr-message .lfr-message-controls {
  display: none;
  left: 3px;
  margin: -8px 8px 0 3px;
  position: absolute;
  top: 50%;
  z-index: 10;
}
.lfr-message .lfr-message-close {
  background-image: url(../images/portlet/close_borderless.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.lfr-message .lfr-message-close-all {
  color: #fff;
  display: none;
  font-size: 0.8em;
  margin-left: 10px;
  padding: 1px 10px;
  text-shadow: 1px 1px 0 #000;
  vertical-align: top;
}
.lfr-message .lfr-message-close-all a {
  color: #fff;
}
.lfr-message .lfr-message-controls-hover .lfr-message-close-all {
  display: inline-block;
}
.lfr-message.pending {
  background-image: url(../images/common/time.png);
}

.lfr-message-content.alert {
  margin-bottom: 0;
}

.lfr-message-close {
  cursor: pointer;
}

/* ---------- Standard styles defined in the JSR 168 specification ---------- */
/* ---------- Fonts ---------- */
/* ---------- Sections ---------- */
.portlet-section-selected,
.portlet-section-selected a {
  background: #727c81;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.portlet-section-selected a:hover,
.portlet-section-selected a:focus {
  background-color: #727c81;
}

/* ---------- Forms ---------- */
/* ---------- Icons ---------- */
/* ---------- Menus ---------- */
@media (min-width: 576px) {
  .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper, .portlet.open > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}

@media (min-width: 576px) {
  .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable, .portlet.open > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.portlet {
  margin-bottom: 10px;
  position: relative;
  padding-left: 8px;
  margin-left: -1px;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 576px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

/* ---------- Portlet topper ---------- */
.portlet-actions {
  float: right;
}

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600;
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .lfr-configurator-visibility {
    opacity: 0.5;
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
  .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5;
  }
}

/* ---------- Portlet controls in mobile ---------- */
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6;
}
.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1;
}

.lfr-panel-page {
  width: 100%;
}
.lfr-panel-page .portlet-title {
  font-size: 13px;
}
.lfr-panel-page .lfr-add-content h2 span {
  background-color: #d3dadd;
}

.main-content-body {
  margin-top: 20px;
}

.restricted, .restricted td {
  background: #fdd;
  border-width: 0;
}
.restricted * {
  color: #727c81;
}

.alt.restricted td {
  background-color: #ffc0c0;
}

.hover.restricted td {
  background-color: #d3bdc0;
}

.alt.restricted td.first,
.restricted td.first {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}

.portlet-decorate .portlet-content {
  background: #FFF;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word;
}

.portlet-barebone .portlet-content {
  padding: 0;
}

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px 28px;
}

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0;
}
.taglib-calendar tr td a {
  background-color: #f0f5f7;
  border: 1px solid #fff;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0;
}
.taglib-calendar tr td a:hover {
  background-color: #727c81;
  color: #fff;
}
.taglib-calendar tr td.calendar-inactive {
  background-color: #fff;
  color: #b5bfc4;
}
.taglib-calendar tr th {
  border-bottom-color: #d7d7d7;
}
.taglib-calendar table td {
  border-width: 0;
}
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #fff;
}
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727c81;
  color: #369;
  text-decoration: underline;
}

/* ---------- Navbar form search ---------- */
.navbar form {
  margin: 0;
}

.menu-content,
.underlay-content {
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
}

.lfr-ddm-container .file-entry-upload-progress {
  border-radius: 0 0 4px 4px;
}

.lfr-preview-file-image img {
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
}

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
}

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
}

.portlet-document-library .lfr-ddm-small-image-preview,
.portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  box-shadow: 0 1px 3px #ccc;
}

.portlet-document-library-upload-mask .overlaymask-content {
  border-radius: 5px;
}

.overlaymask-content {
  background-color: #fff;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}

.product-menu .loading-animation {
  margin-top: 160px;
}

.lfr-search-combobox-item {
  border-radius: 1px;
}

.lfr-search-combobox .field-input-text {
  border-radius: 4px 1px 1px 4px;
}
.lfr-search-combobox .button-input {
  border-radius: 1px 4px 4px 1px;
}

.lfr-upload-container .progress-bar,
.lfr-upload-container .progress,
.lfr-editable:after {
  border-radius: 10px;
}

.portlet-language .portlet-body .current-language,
.portlet-language .portlet-body .taglib-icon,
.portlet-language .portlet-body .taglib-language-list-text {
  border-radius: 10px;
}

body > .lfr-menu-list ul,
.active-area-proxy,
.entry-display-style .entry-thumbnail,
.lfr-api-results,
.lfr-translation-manager,
.lfr-translation-manager-translation,
.lfr-upload-container .cancel-button .modify-pages .delete-tab,
.portlet-image-gallery-display .image-thumbnail img,
.rule-group-instance-container .rule-group-instance,
.select-documents,
.select-files,
.taglib-ratings.stars:hover,
.taglib-ratings.stars:hover .liferay-rating-vote > div,
.taglib-ratings.stars .rating-focused > div,
.tags-search-combobox .field-input-text {
  border-radius: 4px;
}

.entry-display-style,
.lfr-search-combobox,
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target,
.portlet-document-library .common-file-metadata-container.selected,
.portlet-document-library-display .common-file-metadata-container.selected,
.portlet-image-gallery-display .image-icon,
.select-documents,
.select-files {
  border-radius: 5px;
}

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder,
.portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
  border-radius: 6px;
}

.menu-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

.underlay-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.input-localized .lfr-input-localized-state {
  border-radius: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  box-shadow: 0 0 3px #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  box-shadow: 0 0 3px #ff0047;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  box-shadow: 0 0 3px #27c1f2;
}

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  border-radius: 0;
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
}

.lfr-message .lfr-message-control {
  border-radius: 10px;
}

.lfr-token {
  border-radius: 8px;
}

.staging-tabview-list {
  border-radius: 0;
}

.site-variations-tabview-list .tab-content,
.staging-tabview-list .tab-active .tab-content,
.tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  box-shadow: none;
}

.rule-group-instance-container .rule-group-instance {
  box-shadow: 1px 1px 2px #999;
}

.lfr-action-label {
  border-radius: 2px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}

@-webkit-keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s;
}

.lfr-spa-loading .lfr-spa-loading-bar {
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.lfr-spa-loading-bar {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text,
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  max-width: 200px;
}

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}

.portlet-document-library .entry-thumbnail .label,
.portlet-document-library-display .workflow-status .label,
.portlet-journal .entry-thumbnail .label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  animation: none;
}
.upload-drop-active .portlet-document-library .document-container {
  box-shadow: inset 0 0 5px #b8c1d1;
}

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.quick-access-nav a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  box-shadow: initial;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  box-shadow: none;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: linear-gradient(#fff, #e4e4e4);
  border-radius: 2px;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: linear-gradient(#f2f2f2, #ccc);
}

/* ---------- Switches ---------- */
input.switch:focus ~ .switch-bar:before {
  box-shadow: 0 0 3px #00f;
}
input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
input.switch:empty ~ .switch-bar .switch-icon,
input.switch:empty ~ .switch-bar .switch-toggle:after,
input.switch:empty ~ .switch-bar .switch-toggle:before {
  transition: all 100ms ease-in;
}
@media (prefers-reduced-motion: reduce) {
  input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
  input.switch:empty ~ .switch-bar .switch-icon,
  input.switch:empty ~ .switch-bar .switch-toggle:after,
  input.switch:empty ~ .switch-bar .switch-toggle:before {
    transition: none;
  }
}

/* ---------- Image selector ---------- */
.taglib-image-selector .icon-check {
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-image-selector .icon-check {
    transition: none;
  }
}
.taglib-image-selector .progress-wrapper .progressbar {
  border-radius: 0;
}

/* ---------- Drop here info ---------- */
.drop-here-info {
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info .drop-icons {
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

.drop-active .drop-here-info span:nth-of-type(1) {
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

/*! jQuery UI - v1.11.1 - 2014-08-13
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

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

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 60px;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0; /* support: IE7 */
  list-style: none;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25); /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  /*background: #cccccc url("../images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;*/
  color: #222222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("../images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  /*background: #dadada url("../images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;*/
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  /*background-image: url("../images/ui-icons_222222_256x240.png");*/
}

.ui-widget-header .ui-icon {
  /*background-image: url("../images/ui-icons_222222_256x240.png");*/
}

.ui-state-default .ui-icon {
  /*background-image: url("../images/ui-icons_888888_256x240.png");*/
  background: none;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  /*	background-image: url("images/ui-icons_454545_256x240.png");*/
}

.ui-state-active .ui-icon {
  /*background-image: url("images/ui-icons_454545_256x240.png");*/
}

.ui-state-highlight .ui-icon {
  background-image: url(../images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  /*background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;*/
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  /*background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;*/
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
  border-radius: 8px;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/****** Partials **/
/** Couleurs **/
/* Typographie */
/**Erreurs**/
/* URLs des images */
/* Rem Function : transform to REM with Px Fallback*/
/**************
******Typos **/
/* Rem Function : transform to REM with Px Fallback*/
/***Raleway***/
@font-face {
  font-family: "raleway-regular";
  src: url("fonts/raleway-regular-webfont.eot");
  src: url("fonts/raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-regular-webfont.woff2") format("woff2"), url("fonts/raleway-regular-webfont.woff") format("woff"), url("fonts/raleway-regular-webfont.ttf") format("truetype"), url("fonts/raleway-regular-webfont.svg#ralewayregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-medium";
  src: url("fonts/raleway-medium-webfont.eot");
  src: url("fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-medium-webfont.woff2") format("woff2"), url("fonts/raleway-medium-webfont.woff") format("woff"), url("fonts/raleway-medium-webfont.ttf") format("truetype"), url("fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-semibold";
  src: url("fonts/raleway-semibold-webfont.eot");
  src: url("fonts/raleway-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-semibold-webfont.woff2") format("woff2"), url("fonts/raleway-semibold-webfont.woff") format("woff"), url("fonts/raleway-semibold-webfont.ttf") format("truetype"), url("fonts/raleway-semibold-webfont.svg#ralewaysemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-bold";
  src: url("fonts/raleway-bold-webfont.eot");
  src: url("fonts/raleway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-bold-webfont.woff2") format("woff2"), url("fonts/raleway-bold-webfont.woff") format("woff"), url("fonts/raleway-bold-webfont.ttf") format("truetype"), url("fonts/raleway-bold-webfont.svg#ralewaybold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-extrabold";
  src: url("fonts/raleway-extrabold-webfont.eot");
  src: url("fonts/raleway-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-extrabold-webfont.woff") format("woff"), url("fonts/raleway-extrabold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/********Awesome***/
@font-face {
  font-family: "FontAwesome";
  src: url("fonts/fontawesome-webfont.eot");
  src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2") format("woff2"), url("fonts/fontawesome-webfont.woff") format("woff"), url("fonts/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*Variables typos */
/*Mixins */
/**Layout général **/
/**************
******Typos **/
/* Rem Function : transform to REM with Px Fallback*/
/***Raleway***/
@font-face {
  font-family: "raleway-regular";
  src: url("fonts/raleway-regular-webfont.eot");
  src: url("fonts/raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-regular-webfont.woff2") format("woff2"), url("fonts/raleway-regular-webfont.woff") format("woff"), url("fonts/raleway-regular-webfont.ttf") format("truetype"), url("fonts/raleway-regular-webfont.svg#ralewayregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-medium";
  src: url("fonts/raleway-medium-webfont.eot");
  src: url("fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-medium-webfont.woff2") format("woff2"), url("fonts/raleway-medium-webfont.woff") format("woff"), url("fonts/raleway-medium-webfont.ttf") format("truetype"), url("fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-semibold";
  src: url("fonts/raleway-semibold-webfont.eot");
  src: url("fonts/raleway-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-semibold-webfont.woff2") format("woff2"), url("fonts/raleway-semibold-webfont.woff") format("woff"), url("fonts/raleway-semibold-webfont.ttf") format("truetype"), url("fonts/raleway-semibold-webfont.svg#ralewaysemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-bold";
  src: url("fonts/raleway-bold-webfont.eot");
  src: url("fonts/raleway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-bold-webfont.woff2") format("woff2"), url("fonts/raleway-bold-webfont.woff") format("woff"), url("fonts/raleway-bold-webfont.ttf") format("truetype"), url("fonts/raleway-bold-webfont.svg#ralewaybold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-extrabold";
  src: url("fonts/raleway-extrabold-webfont.eot");
  src: url("fonts/raleway-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-extrabold-webfont.woff") format("woff"), url("fonts/raleway-extrabold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/********Awesome***/
@font-face {
  font-family: "FontAwesome";
  src: url("fonts/fontawesome-webfont.eot");
  src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2") format("woff2"), url("fonts/fontawesome-webfont.woff") format("woff"), url("fonts/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*Variables typos */
/*Mixins */
*, *:after, *:before {
  box-sizing: border-box;
}

html .container,
html .navbar-static-top .container,
html .navbar-fixed-top .container,
html .navbar-fixed-bottom .container,
.container {
  width: 1064px;
}

.container-absolute, .afpa-hmp .home-image .accroche-home-visuel { /***Centrage des blocs container en absolute **/
  left: 50%;
  margin-left: -512px;
  position: absolute;
  width: 1024px;
}

#content {
  min-height: 350px;
  padding-bottom: 1px;
}

#column-2.span2,
#column-2.span4 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/************************************
 **** GENERAL************************
 ***********************************/
html {
  font-size: 62.5%; /*Pour initailiser les REM**/
}
html body {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  color: #5A545A;
}
html body #wrapper {
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
html body #wrapper #content {
  background-color: #F1F1F1;
}
html body #wrapper #content .secondary-text {
  color: #908E8D;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
html body #wrapper #content .content-article { /**Contenus froids, autres que articles*/
  margin: 0 auto 60px auto;
}
html body #wrapper #content #main-content {
  margin: 0 auto;
}

.answer {
  margin-left: 50px;
}

/************************************
 **** TYPOS, TITRES ET PARAGRAPHES***
 ***********************************/
#content,
html .modal,
.global-popin,
html footer {
  /**** Paragraphes **/
}
#content h1, #content p.great-title,
html .modal h1,
html .modal p.great-title,
.global-popin h1,
.global-popin p.great-title,
html footer h1,
html footer p.great-title {
  line-height: 1.1764705882;
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "raleway-semibold";
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  margin: 10px auto;
}
#content h1.dark-title, #content p.great-title.dark-title,
html .modal h1.dark-title,
html .modal p.great-title.dark-title,
.global-popin h1.dark-title,
.global-popin p.great-title.dark-title,
html footer h1.dark-title,
html footer p.great-title.dark-title {
  color: #5A545A;
}
#content h1.left-one, #content p.great-title.left-one,
html .modal h1.left-one,
html .modal p.great-title.left-one,
.global-popin h1.left-one,
.global-popin p.great-title.left-one,
html footer h1.left-one,
html footer p.great-title.left-one {
  margin-top: 5px;
  text-align: left;
  text-transform: none;
}
#content h1 strong, #content p.great-title strong,
html .modal h1 strong,
html .modal p.great-title strong,
.global-popin h1 strong,
.global-popin p.great-title strong,
html footer h1 strong,
html footer p.great-title strong {
  font-family: "raleway-extrabold";
  font-weight: normal;
}
#content h2, #content h3, #content h4, #content h5, #content h6,
html .modal h2,
html .modal h3,
html .modal h4,
html .modal h5,
html .modal h6,
.global-popin h2,
.global-popin h3,
.global-popin h4,
.global-popin h5,
.global-popin h6,
html footer h2,
html footer h3,
html footer h4,
html footer h5,
html footer h6 {
  font-family: "raleway-semibold";
  font-weight: normal;
}
#content h2,
html .modal h2,
.global-popin h2,
html footer h2 {
  line-height: 1.25;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 0 15px 0;
  padding-bottom: 0;
}
#content h2.bold-title,
html .modal h2.bold-title,
.global-popin h2.bold-title,
html footer h2.bold-title {
  font-family: "raleway-bold";
}
@media only screen and (min-width: 600px) {
  #content h2.bold-title,
  html .modal h2.bold-title,
  .global-popin h2.bold-title,
  html footer h2.bold-title {
    margin: 0 0 10px 0;
  }
}
#content h2.middle,
html .modal h2.middle,
.global-popin h2.middle,
html footer h2.middle {
  font-family: "raleway-medium";
  font-weight: normal;
  margin: 0;
  text-align: center;
}
#content h2.center-one,
html .modal h2.center-one,
.global-popin h2.center-one,
html footer h2.center-one {
  text-align: center;
}
#content h3,
html .modal h3,
.global-popin h3,
html footer h3 {
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
}
#content h3 + .social-bar,
html .modal h3 + .social-bar,
.global-popin h3 + .social-bar,
html footer h3 + .social-bar {
  margin-top: 10px;
}
#content h3.specific-margin,
html .modal h3.specific-margin,
.global-popin h3.specific-margin,
html footer h3.specific-margin {
  margin: 3px 0 10px 0;
}
#content h3.regular,
html .modal h3.regular,
.global-popin h3.regular,
html footer h3.regular {
  clear: both;
  font-family: "raleway-regular";
}
#content h3.middle-min-center,
html .modal h3.middle-min-center,
.global-popin h3.middle-min-center,
html footer h3.middle-min-center { /***Texte centré, intelignage moindre*/
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
#content h3.middle-min-left,
html .modal h3.middle-min-left,
.global-popin h3.middle-min-left,
html footer h3.middle-min-left { /***Texte aligné a gauche, intelignage moindre*/
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
}
#content h3.min-line-height,
html .modal h3.min-line-height,
.global-popin h3.min-line-height,
html footer h3.min-line-height { /*** Interlignage très sérré, typo light*/
  line-height: 1.1111111111;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "raleway-medium";
}
#content h3.min-line-height-bold,
html .modal h3.min-line-height-bold,
.global-popin h3.min-line-height-bold,
html footer h3.min-line-height-bold {
  line-height: 1.1111111111;
  font-size: 18px;
  font-size: 1.8rem;
}
#content h3.medium, #content h3.blue-title,
html .modal h3.medium,
html .modal h3.blue-title,
.global-popin h3.medium,
.global-popin h3.blue-title,
html footer h3.medium,
html footer h3.blue-title {
  font-family: "raleway-medium";
}
#content h3.bold,
html .modal h3.bold,
.global-popin h3.bold,
html footer h3.bold {
  font-family: "raleway-bold";
}
#content h3.bold:after,
html .modal h3.bold:after,
.global-popin h3.bold:after,
html footer h3.bold:after {
  /* Affiche la barre dessous le titre */
  background-color: #FFFFFF;
  margin: 8px 0 0 0px;
}
#content h3.pink-title, #content .edito-blocs.twitter h3, .edito-blocs.twitter #content h3, #content h3.green-title,
html .modal h3.pink-title,
html .modal .edito-blocs.twitter h3,
.edito-blocs.twitter html .modal h3,
html .modal h3.green-title,
.global-popin h3.pink-title,
.global-popin .edito-blocs.twitter h3,
.edito-blocs.twitter .global-popin h3,
.global-popin h3.green-title,
html footer h3.pink-title,
html footer .edito-blocs.twitter h3,
.edito-blocs.twitter html footer h3,
html footer h3.green-title {
  padding-left: 36px;
}
#content h3.pink-title:after, #content .edito-blocs.twitter h3:after, .edito-blocs.twitter #content h3:after, #content h3.green-title:after,
html .modal h3.pink-title:after,
html .modal .edito-blocs.twitter h3:after,
.edito-blocs.twitter html .modal h3:after,
html .modal h3.green-title:after,
.global-popin h3.pink-title:after,
.global-popin .edito-blocs.twitter h3:after,
.edito-blocs.twitter .global-popin h3:after,
.global-popin h3.green-title:after,
html footer h3.pink-title:after,
html footer .edito-blocs.twitter h3:after,
.edito-blocs.twitter html footer h3:after,
html footer h3.green-title:after {
  /* Affiche la barre dessous le titre */
  margin: 8px 0 0 -30px;
}
#content h3.blue-title,
html .modal h3.blue-title,
.global-popin h3.blue-title,
html footer h3.blue-title {
  color: #00A0E0;
}
#content h3.blue-title:after,
html .modal h3.blue-title:after,
.global-popin h3.blue-title:after,
html footer h3.blue-title:after {
  background-color: #00A0E0;
  margin: 14px 0 0 0px;
}
#content h3.green-title,
html .modal h3.green-title,
.global-popin h3.green-title,
html footer h3.green-title {
  color: #87BB34;
}
#content h3.green-title:after,
html .modal h3.green-title:after,
.global-popin h3.green-title:after,
html footer h3.green-title:after {
  background-color: #87BB34;
}
#content h3.pink-title, #content .edito-blocs.twitter h3, .edito-blocs.twitter #content h3,
html .modal h3.pink-title,
html .modal .edito-blocs.twitter h3,
.edito-blocs.twitter html .modal h3,
.global-popin h3.pink-title,
.global-popin .edito-blocs.twitter h3,
.edito-blocs.twitter .global-popin h3,
html footer h3.pink-title,
html footer .edito-blocs.twitter h3,
.edito-blocs.twitter html footer h3 {
  color: #E3007E;
}
#content h3.pink-title:after, #content .edito-blocs.twitter h3:after, .edito-blocs.twitter #content h3:after,
html .modal h3.pink-title:after,
html .modal .edito-blocs.twitter h3:after,
.edito-blocs.twitter html .modal h3:after,
.global-popin h3.pink-title:after,
.global-popin .edito-blocs.twitter h3:after,
.edito-blocs.twitter .global-popin h3:after,
html footer h3.pink-title:after,
html footer .edito-blocs.twitter h3:after,
.edito-blocs.twitter html footer h3:after {
  background-color: #E3007E;
  width: 83px;
}
#content h3.pink-title.news, #content .edito-blocs.twitter h3.news, .edito-blocs.twitter #content h3.news,
html .modal h3.pink-title.news,
html .modal .edito-blocs.twitter h3.news,
.edito-blocs.twitter html .modal h3.news,
.global-popin h3.pink-title.news,
.global-popin .edito-blocs.twitter h3.news,
.edito-blocs.twitter .global-popin h3.news,
html footer h3.pink-title.news,
html footer .edito-blocs.twitter h3.news,
.edito-blocs.twitter html footer h3.news {
  background: url("../images/afpa/action/news-picto.svg") no-repeat scroll left -3px/25px auto transparent;
}
#content h4,
html .modal h4,
.global-popin h4,
html footer h4 {
  line-height: 1.375;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 0;
}
#content h4.medium,
html .modal h4.medium,
.global-popin h4.medium,
html footer h4.medium {
  font-family: "raleway-medium";
}
#content h4.regular,
html .modal h4.regular,
.global-popin h4.regular,
html footer h4.regular {
  font-family: "raleway-regular";
}
#content h4.pink-subtitle,
html .modal h4.pink-subtitle,
.global-popin h4.pink-subtitle,
html footer h4.pink-subtitle {
  color: #E3007E;
}
#content h5,
html .modal h5,
.global-popin h5,
html footer h5 {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}
#content h5.specific-accordion,
html .modal h5.specific-accordion,
.global-popin h5.specific-accordion,
html footer h5.specific-accordion {
  font-family: Arial, sans-serif;
}
#content h6,
html .modal h6,
.global-popin h6,
html footer h6 {
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}
#content p,
html .modal p,
.global-popin p,
html footer p {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}
#content p.carte-title,
html .modal p.carte-title,
.global-popin p.carte-title,
html footer p.carte-title {
  line-height: 1.1764705882;
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "raleway-semibold";
  margin: 0 0 15px 0;
}
#content p.maj,
html .modal p.maj,
.global-popin p.maj,
html footer p.maj {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
}
#content p.maj strong,
html .modal p.maj strong,
.global-popin p.maj strong,
html footer p.maj strong {
  font-family: Arial, sans-serif;
  font-weight: bold;
}
#content p.legend-paragraphe,
html .modal p.legend-paragraphe,
.global-popin p.legend-paragraphe,
html footer p.legend-paragraphe {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
}
#content p.legend,
html .modal p.legend,
.global-popin p.legend,
html footer p.legend {
  line-height: 1.3333333333;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
}
#content p.chapeau,
html .modal p.chapeau,
.global-popin p.chapeau,
html footer p.chapeau {
  line-height: 1.375;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
#content p.exergue,
html .modal p.exergue,
.global-popin p.exergue,
html footer p.exergue {
  line-height: 1.375;
  font-size: 16px;
  font-size: 1.6rem;
  border-left: 4px double #DEDEDE;
  font-weight: bold;
  margin: 10px 0 34px 20px;
  padding-left: 20px;
}
#content p.no-results-text,
html .modal p.no-results-text,
.global-popin p.no-results-text,
html footer p.no-results-text {
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "raleway-medium";
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
  text-align: left;
}

html footer h2 {
  text-align: center;
}

/************************************
 **** Portlets avec fonds colorés****
 ***********************************/
.custom-back, .center-locator .search-result,
#centresList .search-result {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "raleway-regular";
  margin-bottom: 10px;
  padding: 20px;
}
.custom-back h3, .center-locator .search-result h3,
#centresList .search-result h3 {
  margin: 0 0 10px 0;
}
.custom-back.back-white, .center-locator .back-white.search-result,
#centresList .back-white.search-result {
  background-color: #FFFFFF;
}
.custom-back.no-padding, .center-locator .no-padding.search-result,
#centresList .no-padding.search-result {
  padding: 0;
}
.custom-back.back-neutral, .center-locator .custom-back.search-result, .center-locator .back-neutral.search-result, .center-locator .search-result,
#centresList .search-result {
  background-color: #FFFFFF;
}
.custom-back.back-tools, .center-locator .back-tools.search-result,
#centresList .back-tools.search-result {
  background-color: #00A0E0;
}
.custom-back.back-identity, .center-locator .back-identity.search-result,
#centresList .back-identity.search-result { /**Portlet avec fond coloré - identité  */
  background-color: #87BB34;
  padding: 15px 20px 20px 20px;
}
.custom-back.back-identity.center-locator-information-bloc, .center-locator .back-identity.center-locator-information-bloc.search-result,
#centresList .back-identity.center-locator-information-bloc.search-result {
  margin-top: 50px;
}
.custom-back.back-identity span.center-locator-information, .center-locator .back-identity.search-result span.center-locator-information,
#centresList .back-identity.search-result span.center-locator-information {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  font-family: "raleway-regular";
  font-weight: normal;
}
.custom-back.back-identity span.center-locator-information:after, .center-locator .back-identity.search-result span.center-locator-information:after,
#centresList .back-identity.search-result span.center-locator-information:after {
  background-color: #FFFFFF;
  margin: 20px 0 0 0;
}
.custom-back.back-identity, .center-locator .back-identity.search-result,
#centresList .back-identity.search-result, .custom-back.back-tools, .center-locator .back-tools.search-result,
#centresList .back-tools.search-result, .custom-back.back-action, .center-locator .back-action.search-result,
#centresList .back-action.search-result { /**Portlets avec fonds colorés / Typo blanche*/
  color: #FFFFFF;
}
.custom-back.back-identity a, .center-locator .back-identity.search-result a,
#centresList .back-identity.search-result a, .custom-back.back-tools a, .center-locator .back-tools.search-result a,
#centresList .back-tools.search-result a, .custom-back.back-action a, .center-locator .back-action.search-result a,
#centresList .back-action.search-result a {
  cursor: pointer;
  font-weight: bold;
  margin-top: 30px;
}
.custom-back.back-identity caption.horaires + div, .center-locator .back-identity.search-result caption.horaires + div,
#centresList .back-identity.search-result caption.horaires + div, .custom-back.back-tools caption.horaires + div, .center-locator .back-tools.search-result caption.horaires + div,
#centresList .back-tools.search-result caption.horaires + div, .custom-back.back-action caption.horaires + div, .center-locator .back-action.search-result caption.horaires + div,
#centresList .back-action.search-result caption.horaires + div {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
}
.custom-back.back-identity caption.horaires, .center-locator .back-identity.search-result caption.horaires,
#centresList .back-identity.search-result caption.horaires, .custom-back.back-tools caption.horaires, .center-locator .back-tools.search-result caption.horaires,
#centresList .back-tools.search-result caption.horaires, .custom-back.back-action caption.horaires, .center-locator .back-action.search-result caption.horaires,
#centresList .back-action.search-result caption.horaires {
  background: url("../images/afpa/identite/picto-horaires.svg") no-repeat scroll left top/28px auto transparent;
  margin-top: 30px;
  padding-bottom: 2px;
  position: relative;
  text-align: left;
  line-height: 1.66667;
  font-size: 1.8rem;
  font-family: "raleway-semibold";
  padding-left: 36px;
  caption-side: top;
  color: white;
}
.custom-back.back-identity caption.horaires:before, .center-locator .back-identity.search-result caption.horaires:before,
#centresList .back-identity.search-result caption.horaires:before, .custom-back.back-tools caption.horaires:before, .center-locator .back-tools.search-result caption.horaires:before,
#centresList .back-tools.search-result caption.horaires:before, .custom-back.back-action caption.horaires:before, .center-locator .back-action.search-result caption.horaires:before,
#centresList .back-action.search-result caption.horaires:before {
  background-color: #FFFFFF;
  left: 0;
  position: absolute;
  top: -15px;
}
.custom-back.back-identity caption.horaires + div, .center-locator .back-identity.search-result caption.horaires + div,
#centresList .back-identity.search-result caption.horaires + div, .custom-back.back-tools caption.horaires + div, .center-locator .back-tools.search-result caption.horaires + div,
#centresList .back-tools.search-result caption.horaires + div, .custom-back.back-action caption.horaires + div, .center-locator .back-action.search-result caption.horaires + div,
#centresList .back-action.search-result caption.horaires + div {
  margin-top: -5px;
}
.custom-back.back-identity h3, .center-locator .back-identity.search-result h3,
#centresList .back-identity.search-result h3, .custom-back.back-tools h3, .center-locator .back-tools.search-result h3,
#centresList .back-tools.search-result h3, .custom-back.back-action h3, .center-locator .back-action.search-result h3,
#centresList .back-action.search-result h3 {
  padding-left: 36px;
}
.custom-back.back-identity h3.adress, .center-locator .back-identity.search-result h3.adress,
#centresList .back-identity.search-result h3.adress, .custom-back.back-tools h3.adress, .center-locator .back-tools.search-result h3.adress,
#centresList .back-tools.search-result h3.adress, .custom-back.back-action h3.adress, .center-locator .back-action.search-result h3.adress,
#centresList .back-action.search-result h3.adress {
  background: url("../images/afpa/identite/picto-adresse.svg") no-repeat scroll left top/28px auto transparent;
}
.custom-back.back-identity h3.adress + div, .center-locator .back-identity.search-result h3.adress + div,
#centresList .back-identity.search-result h3.adress + div, .custom-back.back-tools h3.adress + div, .center-locator .back-tools.search-result h3.adress + div,
#centresList .back-tools.search-result h3.adress + div, .custom-back.back-action h3.adress + div, .center-locator .back-action.search-result h3.adress + div,
#centresList .back-action.search-result h3.adress + div {
  margin: -5px 0 15px 0;
}
.custom-back.back-identity h3.adress + div, .center-locator .back-identity.search-result h3.adress + div,
#centresList .back-identity.search-result h3.adress + div, .custom-back.back-tools h3.adress + div, .center-locator .back-tools.search-result h3.adress + div,
#centresList .back-tools.search-result h3.adress + div, .custom-back.back-action h3.adress + div, .center-locator .back-action.search-result h3.adress + div,
#centresList .back-action.search-result h3.adress + div {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
}
.custom-back.back-identity h3.agenda, .center-locator .back-identity.search-result h3.agenda,
#centresList .back-identity.search-result h3.agenda, .custom-back.back-tools h3.agenda, .center-locator .back-tools.search-result h3.agenda,
#centresList .back-tools.search-result h3.agenda, .custom-back.back-action h3.agenda, .center-locator .back-action.search-result h3.agenda,
#centresList .back-action.search-result h3.agenda {
  background: url("../images/afpa/outils/picto-agenda.svg") no-repeat scroll left top/25px auto transparent;
  margin-bottom: 20px;
}
.custom-back.back-identity h3.agenda + p, .center-locator .back-identity.search-result h3.agenda + p,
#centresList .back-identity.search-result h3.agenda + p, .custom-back.back-tools h3.agenda + p, .center-locator .back-tools.search-result h3.agenda + p,
#centresList .back-tools.search-result h3.agenda + p, .custom-back.back-action h3.agenda + p, .center-locator .back-action.search-result h3.agenda + p,
#centresList .back-action.search-result h3.agenda + p {
  clear: both;
  margin-bottom: 0;
}
.custom-back > p, .center-locator .search-result > p,
#centresList .search-result > p {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.custom-back > p strong, .center-locator .search-result > p strong,
#centresList .search-result > p strong {
  font-family: "raleway-semibold";
}
.custom-back ul li, .center-locator .search-result ul li,
#centresList .search-result ul li {
  list-style-type: none;
}
.custom-back table th:first-of-type, .center-locator .search-result table th:first-of-type,
#centresList .search-result table th:first-of-type {
  padding: 0 15px 0 0;
  text-align: left;
}
.custom-back table td:first-of-type, .center-locator .search-result table td:first-of-type,
#centresList .search-result table td:first-of-type {
  padding: 0 15px 0 0;
}
.custom-back table td span, .center-locator .search-result table td span,
#centresList .search-result table td span {
  display: inline-block;
  margin: 0 2px;
}
.custom-back div span.city, .center-locator .search-result div span.city,
#centresList .search-result div span.city {
  text-transform: uppercase;
}
.custom-back div span.tel, .center-locator .search-result div span.tel,
#centresList .search-result div span.tel, .custom-back div span.center-state, .center-locator .search-result div span.center-state,
#centresList .search-result div span.center-state {
  display: block;
  margin-top: 7px;
}

.numTelephoneImgNoFloat {
  max-width: 150px !important;
  max-height: 45px !important;
  position: relative !important;
  top: 0px !important;
  float: none !important;
}

.numTelephoneImg {
  max-width: 150px !important;
  max-height: 45px !important;
  position: relative !important;
  top: 0px !important;
}

.numTelephoneLink {
  display: inline-block !important;
  background: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.numTelephoneLinkList {
  display: block !important;
  background: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.back-action {
  background-color: #E3007E;
  padding: 20px;
  overflow: hidden;
  width: 100%;
}
.back-action h2 {
  color: #FFFFFF;
  margin-top: 10px;
}
.back-action h2:after {
  background-color: #FFFFFF;
  margin: 25px 0 0 0;
}
.back-action p {
  color: #FFFFFF;
  margin: 0 0 30px 0;
}
.back-action a.white-link {
  background-color: #FFFFFF;
  color: #E3007E;
  display: block;
  float: right;
  font-weight: bold;
  line-height: 46px;
  padding: 0 20px;
}

/**divs qui remontent sur le bloc du dessus */
.custom-debord {
  position: relative;
  z-index: 4;
}

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

/*** Couleurs de texte spécifiques **/
.identity-font {
  color: #87BB34;
}

.fade-font {
  color: #908E8D;
}

.identity-font,
.fade-font {
  font-family: "raleway-medium";
}

/********************
 **** Mixins****
 ********************/
/*** Gère les colonnes width **/
/********************
 **** Séparateur ****
 ********************/
html hr, html hr.short-break-white, html hr.short-break-gray {
  margin: 8px 0;
}

/** Séparateur court **/
hr.short-break, hr.short-break-white, hr.short-break-gray {
  border-width: 1px;
  background-color: #F1F1F1;
  width: 83px;
  border-bottom: none;
}

hr.short-break-gray {
  background-color: #F1F1F1;
  border-color: #DEDEDE #DEDEDE;
}

hr.short-break-white {
  border-color: #FFFFFF -moz-use-text-color #FFFFFF;
}

/** Séparateur Long **/
hr.long-break-light-gray-thin {
  background-color: #F1F1F1;
  /*@extend hr.long-break;*/
  border-color: #F1F1F1 #F1F1F1;
}

hr.long-break-light-gray-thin {
  border-width: 1px;
}

hr.second-break.long-break-light-gray-large {
  background-color: #F1F1F1;
  border-color: #F1F1F1;
  margin: 0;
}

/***************************************
 **** Style des layouts personnalisés****
 ***************************************/
.afpa_2_columns .transparent-background .portlet-borderless,
.afpa_1_columns .transparent-background .portlet-borderless,
.afpa_2_1_columns .transparent-background .portlet-borderless,
.afpa_1_3_1_2_1_2_2_columns .transparent-background .portlet-borderless,
.afpa_1_2_columns .transparent-background .portlet-borderless {
  background-color: transparent;
}

/***************************************
 ****Surcharge de la grille*************
 ***************************************/
html .row .span4,
html .span4 {
  width: 32.66%;
  margin-left: 1%;
}
html .row .global-search-list.span8,
html .global-search-list.span8 {
  float: right;
}
html .row .span8,
html .span8 {
  width: 65.3%;
  margin-left: 1%;
}

/***************************************
 **** Images masques ***
 ***************************************/
.big-mask {
  float: left;
  width: 334px;
}
.big-mask img {
  -moz-border-radius-topleft: 170px;
  -webkit-border-top-left-radius: 170px;
  border-top-left-radius: 170px;
  -moz-border-radius-bottomleft: 170px;
  -webkit-border-bottom-left-radius: 170px;
  border-bottom-left-radius: 170px;
  border-bottom-right-radius: 170px;
}

.extra-small-mask {
  float: left;
  height: 62px;
  margin: 8px 10px 0 0;
  width: 62px;
}
.extra-small-mask img {
  -moz-border-radius-topleft: 30px;
  -webkit-border-top-left-radius: 30px;
  border-top-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

/***************************************
 **** reset default styles****
 ***************************************/
.portlet-column-content.empty {
  padding: 0;
}

/***************************************
 **** Commun styles ********************
 ***************************************/
.edito-title {
  color: #E3007E;
  font-family: "raleway-semibold";
}

.text-important {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  font-family: "raleway-regular";
}

/***************************************
 ****Page 404 **************************
 ***************************************/
.no-page {
  background: url("../images/afpa/back.jpg") no-repeat center top/cover rgba(0, 0, 0, 0);
  min-height: 660px;
  padding: 1px;
  position: relative;
}
.no-page .afpa-breadcrumb-portlet {
  margin-top: 15px;
}
.no-page .error-page {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("../images/afpa/smiley-404.svg") no-repeat scroll center top/84px auto transparent;
  color: #FFFFFF;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 50%;
}
.no-page .error-page h1 {
  padding-top: 86px;
  text-transform: uppercase;
}
.no-page .error-page h3 {
  margin: 25px 0 20px;
}
.no-page .error-page a {
  margin: 0 auto;
}

#hrefFm {
  margin: 0;
}

/*** BREADCRUMB**/
.afpa-breadcrumb-portlet {
  margin-top: 4px;
  padding-bottom: 2px;
}
.afpa-breadcrumb-portlet .button-breadcrumb {
  background: url("../images/afpa/back-pink.svg") no-repeat scroll 12px center/7px auto #FFFFFF;
  display: inline-block;
  opacity: 0.9;
  padding: 15px 20px 15px 30px;
}
.afpa-breadcrumb-portlet .button-breadcrumb:hover, .afpa-breadcrumb-portlet .button-breadcrumb:focus {
  color: #5A545A;
  font-weight: bold;
}
.afpa-breadcrumb-portlet .portlet {
  min-height: 1em;
  text-align: left;
}
.afpa-breadcrumb-portlet .portlet .image-chevron {
  margin: 0 6px;
}
.afpa-breadcrumb-portlet .portlet .image-chevron.white-breadcrumb {
  background: url("../images/afpa/back-white-two.svg") no-repeat scroll left center/7px auto transparent;
}
.afpa-breadcrumb-portlet .portlet .image-chevron.gray-breadcrumb {
  background: url("../images/afpa/back-green.svg") no-repeat scroll left center/7px auto transparent;
}
.afpa-breadcrumb-portlet .portlet .white-breadcrumb {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFFFFF;
}
.afpa-breadcrumb-portlet .portlet .white-breadcrumb.back-link {
  background: url("../images/afpa/back-white.svg") no-repeat scroll left center/7px auto transparent;
  padding: 0 10px 0 15px;
}
.afpa-breadcrumb-portlet .portlet .white-breadcrumb.back-link:after {
  content: "|";
  color: #FFFFFF;
  position: relative;
  right: -8px;
}
.afpa-breadcrumb-portlet .portlet .gray-breadcrumb {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
}
.afpa-breadcrumb-portlet .portlet .gray-breadcrumb.back-link {
  background: url("../images/afpa/back-pink.svg") no-repeat scroll left center/7px auto transparent;
  color: #E3007E;
  padding: 0 10px 0 15px;
}
.afpa-breadcrumb-portlet .portlet .gray-breadcrumb.back-link:after {
  content: "|";
  color: #E3007E;
  position: relative;
  right: -8px;
}
.afpa-breadcrumb-portlet .portlet span {
  display: inline;
}
.afpa-breadcrumb-portlet .portlet span.white-breadcrumb:hover, .afpa-breadcrumb-portlet .portlet span.white-breadcrumb:focus {
  color: #FFFFFF;
}
.afpa-breadcrumb-portlet .portlet span.gray-breadcrumb:hover, .afpa-breadcrumb-portlet .portlet span.gray-breadcrumb:focus {
  color: #5A545A;
}
.afpa-breadcrumb-portlet .portlet span.image-chevron {
  display: inline-block;
  height: 10px;
  width: 7px;
}
.afpa-breadcrumb-portlet .portlet a.white-breadcrumb:hover, .afpa-breadcrumb-portlet .portlet a.white-breadcrumb:focus {
  color: #FFFFFF;
  font-weight: bold;
}
.afpa-breadcrumb-portlet .portlet a.gray-breadcrumb:hover, .afpa-breadcrumb-portlet .portlet a.gray-breadcrumb:focus {
  color: #5A545A;
  font-weight: bold;
}
.afpa-breadcrumb-portlet .portlet a.gray-breadcrumb.back-link:hover, .afpa-breadcrumb-portlet .portlet a.gray-breadcrumb.back-link:focus {
  color: #E3007E;
  font-weight: bold;
}

/**** Breadcrumb Portlet vérification email***/
.verify-email .back-link {
  background: url("../images/afpa/back-pink.svg") no-repeat scroll left center/7px auto transparent;
  color: #E3007E;
  padding: 0 10px 0 15px;
}
.verify-email .back-link:hover, .verify-email .back-link:focus {
  color: #E3007E;
  font-weight: bold;
}
.verify-email .portlet-borderless-container .image-chevron.white-breadcrumb {
  background: url("../images/afpa/back-green.svg") no-repeat scroll left center/7px auto transparent;
}
.verify-email .portlet-borderless-container a.white-breadcrumb, .verify-email .portlet-borderless-container span.white-breadcrumb {
  color: #5A545A;
}
.verify-email .portlet-borderless-container a.white-breadcrumb:hover, .verify-email .portlet-borderless-container a.white-breadcrumb:focus, .verify-email .portlet-borderless-container span.white-breadcrumb:hover, .verify-email .portlet-borderless-container span.white-breadcrumb:focus {
  color: #5A545A;
}

/****Sitemap**/
.sitemap {
  margin-bottom: 60px;
}
.sitemap h1 {
  margin-bottom: 5px;
}
.sitemap h3.title-sitemap {
  margin: 18px 0 0 0;
}
.sitemap h3.title-sitemap img {
  margin: 0 10px 3px 0;
}
.sitemap h3.resume {
  margin: 0;
}
.sitemap a.level-one {
  margin-left: 40px;
}
.sitemap ul {
  margin: 0 0 0 60px;
}
.sitemap ul li {
  list-style-type: none;
}
.sitemap ul li a {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
}
.sitemap a:hover, .sitemap a:focus {
  color: #5A545A;
  font-weight: bold;
}

/**** Loader GIF **/
#loader {
  clear: both;
  text-align: center;
  padding: 20px 0;
  width: 100%;
}

/**Style des boutons **/
/*Mixins*/
/********************
 **** Liens ****
 ********************/
html a,
html a:focus {
  color: #5A545A;
  font-family: Arial, sans-serif;
  font-size: 14px;
  outline: none;
}
html a:hover, html a:focus,
html a:focus:hover,
html a:focus:focus {
  text-decoration: none;
}
html a.popular-search-link,
html a:focus.popular-search-link {
  text-decoration: underline;
  color: #FFFFFF;
}
html a.popular-search-link:visited,
html a:focus.popular-search-link:visited {
  color: #FFFFFF;
}
html a.popular-search-link:focus,
html a:focus.popular-search-link:focus {
  color: #FFFFFF;
}
html a.popular-search-link:hover,
html a:focus.popular-search-link:hover {
  color: #FFFFFF;
}
html a.popular-search-link:active,
html a:focus.popular-search-link:active {
  color: #FFFFFF;
}
html a.simple-link-no-marge, html .center-locator .search-result div:nth-child(3) a, .center-locator .search-result div:nth-child(3) html a,
html #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) html a, html a.lien-texte-simple, html #content a.lien-texte-simple, #content html a.lien-texte-simple, html a.simple-link, html .edito-blocs a, .edito-blocs html a, html .custom-back.back-neutral a, html .center-locator .search-result a, .center-locator html .search-result a,
html #centresList .search-result a,
#centresList html .search-result a, .custom-back.back-neutral html a, .center-locator .search-result html a,
#centresList .search-result html a,
html a.simple-link:focus,
html .edito-blocs a:focus,
.edito-blocs html a:focus,
html a:focus.simple-link-no-marge,
html a.lien-texte-simple:focus { /*** Pour les liens simples sans margin top**/
  color: #E3007E;
  background: url("../images/afpa/chevron-rose.png") no-repeat left center;
  display: block;
  text-decoration: none;
}
html a.simple-link-no-marge:visited, html a.lien-texte-simple:visited, html #content a.lien-texte-simple:visited, #content html a.lien-texte-simple:visited, html a.simple-link:visited, html .edito-blocs a:visited, .edito-blocs html a:visited, html .custom-back.back-neutral a:visited, html .center-locator .search-result a:visited, .center-locator html .search-result a:visited,
html #centresList .search-result a:visited,
#centresList html .search-result a:visited, .custom-back.back-neutral html a:visited, .center-locator .search-result html a:visited,
#centresList .search-result html a:visited,
html a:focus.simple-link-no-marge:visited {
  color: #E3007E;
}
html a.simple-link-no-marge:focus, html a.lien-texte-simple:focus, html #content a.lien-texte-simple:focus, #content html a.lien-texte-simple:focus, html a.simple-link:focus, html .edito-blocs a:focus, .edito-blocs html a:focus, html .custom-back.back-neutral a:focus, html .center-locator .search-result a:focus, .center-locator html .search-result a:focus,
html #centresList .search-result a:focus,
#centresList html .search-result a:focus, .custom-back.back-neutral html a:focus, .center-locator .search-result html a:focus,
#centresList .search-result html a:focus,
html a:focus.simple-link-no-marge:focus {
  color: #E3007E;
}
html a.simple-link-no-marge:hover, html a.lien-texte-simple:hover, html #content a.lien-texte-simple:hover, #content html a.lien-texte-simple:hover, html a.simple-link:hover, html .edito-blocs a:hover, .edito-blocs html a:hover, html .custom-back.back-neutral a:hover, html .center-locator .search-result a:hover, .center-locator html .search-result a:hover,
html #centresList .search-result a:hover,
#centresList html .search-result a:hover, .custom-back.back-neutral html a:hover, .center-locator .search-result html a:hover,
#centresList .search-result html a:hover,
html a:focus.simple-link-no-marge:hover {
  color: #CF004B;
}
html a.simple-link-no-marge:active, html a.lien-texte-simple:active, html #content a.lien-texte-simple:active, #content html a.lien-texte-simple:active, html a.simple-link:active, html .edito-blocs a:active, .edito-blocs html a:active, html .custom-back.back-neutral a:active, html .center-locator .search-result a:active, .center-locator html .search-result a:active,
html #centresList .search-result a:active,
#centresList html .search-result a:active, .custom-back.back-neutral html a:active, .center-locator .search-result html a:active,
#centresList .search-result html a:active,
html a:focus.simple-link-no-marge:active {
  color: #E3007E;
}
html a.simple-link-no-marge:hover, html a.lien-texte-simple:hover, html #content a.lien-texte-simple:hover, #content html a.lien-texte-simple:hover, html a.simple-link:hover, html .edito-blocs a:hover, .edito-blocs html a:hover, html .custom-back.back-neutral a:hover, html .center-locator .search-result a:hover, .center-locator html .search-result a:hover,
html #centresList .search-result a:hover,
#centresList html .search-result a:hover, .custom-back.back-neutral html a:hover, .center-locator .search-result html a:hover,
#centresList .search-result html a:hover, html a.simple-link-no-marge:focus, html a.lien-texte-simple:focus, html #content a.lien-texte-simple:focus, #content html a.lien-texte-simple:focus, html a.simple-link:focus, html .edito-blocs a:focus, .edito-blocs html a:focus, html .custom-back.back-neutral a:focus, html .center-locator .search-result a:focus, .center-locator html .search-result a:focus,
html #centresList .search-result a:focus,
#centresList html .search-result a:focus, .custom-back.back-neutral html a:focus, .center-locator .search-result html a:focus,
#centresList .search-result html a:focus,
html a:focus.simple-link-no-marge:hover,
html a:focus.simple-link-no-marge:focus {
  font-weight: bold;
  background-image: url("../images/afpa/chevron-rose-hover.png");
}
html a.simple-link, html .edito-blocs a, .edito-blocs html a, html .custom-back.back-neutral a, html .center-locator .search-result a, .center-locator html .search-result a,
html #centresList .search-result a,
#centresList html .search-result a, .custom-back.back-neutral html a, .center-locator .search-result html a,
#centresList .search-result html a,
html a:focus.simple-link,
html .edito-blocs a:focus,
.edito-blocs html a:focus {
  margin-top: 30px;
}
html a.simple-link, html .edito-blocs a, .edito-blocs html a, html .custom-back.back-neutral a, html .center-locator .search-result a, .center-locator html .search-result a,
html #centresList .search-result a,
#centresList html .search-result a, .custom-back.back-neutral html a, .center-locator .search-result html a,
#centresList .search-result html a, html a.simple-link-light, html .temoignage .bottom a.white-link, .temoignage .bottom html a.white-link, html .custom-back.back-identity a, .custom-back.back-identity html a, html .custom-back.back-tools a, .custom-back.back-tools html a, html .custom-back.back-action a, .custom-back.back-action html a,
html a:focus.simple-link,
html .edito-blocs a:focus,
.edito-blocs html a:focus,
html a:focus.simple-link-light {
  padding-left: 18px; /* Largeur image chevron + 10 */
  text-decoration: none;
}
html a.simple-link:hover, html .edito-blocs a:hover, .edito-blocs html a:hover, html .custom-back.back-neutral a:hover, html .center-locator .custom-back.search-result a:hover, .center-locator html .custom-back.search-result a:hover,
html #centresList .custom-back.search-result a:hover,
#centresList html .custom-back.search-result a:hover, html .center-locator .back-neutral.search-result a:hover, html .center-locator .search-result a:hover,
html .center-locator #centresList .search-result a:hover,
#centresList html .center-locator .search-result a:hover, .center-locator html .back-neutral.search-result a:hover, .center-locator html .search-result a:hover,
.center-locator html #centresList .search-result a:hover,
#centresList .center-locator html .search-result a:hover,
html #centresList .back-neutral.search-result a:hover,
html #centresList .center-locator .search-result a:hover,
.center-locator html #centresList .search-result a:hover,
html #centresList .search-result a:hover,
#centresList html .back-neutral.search-result a:hover,
#centresList html .center-locator .search-result a:hover,
.center-locator #centresList html .search-result a:hover,
#centresList html .search-result a:hover, .custom-back.back-neutral html a:hover, .center-locator .custom-back.search-result html a:hover,
#centresList .custom-back.search-result html a:hover, .center-locator .back-neutral.search-result html a:hover, .center-locator .search-result html a:hover,
.center-locator #centresList .search-result html a:hover,
#centresList .center-locator .search-result html a:hover,
#centresList .back-neutral.search-result html a:hover,
#centresList .center-locator .search-result html a:hover,
.center-locator #centresList .search-result html a:hover,
#centresList .search-result html a:hover, html a.simple-link:focus, html .edito-blocs a:focus, .edito-blocs html a:focus, html .custom-back.back-neutral a:focus, html .center-locator .custom-back.search-result a:focus, .center-locator html .custom-back.search-result a:focus,
html #centresList .custom-back.search-result a:focus,
#centresList html .custom-back.search-result a:focus, html .center-locator .back-neutral.search-result a:focus, html .center-locator .search-result a:focus,
html .center-locator #centresList .search-result a:focus,
#centresList html .center-locator .search-result a:focus, .center-locator html .back-neutral.search-result a:focus, .center-locator html .search-result a:focus,
.center-locator html #centresList .search-result a:focus,
#centresList .center-locator html .search-result a:focus,
html #centresList .back-neutral.search-result a:focus,
html #centresList .center-locator .search-result a:focus,
.center-locator html #centresList .search-result a:focus,
html #centresList .search-result a:focus,
#centresList html .back-neutral.search-result a:focus,
#centresList html .center-locator .search-result a:focus,
.center-locator #centresList html .search-result a:focus,
#centresList html .search-result a:focus, .custom-back.back-neutral html a:focus, .center-locator .custom-back.search-result html a:focus,
#centresList .custom-back.search-result html a:focus, .center-locator .back-neutral.search-result html a:focus, .center-locator .search-result html a:focus,
.center-locator #centresList .search-result html a:focus,
#centresList .center-locator .search-result html a:focus,
#centresList .back-neutral.search-result html a:focus,
#centresList .center-locator .search-result html a:focus,
.center-locator #centresList .search-result html a:focus,
#centresList .search-result html a:focus, html a.simple-link-light:hover, html .temoignage .bottom a.white-link:hover, .temoignage .bottom html a.white-link:hover, html .custom-back.back-identity a:hover, html .center-locator .back-identity.search-result a:hover, .center-locator html .back-identity.search-result a:hover,
html #centresList .back-identity.search-result a:hover,
#centresList html .back-identity.search-result a:hover, .custom-back.back-identity html a:hover, .center-locator .back-identity.search-result html a:hover,
#centresList .back-identity.search-result html a:hover, html .custom-back.back-tools a:hover, html .center-locator .back-tools.search-result a:hover, .center-locator html .back-tools.search-result a:hover,
html #centresList .back-tools.search-result a:hover,
#centresList html .back-tools.search-result a:hover, .custom-back.back-tools html a:hover, .center-locator .back-tools.search-result html a:hover,
#centresList .back-tools.search-result html a:hover, html .custom-back.back-action a:hover, html .center-locator .back-action.search-result a:hover, .center-locator html .back-action.search-result a:hover,
html #centresList .back-action.search-result a:hover,
#centresList html .back-action.search-result a:hover, .custom-back.back-action html a:hover, .center-locator .back-action.search-result html a:hover,
#centresList .back-action.search-result html a:hover, html a.simple-link-light:focus, html .temoignage .bottom a.white-link:focus, .temoignage .bottom html a.white-link:focus, html .custom-back.back-identity a:focus, html .center-locator .back-identity.search-result a:focus, .center-locator html .back-identity.search-result a:focus,
html #centresList .back-identity.search-result a:focus,
#centresList html .back-identity.search-result a:focus, .custom-back.back-identity html a:focus, .center-locator .back-identity.search-result html a:focus,
#centresList .back-identity.search-result html a:focus, html .custom-back.back-tools a:focus, html .center-locator .back-tools.search-result a:focus, .center-locator html .back-tools.search-result a:focus,
html #centresList .back-tools.search-result a:focus,
#centresList html .back-tools.search-result a:focus, .custom-back.back-tools html a:focus, .center-locator .back-tools.search-result html a:focus,
#centresList .back-tools.search-result html a:focus, html .custom-back.back-action a:focus, html .center-locator .back-action.search-result a:focus, .center-locator html .back-action.search-result a:focus,
html #centresList .back-action.search-result a:focus,
#centresList html .back-action.search-result a:focus, .custom-back.back-action html a:focus, .center-locator .back-action.search-result html a:focus,
#centresList .back-action.search-result html a:focus,
html a:focus.simple-link:hover,
html .edito-blocs a:focus:hover,
.edito-blocs html a:focus:hover,
html a:focus.simple-link:focus,
html .edito-blocs a:focus:focus,
.edito-blocs html a:focus:focus,
html a:focus.simple-link-light:hover,
html .temoignage .bottom a.white-link:focus:hover,
.temoignage .bottom html a.white-link:focus:hover,
html a:focus.simple-link-light:focus,
html .temoignage .bottom a.white-link:focus:focus,
.temoignage .bottom html a.white-link:focus:focus {
  font-weight: bold;
}
html a.simple-link-light, html .temoignage .bottom a.white-link, .temoignage .bottom html a.white-link, html .custom-back.back-identity a, html .center-locator .back-identity.search-result a, .center-locator html .back-identity.search-result a,
html #centresList .back-identity.search-result a,
#centresList html .back-identity.search-result a, .custom-back.back-identity html a, .center-locator .back-identity.search-result html a,
#centresList .back-identity.search-result html a, html .custom-back.back-tools a, html .center-locator .back-tools.search-result a, .center-locator html .back-tools.search-result a,
html #centresList .back-tools.search-result a,
#centresList html .back-tools.search-result a, .custom-back.back-tools html a, .center-locator .back-tools.search-result html a,
#centresList .back-tools.search-result html a, html .custom-back.back-action a, html .center-locator .back-action.search-result a, .center-locator html .back-action.search-result a,
html #centresList .back-action.search-result a,
#centresList html .back-action.search-result a, .custom-back.back-action html a, .center-locator .back-action.search-result html a,
#centresList .back-action.search-result html a,
html a:focus.simple-link-light {
  background: url("../images/afpa/chevron-white.svg") no-repeat scroll left center/7px auto transparent;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}
html a.simple-link-dark, html .afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation ul li a, .afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation ul li html a, html a.lien-exergue-rose, html a.lien-exergue-rose:hover, html a.lien-exergue-rose:focus, html #content a.lien-exergue-rose, #content html a.lien-exergue-rose,
html a:focus.simple-link-dark { /*** Pour les liens simples sans margin top**/
  background: url("../images/afpa/chevron-rose.png") no-repeat left center;
  color: #5A545A;
  display: block;
  padding-left: 18px;
  text-decoration: none;
}
html a.simple-link-dark:hover, html .afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation ul li a:hover, .afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation ul li html a:hover, html a.lien-exergue-rose:hover, html #content a.lien-exergue-rose:hover, #content html a.lien-exergue-rose:hover, html a.simple-link-dark:focus, html .afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation ul li a:focus, .afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation ul li html a:focus, html a.lien-exergue-rose:focus, html #content a.lien-exergue-rose:focus, #content html a.lien-exergue-rose:focus,
html a:focus.simple-link-dark:hover,
html a:focus.simple-link-dark:focus {
  background-image: url("../images/afpa/chevron-rose-hover.png");
  color: #000000;
}

a.pink-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #E3007E;
  text-decoration: none;
  color: white;
  text-decoration: none;
}
a.pink-button:before {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #E3007E;
  text-decoration: none;
  background-color: none repeat scroll 0 0 #CF004B;
}
a.pink-button:hover, a.pink-button:focus {
  color: #FFFFFF;
}
a.pink-button:hover:before, a.pink-button:focus:before {
  background-color: #CF004B;
  color: #FFFFFF;
  text-decoration: none;
  transform: scaleX(1);
}
a.pink-button-no-transition {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #E3007E;
  text-decoration: none;
  color: white;
  text-align: center;
  text-decoration: none;
}
a.pink-button-no-transition:hover, a.pink-button-no-transition:focus {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #CF004B;
  text-decoration: none;
}
a.big-pink-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #E3007E;
  text-decoration: none;
  line-height: 1.0909090909;
  font-size: 22px;
  font-size: 2.2rem;
  color: white;
  font-family: "raleway-medium";
  font-weight: normal;
  text-align: center;
  text-decoration: none;
}
a.big-pink-button:hover, a.big-pink-button:focus {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #CF004B;
  text-decoration: none;
  line-height: 1.0909090909;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "raleway-medium";
}
a.big-blue-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #00A0E0;
  text-decoration: none;
  font-size: 20px;
  color: white;
  font-family: "raleway-medium";
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  margin: auto;
  margin-bottom: 10px;
}
a.big-blue-button:hover, a.big-blue-button:focus {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #00A0E0;
  text-decoration: none;
  font-size: 20px;
  font-family: "raleway-medium";
}
a.center-text-button {
  text-align: center;
}
a.logo-moyen-contact {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #E3007E;
  text-decoration: none;
  background: #E3007E;
  color: #FFFFFF;
  padding-top: 14px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
a.logo-moyen-contact:hover, a.logo-moyen-contact:focus {
  background-color: #CF004B;
  color: #FFFFFF;
  text-decoration: none;
}
a.blue-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #00A0E0;
  text-decoration: none;
  text-decoration: none;
}
a.blue-button:hover, a.blue-button:focus {
  background-color: #0070CA;
  color: #FFFFFF;
  text-decoration: none;
}
a.mauve-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #a464a6;
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
}
a.mauve-button:hover, a.mauve-button:focus {
  background-color: #7d447f;
  color: #FFFFFF;
  text-decoration: none;
}
a.questions-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #00A0E0;
  text-decoration: none;
  background: url("../images/afpa/compte/questions-back.svg") no-repeat 28% center/21px auto #00A0E0;
  text-align: center;
  text-decoration: none;
  padding-left: 14%;
}
a.questions-button:hover, a.questions-button:focus {
  background-color: #0070CA;
  color: #FFFFFF;
  text-decoration: none;
}
a.gray-separator-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #5A545A;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #DEDEDE;
  text-decoration: none;
  text-decoration: none;
  color: #5A545A;
}
a.gray-separator-button:hover {
  background-color: #E3007E;
  color: #FFFFFF;
  text-decoration: none;
}
a.gray-button-commun, html a.cta-gris, #content a.cta-gris {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #5A545A;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #DEDEDE;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 100%;
}
a.gray-button-commun:focus, html a.cta-gris:focus, #content a.cta-gris:focus, a.gray-button-commun:hover, html a.cta-gris:hover, #content a.cta-gris:hover {
  background-color: #5A545A;
  color: #FFFFFF;
  text-decoration: none;
}
a.gray-button, .moreResults a {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #5A545A;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #DEDEDE;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 100%;
}
a.gray-button:before, .moreResults a:before {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #5A545A;
  text-decoration: none;
  background-color: none repeat scroll 0 0 #5A545A;
}
a.gray-button:hover, .moreResults a:hover {
  color: #FFFFFF;
}
a.gray-button:hover:before, .moreResults a:hover:before {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #5A545A;
  text-decoration: none;
  transform: scaleX(1);
}
a.big-gray-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #5A545A;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #DEDEDE;
  text-decoration: none;
  line-height: 1.0909090909;
  font-size: 22px;
  font-size: 2.2rem;
  display: block;
  font-family: "raleway-medium";
  font-weight: normal;
  text-align: center;
  width: 100%;
}
a.big-gray-button:hover, a.big-gray-button:focus {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #5A545A;
  text-decoration: none;
  line-height: 1.0909090909;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "raleway-medium";
}
a.faq-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #908E8D;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #FFFFFF;
  text-decoration: none;
  border: 1px solid #DEDEDE;
  line-height: 36px;
  font-weight: normal;
  line-height: 2.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  height: 36px;
  margin-left: 20px;
  padding: 0 10px;
  text-transform: uppercase;
  text-decoration: none;
}
a.faq-button:hover, a.faq-button:focus {
  background-color: #FFFFFF;
  color: #CF004B;
  text-decoration: none;
}

.tools-submit, .private-account aside .disconnect,
.espace-perso-mobile .disconnect, .tools-important-bloc a, .tools-important-bloc input[type=submit] {
  background-color: #FFFFFF;
  color: #00A0E0;
  display: block;
  font-family: "raleway-bold";
  padding: 12px 15px;
  text-align: center;
}
.tools-submit:hover, .private-account aside .disconnect:hover,
.espace-perso-mobile .disconnect:hover, .tools-important-bloc a:hover, .tools-important-bloc input[type=submit]:hover, .tools-submit:focus, .private-account aside .disconnect:focus,
.espace-perso-mobile .disconnect:focus, .tools-important-bloc a:focus, .tools-important-bloc input[type=submit]:focus {
  background-color: #00A0E0;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

/***Chartage des liens dans les paragraphes**/
.article-content .article-part p a, .article-content .article-part div a, .article-content .article-part .chapo a,
.article-content p a,
.article-content div a,
.article-content .chapo a,
.contribution p a,
.contribution div a,
.contribution .chapo a {
  text-decoration: underline;
}
.article-content .article-part p a:hover, .article-content .article-part p a:focus, .article-content .article-part div a:hover, .article-content .article-part div a:focus, .article-content .article-part .chapo a:hover, .article-content .article-part .chapo a:focus,
.article-content p a:hover,
.article-content p a:focus,
.article-content div a:hover,
.article-content div a:focus,
.article-content .chapo a:hover,
.article-content .chapo a:focus,
.contribution p a:hover,
.contribution p a:focus,
.contribution div a:hover,
.contribution div a:focus,
.contribution .chapo a:hover,
.contribution .chapo a:focus {
  color: #5A545A;
  text-decoration: none;
}
.article-content .article-part p.exergue a, .article-content .article-part div.exergue a, .article-content .article-part .chapo.exergue a,
.article-content p.exergue a,
.article-content div.exergue a,
.article-content .chapo.exergue a,
.contribution p.exergue a,
.contribution div.exergue a,
.contribution .chapo.exergue a {
  line-height: 1.375;
  font-size: 16px;
  font-size: 1.6rem;
}
.article-content .article-part ul li,
.article-content ul li,
.contribution ul li {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}
.article-content .article-part ul li a,
.article-content ul li a,
.contribution ul li a {
  text-decoration: underline;
}
.article-content .article-part ul li a:hover, .article-content .article-part ul li a:focus,
.article-content ul li a:hover,
.article-content ul li a:focus,
.contribution ul li a:hover,
.contribution ul li a:focus {
  color: #5A545A;
  text-decoration: none;
}

.top-three > div .top-trois-metier li a,
.top-three > div .top-trois-metier li span .same-subject a,
.formation-small .content-formation-small .inside h4 a,
.ce-dossier a {
  text-decoration: none;
}

#content .center-locator-information-bloc p a,
#content .infos-fiche-formation p a {
  background: none;
  color: #FFFFFF;
  margin-top: 0;
  padding-left: 0;
  text-decoration: underline;
}
#content .center-locator-information-bloc p a:hover, #content .center-locator-information-bloc p a:focus,
#content .infos-fiche-formation p a:hover,
#content .infos-fiche-formation p a:focus {
  color: #FFFFFF;
  text-decoration: none;
}

/*** boutons pour renvoie de candidature ***/
.renvoie-candidature-button {
  height: 46px;
  border: none;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #E3007E;
  text-decoration: none;
}
.renvoie-candidature-button:hover, .renvoie-candidature-button:focus {
  color: #FFFFFF;
  background-color: #CF004B;
  transform: scaleX(1);
}

/** Css des Formulaires **/
html input {
  font-family: Arial, sans-serif;
}

#wrapper .uneditable-input {
  width: 100%;
}

#wrapper .global-homepage .search-centre-home-page .inside .form-group input[type=text] {
  border: none;
  color: #FFFFFF;
}

#wrapper .global-homepage .search-centre-home-page .inside .form-group input[type=text]::placeholder {
  border: none;
  color: #FFFFFF;
}

html textarea, html select, html input[type=text],
html input[type=password],
html input[type=datetime],
html input[type=datetime-local],
html input[type=date],
html input[type=month],
html input[type=time],
html input[type=week],
html input[type=number],
html input[type=email],
html input[type=url],
html input[type=search],
html input[type=tel],
html input[type=color],
html .uneditable-input, #wrapper textarea, #wrapper select, #wrapper input[type=text],
#wrapper input[type=password],
#wrapper input[type=datetime],
#wrapper input[type=datetime-local],
#wrapper input[type=date],
#wrapper input[type=month],
#wrapper input[type=time],
#wrapper input[type=week],
#wrapper input[type=number],
#wrapper input[type=email],
#wrapper input[type=url],
#wrapper input[type=search],
#wrapper input[type=tel],
#wrapper input[type=color],
#wrapper .uneditable-input {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #DEDEDE;
  box-shadow: none;
  border-radius: 0px;
  color: #908E8D;
  font-family: Arial, sans-serif;
  height: 46px;
  margin-bottom: 10px;
}
html textarea:focus, html select:focus, html input[type=text]:focus,
html input[type=password]:focus,
html input[type=datetime]:focus,
html input[type=datetime-local]:focus,
html input[type=date]:focus,
html input[type=month]:focus,
html input[type=time]:focus,
html input[type=week]:focus,
html input[type=number]:focus,
html input[type=email]:focus,
html input[type=url]:focus,
html input[type=search]:focus,
html input[type=tel]:focus,
html input[type=color]:focus,
html .uneditable-input:focus, #wrapper textarea:focus, #wrapper select:focus, #wrapper input[type=text]:focus,
#wrapper input[type=password]:focus,
#wrapper input[type=datetime]:focus,
#wrapper input[type=datetime-local]:focus,
#wrapper input[type=date]:focus,
#wrapper input[type=month]:focus,
#wrapper input[type=time]:focus,
#wrapper input[type=week]:focus,
#wrapper input[type=number]:focus,
#wrapper input[type=email]:focus,
#wrapper input[type=url]:focus,
#wrapper input[type=search]:focus,
#wrapper input[type=tel]:focus,
#wrapper input[type=color]:focus,
#wrapper .uneditable-input:focus {
  box-shadow: none;
  border: 1px solid #DEDEDE;
}

/*** Gestion des champs a remplir***/
#wrapper input[type=text].uncomplete,
#wrapper input[type=password].uncomplete {
  border: 1px solid #00A0E0;
  color: #00A0E0;
  padding-left: 45px;
}
#wrapper input[type=text].uncomplete.error-field,
#wrapper input[type=password].uncomplete.error-field {
  color: #fa5555;
}

/***Placeholder**/
html label.uncomplete {
  color: #00A0E0;
}

/** Gestion des erreurs **/
#wrapper input[type=text].error-field,
#wrapper input[type=password].error-field {
  background: url("../images/afpa/cross-warning.svg") no-repeat right center transparent;
  border: 1px solid #fa5555;
}

/*** Store Locator, Trouvez votre etablissement **/
#advancedSearchForm {
  margin: 30px auto 0 auto;
  max-width: 1022px;
}
#advancedSearchForm a {
  display: none;
}
#advancedSearchForm div {
  margin-right: 10px;
  position: relative;
  width: 334px;
}
#advancedSearchForm div:last-of-type {
  margin-right: 0px;
}

#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite, .event-search,
.generic-search-divs, .metiers-search {
  clear: both;
}
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-third, #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-fourth, .event-search div.one-third, .event-search div.one-fourth,
.generic-search-divs div.one-third,
.generic-search-divs div.one-fourth, .metiers-search div.one-third, .metiers-search div.one-fourth {
  float: left;
  margin-right: 7px;
  position: relative;
}
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-third, .event-search div.one-third,
.generic-search-divs div.one-third, .metiers-search div.one-third {
  width: 24.27%;
}
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-fourth, .event-search div.one-fourth,
.generic-search-divs div.one-fourth, .metiers-search div.one-fourth {
  width: 24.48%;
}
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-fourth:last-of-type, .event-search div.one-fourth:last-of-type,
.generic-search-divs div.one-fourth:last-of-type, .metiers-search div.one-fourth:last-of-type {
  margin-right: 0;
}
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-fourth input, .event-search div.one-fourth input,
.generic-search-divs div.one-fourth input, .metiers-search div.one-fourth input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #FFFFFF;
  border: none;
  float: left;
  height: 46px;
  outline: none;
  padding: 4px 20px;
  width: 73%;
}
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite input[type=text], .event-search input[type=text],
.generic-search-divs input[type=text], .metiers-search input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/afpa/sprite-edito.svg") no-repeat 96% -25px #FFFFFF;
  background-size: 35px auto;
  border: none;
  float: left;
  height: 46px;
  outline: none;
  width: fit-content;
}
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite input[type=text]#_rechercheactualiteportlet_WAR_afparechercheportlet_dateFin, .event-search input[type=text]#_rechercheactualiteportlet_WAR_afparechercheportlet_dateFin,
.generic-search-divs input[type=text]#_rechercheactualiteportlet_WAR_afparechercheportlet_dateFin, .metiers-search input[type=text]#_rechercheactualiteportlet_WAR_afparechercheportlet_dateFin {
  margin: 0 0 0 10px;
}

.event-search .control-group,
.generic-search-divs .control-group {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  width: 95%;
}
.event-search .control-group:last-of-type,
.generic-search-divs .control-group:last-of-type {
  margin-right: 0;
}
.event-search .control-group input,
.generic-search-divs .control-group input {
  width: 100%;
}

.select-cpf,
.generic-select,
#advancedSearchForm,
.recherche-evenement,
#search-idees-metiers,
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite {
  overflow: hidden;
}
#recherche-actu select option[value=""], #recherche-actu select .ui-autocomplete.ui-widget-content li[value=""], .ui-autocomplete.ui-widget-content #recherche-actu select li[value=""],
.recherche-formation-menu-portlet select option[value=""],
.recherche-formation-menu-portlet select .ui-autocomplete.ui-widget-content li[value=""],
.ui-autocomplete.ui-widget-content .recherche-formation-menu-portlet select li[value=""],
.recherche-evenement select option[value=""],
.recherche-evenement select .ui-autocomplete.ui-widget-content li[value=""],
.ui-autocomplete.ui-widget-content .recherche-evenement select li[value=""] {
  font-style: italic;
}

/***Recherche - common**/
#wrapper .recherche-faq-portlet h1,
#search-idees-metiers h1,
#wrapper .recherche-centre-portlet h1 {
  color: #FFFFFF;
}
#wrapper .recherche-faq-portlet input[type=text],
#search-idees-metiers input[type=text],
#wrapper .recherche-centre-portlet input[type=text] {
  border: none;
  height: 46px;
  margin-bottom: 0px;
  outline: none;
}

/**Liste déroulante **/
option, .ui-autocomplete.ui-widget-content li {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFFFFF;
  color: #5A545A;
  min-height: 46px;
  padding: 15px 20px;
  outline: none;
}
option:hover, .ui-autocomplete.ui-widget-content li:hover, option:focus, .ui-autocomplete.ui-widget-content li:focus {
  background-color: #DEDEDE;
  font-weight: bold;
}

.ui-autocomplete.ui-widget-content {
  line-height: 2.2857142857;
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #DEDEDE;
  color: #5A545A;
  font-family: Arial, sans-serif;
  left: 20px;
}
.ui-autocomplete.ui-widget-content.recherche-globale, .ui-autocomplete.ui-widget-content.recherche-generique, .ui-autocomplete.ui-widget-content.recherche-header {
  line-height: 1.7777777778;
  font-size: 18px;
  font-size: 1.8rem;
  border: none;
  color: #908E8D;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: "raleway-regular";
  margin-top: 2px;
  padding-left: 0;
}
.ui-autocomplete.ui-widget-content.recherche-globale li.ui-menu-item, .ui-autocomplete.ui-widget-content.recherche-generique li.ui-menu-item, .ui-autocomplete.ui-widget-content.recherche-header li.ui-menu-item {
  color: #908E8D;
}
.ui-autocomplete.ui-widget-content.recherche-globale li.ui-menu-item:hover, .ui-autocomplete.ui-widget-content.recherche-globale li.ui-menu-item:focus, .ui-autocomplete.ui-widget-content.recherche-generique li.ui-menu-item:hover, .ui-autocomplete.ui-widget-content.recherche-generique li.ui-menu-item:focus, .ui-autocomplete.ui-widget-content.recherche-header li.ui-menu-item:hover, .ui-autocomplete.ui-widget-content.recherche-header li.ui-menu-item:focus {
  font-family: "raleway-semibold";
}
.ui-autocomplete.ui-widget-content.recherche-globale {
  background-color: #FFFFFF;
}
.ui-autocomplete.ui-widget-content.recherche-generique {
  background-color: white;
  margin-left: 0;
}
.ui-autocomplete.ui-widget-content.recherche-generique li.ui-menu-item {
  background: none;
}
.ui-autocomplete.ui-widget-content.recherche-header {
  background-color: white;
  width: 299px;
  font-size: 16px;
  margin-left: 0;
}
.ui-autocomplete.ui-widget-content.recherche-header li.ui-menu-item {
  background: none;
}
.ui-autocomplete.ui-widget-content li {
  border: none;
}
.ui-autocomplete.ui-widget-content li.ui-state-focus {
  background-color: #DEDEDE;
  font-weight: bold;
}
.ui-autocomplete.ui-widget-content li:hover, .ui-autocomplete.ui-widget-content li:focus {
  padding: 15px 18px;
}
.ui-autocomplete.ui-widget-content li span:first-of-type {
  margin-right: 10px;
}
.ui-autocomplete.autocomplete-contrat-pro {
  border-bottom: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-top: none;
}

.ui-widget-overlay.recherche-overlay {
  background: #F1F1F1;
  opacity: 0.95;
}

.ui-autocomplete.store-ul {
  max-width: 96.16%;
  z-index: 4;
}

#_rechercheideemetierportlet_WAR_afparechercheportlet_submitButtonMetier {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#submitButton,
.submit-button-loupe,
#_rechercheideemetierportlet_WAR_afparechercheportlet_submitButtonMetier {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat center -137px #23BCEC;
  display: block;
  float: left;
  height: 46px;
  width: 64px;
}
#submitButton:hover,
.submit-button-loupe:hover,
#_rechercheideemetierportlet_WAR_afparechercheportlet_submitButtonMetier:hover {
  background-color: #0070CA;
}
#submitButton:disabled,
.submit-button-loupe:disabled,
#_rechercheideemetierportlet_WAR_afparechercheportlet_submitButtonMetier:disabled {
  background-color: #0070CA;
}

#submitButton.disabled,
.submit-button-loupe.disabled {
  background-color: #908E8D;
  cursor: default;
}

.custom-select {
  position: relative;
}
/**Text-area**/
.control-group.textarea textarea {
  height: 250px;
  resize: none;
  width: 100%;
}
.control-group.textarea textarea::-moz-placeholder {
  font-style: italic;
}
.control-group.textarea textarea::-webkit-input-placeholder {
  font-style: italic;
}
.control-group.textarea textarea:-ms-input-placeholder {
  font-style: italic;
}

/*** Select, Base**/
.custom-select select, form.searchMenu select, .select-cpf select,
.generic-select select,
#advancedSearchForm select,
.recherche-evenement select,
#search-idees-metiers select,
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: 46px;
  font-family: Arial, sans-serif;
  padding: 4px 20px;
  width: 100%;
}
.custom-select select + span, form.searchMenu select + span, .select-cpf select + span,
.generic-select select + span,
#advancedSearchForm select + span,
.recherche-evenement select + span,
#search-idees-metiers select + span,
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite select + span {
  background-color: #DEDEDE;
  display: block;
  height: 46px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
}
.custom-select select + span:after, form.searchMenu select + span:after, .select-cpf select + span:after,
.generic-select select + span:after,
#advancedSearchForm select + span:after,
.recherche-evenement select + span:after,
#search-idees-metiers select + span:after,
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite select + span:after {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat center 3px;
  content: "";
  display: block;
  height: 46px;
  position: absolute;
  width: 64px;
  z-index: 0;
}

/*** Select sans bordure sur fond coloré**/
form.searchMenu select, .select-cpf select,
.generic-select select,
#advancedSearchForm select,
.recherche-evenement select,
#search-idees-metiers select,
#_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite select {
  border: none;
  color: #5A545A;
}

/*** Select avec bordure sur fond blanc**/
.custom-select select {
  border: 1px solid #DEDEDE;
  color: #908E8D;
}

input:focus {
  outline: none;
}

/*** Boutons Radio**/
.control-group {
  /********** CHECKBOX***/
}
.control-group.radio-group {
  position: relative;
}
.control-group.radio-group label {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "raleway-semibold";
}
.control-group.radio-group label.little-label {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
}
.control-group.radio-group input {
  display: block;
  height: 23px;
  opacity: 0;
  position: absolute;
  top: -2px;
  width: 23px;
  z-index: 2;
}
.control-group.radio-group input + span { /**Cible le span suivant l'input**/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
  display: block;
  float: left; /**Permet le positionnement des labels a droite de l'input**/
  height: 23px;
  left: 3px;
  margin-right: 10px;
  position: relative;
  top: 3px;
  width: 23px;
}
.control-group.radio-group input + span:before, .control-group.radio-group input + span:after {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  content: "";
  display: block;
  position: absolute;
}
.control-group.radio-group input + span:before {
  background: #FFFFFF;
  border: 2px solid #5A545A;
  height: 23px;
  left: -3px;
  top: -3px;
  width: 23px;
}
.control-group.radio-group input + span:after {
  background-color: #E3007E;
  height: 17px;
  width: 17px;
}
.control-group.radio-group input:not(:checked) { /**Valeur par défaut du span**/ }
.control-group.radio-group input:not(:checked) + span:after {
  background-color: #FFFFFF;
}
.control-group.checkbox {
  position: relative;
}
.control-group.checkbox input[type=checkbox] {
  border: 3px solid #DEDEDE;
  display: block;
  height: 23px;
  left: -1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 23px;
  z-index: 3;
}
.control-group.checkbox input[type=checkbox] ~ span {
  border: 1px solid #DEDEDE;
  background-color: #FFFFFF;
  float: left;
  height: 23px;
  left: -20px;
  margin-right: -10px;
  position: relative;
  width: 23px;
}
.control-group.checkbox input[type=checkbox] ~ span:before {
  background: url("../images/afpa/compte/coche-rose.svg") no-repeat center top transparent;
  background-size: 14px auto;
  content: "";
  height: 10px;
  left: 4px;
  position: absolute;
  top: 6px;
  width: 15px;
}
.control-group.checkbox input[type=checkbox]:not(:checked) ~ span:before {
  background: #FFFFFF;
  background-size: 14px auto;
  content: "";
  position: absolute;
}

input.small-input {
  width: 106px;
}
input.half-input {
  width: 46%;
}

/**Layout general **/
header {
  background-color: #FFFFFF;
  /* fin portlet-topper */
  /* Style de la navigation */
}
header.portlet-topper {
  background: none;
}
header .heading {
  min-height: 146px;
  /* fin p.site-title */
  /* fin de notification container */
}
header .heading p.site-title {
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  float: left;
  height: 118px;
  margin-top: 10px;
  vertical-align: top;
  /*fin logo*/
  /* fin span */
}
header .heading p.site-title .logo {
  display: table-cell;
  vertical-align: middle;
  max-width: 180px;
  /*fin img */
}
header .heading p.site-title .logo img {
  height: auto;
  max-height: 85px;
  max-width: 180px;
}
header .heading p.site-title span {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  color: #87BB34;
  display: block;
  font-weight: 500;
  /* float:left;*/
  font-family: "raleway-medium";
  margin: 0 0 0 10px;
  width: 132px;
}
header .heading .notification-list {
  width: 18.1em;
  position: relative;
  background-color: #44A33D;
}
header .heading .notification-list p {
  padding-left: 30px;
  font-size: 13.5px;
}
header .heading .notification-list:hover {
  background-color: #3F7922;
}
header .heading .notification-list #badge2 {
  width: auto;
  left: 25px;
  padding: 0.5em;
  height: 1.5em;
  line-height: 0.4;
  color: white;
  font-size: 12px;
  min-width: 1.3em;
  min-height: auto;
  text-align: center;
  border-radius: 1em;
  position: absolute;
  background: #f56538;
  display: inline-block;
  bottom: 1.8em;
  z-index: 1;
}
header .heading .notification-img {
  max-width: 100%;
  margin-left: -40px;
  height: auto;
  vertical-align: middle;
  border: 0;
  border-radius: 50%;
  margin-top: -5px;
}
header .heading #notifications-container {
  width: 18.1em;
  position: absolute;
  background-color: #44A33D;
  border-top: 1px solid #44A33D;
  /* fun de ul */
}
header .heading #notifications-container:hover {
  background-color: #3F7922;
}
header .heading #notifications-container ul {
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 0.5em;
  background: #44A33D;
  /* fin li */
  /* fin voir plus */
}
header .heading #notifications-container ul li {
  color: #fff;
  font-size: 14px;
  font-family: "raleway-regular";
  background-color: #44A33D;
}
header .heading #notifications-container ul li * {
  display: inline-block;
  vertical-align: middle;
}
header .heading #notifications-container ul li a {
  padding: 0;
  width: auto;
  min-height: 0;
  color: inherit;
}
header .heading #notifications-container ul li a p {
  max-width: 19em;
}
header .heading #notifications-container ul li img {
  width: 38px;
  height: 38px;
  border: none;
  margin-right: 0.5em;
  object-fit: contain;
}
header .heading #notifications-container ul li button.close {
  width: 24px;
  height: 24px;
  border: none;
  background: url("../images/afpa/ic_highlight_off.svg") no-repeat center;
}
header .heading #notifications-container ul li:not(:last-of-type) {
  border-bottom: 1px solid #44A33D;
}
header .heading #notifications-container ul #voir-plus { /* dans ul de notification container*/
  width: 100%;
  padding-top: 1.4em;
  text-align: center;
  /* fin de i */
}
header .heading #notifications-container ul #voir-plus i {
  width: 0.3em;
  height: 0.3em;
  margin: auto;
  display: block;
  position: relative;
  border-radius: 50%;
  background: #44A33D;
}
header .heading #notifications-container ul #voir-plus i::after, header .heading #notifications-container ul #voir-plus i::before {
  content: "";
  width: 0.3em;
  height: 0.3em;
  margin: auto;
  display: block;
  border-radius: 50%;
  background: #fff;
  position: absolute;
}
header .heading #notifications-container ul #voir-plus i::after {
  left: 1em;
}
header .heading #notifications-container ul #voir-plus i::before {
  right: 1em;
}
header .heading nav { /** Navigation de connexion inclus dans heading */
  float: right;
}
header .heading nav ul li {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  float: right;
  min-height: 45px;
  position: relative;
  list-style-type: none;
  width: auto;
}
header .heading nav ul li a, header .heading nav ul li span {
  padding: 12px 32px 0 56px;
}
header .heading nav ul li a::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -2px;
  margin-bottom: -2px;
}
header .heading nav ul li:last-of-type {
  min-width: 166px;
  position: relative;
}
header .heading nav ul li:last-of-type a, header .heading nav ul li:last-of-type span {
  padding: 12px 32px 9px 50px;
}
header .heading nav ul li a.favoris {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 18px 8px/34px auto #F1F1F1;
}
header .heading nav ul li a.favoris:hover {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 18px -30px/34px auto #fd7e14;
}
header .heading nav ul li a.panier {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 18px -71px/34px auto #F1F1F1;
}
header .heading nav ul li a.panier:hover {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 18px -116px/34px auto #a464a6;
}
header .heading nav ul li a.notification {
  overflow: hidden;
  position: relative;
  background: #44A33D url("../images/afpa/ic_arrow_drop_down.svg") no-repeat 96%;
}
header .heading nav ul li a.notification::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 50px;
  height: 50px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  background: #3F7922 url("../images/afpa/ic_notifications.svg") no-repeat center;
}
header .heading nav ul li a.notification #badge {
  top: 2px;
  width: auto;
  right: 15px;
  padding: 0.5em;
  height: 1.5em;
  line-height: 0.4;
  color: #fff;
  font-size: 12px;
  min-width: 1.3em;
  min-height: auto;
  text-align: center;
  border-radius: 1em;
  position: absolute;
  background: #fd7e14;
  display: inline-block;
  z-index: 1;
}
header .heading nav ul li a.notification ~ div {
  opacity: 0;
}
header .heading nav ul li a.account {
  background: url("../images/afpa/connexion-sprite.svg") no-repeat scroll 18px 6px/21px auto #00a0e0;
  color: #fff;
}
header .heading nav ul li a.account:hover {
  background: url("../images/afpa/connexion-sprite.svg") no-repeat scroll 18px 6px/21px auto #0070CA;
}
header .heading nav ul li a.account.connected-account {
  background: url("../images/afpa/connexion-sprite.svg") no-repeat scroll 18px -110px/21px auto #0070CA;
  font-family: "raleway-semibold";
  font-weight: bold;
  word-wrap: break-word;
  z-index: 6;
}
header .heading nav ul li a.account.connected-account:hover {
  background-color: #0062b9;
}
header .heading nav ul li a.account.connected-account:after {
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #FFFFFF transparent transparent transparent;
  content: "";
  position: absolute;
  right: 15px;
  top: 22px;
}
header .heading nav ul li span {
  color: #FFFFFF;
  font-family: "raleway-semibold";
}
header .heading nav ul li span.favoris {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 18px -30px/34px auto #F56538;
}
header .heading nav ul li span.panier {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 18px -117px/34px auto #a464a6;
}
header .heading nav ul li a, header .heading nav ul li span {
  display: flex;
  align-items: center;
  font-family: "raleway-regular";
  min-height: 45px;
  text-align: left;
  width: 100%;
}
header .heading nav ul li a.favoris, header .heading nav ul li span.favoris {
  border-right: 1px solid #DEDEDE;
}
header .heading nav ul li a:hover, header .heading nav ul li span:hover {
  color: #FFFFFF;
  font-family: "raleway-semibold";
}
header .heading nav ul ul { /** UL de niveau 2**/
  border-top: 1px solid #0062b9;
  margin: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 100;
  padding: 0;
}
header .heading nav ul ul li {
  background-color: #0070CA;
  float: none;
}
header .heading nav ul ul li a {
  color: #FFFFFF;
}
header .heading nav ul ul li a.espace-perso {
  background: url("../images/afpa/compte/espace-perso.svg") no-repeat 20px 14px transparent;
}
header .heading nav ul ul li a.deconnexion {
  background: url("../images/afpa/compte/deconnexion.svg") no-repeat 20px 14px transparent;
}
header .heading nav ul ul li a:hover {
  background-color: #0062b9;
}
header #navigation {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #87BB34;
  height: 46px;
  position: relative;
}
header #navigation .container {
  position: relative;
}
header #navigation a.burger-icon {
  background: url("../images/afpa/burger.svg") no-repeat left center transparent;
  cursor: pointer;
  display: none;
  height: 20px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 24px;
}
header #navigation span.title_ul {
  color: #FFFFFF;
  font-family: "raleway-semibold";
  font-style: italic;
  float: left;
  margin: 0 25px 0 80px;
}
header #navigation .search-navigation {
  height: 34px;
  top: 6px;
  position: absolute;
  right: -15px;
  width: 180px;
}
header #navigation .search-navigation:hover:after {
  background: url("../images/afpa/fleche-menu-dark.png") no-repeat;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  top: 40px;
  right: 20px;
  width: 17px;
  z-index: 6;
}
header #navigation ul {
  height: 46px;
  line-height: 46px;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  width: auto;
}
header #navigation ul li {
  display: block;
  float: left;
  height: 100%;
  padding-bottom: 10px;
  padding-left: 7px;
}
header #navigation ul li ul {
  display: none;
}
header #navigation ul li:nth-child(2), header #navigation ul li:nth-child(4) {
  width: 100px;
}
header #navigation ul li:nth-child(3) {
  width: 155px;
}
header #navigation ul li:nth-child(5) {
  width: 140px;
}
header #navigation ul li:nth-child(6) {
  width: 105px;
}
header #navigation ul li:nth-child(7) {
  width: 102px;
}
header #navigation ul li:nth-child(3):before, header #navigation ul li:nth-child(4):before, header #navigation ul li:nth-child(6):before, header #navigation ul li:nth-child(7):before {
  background-color: #FFFFFF;
  content: "";
  height: 26px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 1px;
}
header #navigation ul li:nth-child(-n+4) { /** Selectionne les 3 premiers items **/
  background-color: #87BB34;
}
header #navigation ul li:nth-child(-n+4):hover span, header #navigation ul li:nth-child(-n+4):hover a {
  font-family: "raleway-bold";
}
header #navigation ul li:nth-child(-n+4):hover:after {
  background: url("../images/afpa/fleche-menu-light.png") no-repeat;
}
header #navigation ul li:nth-child(n+5) { /** Selectionne les 3 derniers items **/
  background-color: #44A33D;
}
header #navigation ul li:nth-child(n+5).selected span,
header #navigation ul li:nth-child(n+5).selected a, header #navigation ul li:nth-child(n+5):hover span,
header #navigation ul li:nth-child(n+5):hover a {
  font-family: "raleway-bold";
}
header #navigation ul li:nth-child(n+5).selected:after, header #navigation ul li:nth-child(n+5):hover:after {
  background: url("../images/afpa/fleche-menu-dark.png") no-repeat;
}
header #navigation ul li:nth-child(7) { /** Selectionne l'item groupe afpa **/ }
header #navigation ul li:nth-child(7).selected a, header #navigation ul li:nth-child(7):hover a {
  width: 102px;
  padding-right: 15px;
}
header #navigation ul li a,
header #navigation ul li span {
  color: #FFFFFF;
  display: block;
  font-family: "raleway-regular";
  height: inherit;
}
header #navigation ul li a:hover,
header #navigation ul li span:hover {
  text-decoration: none;
}

/*** Fond vert doncé du menu**/
header .back-nav {
  background-color: #44A33D;
  height: inherit;
  width: 50%;
  position: absolute;
  left: 50%;
}

/************************************
 ****Liens intermédiaires ***********
 ***********************************/
/**Affichage dans le header**/
header .header-links {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  float: right;
  text-align: left;
  width: 450px;
}
@media (min-width: 769px) {
  header .header-links {
    margin-top: 40px;
  }
}
@media (max-width: 769px) {
  header .header-links {
    margin-top: 0px;
  }
}
header .header-links a {
  display: block;
  float: left;
}
header .header-links a.etablissement-link {
  padding: 5px 0px 0 102px;
  width: 65.93%;
}
header .header-links a.question-link {
  padding: 5px 0px 0 58px;
  width: 34.07%;
}

.header-links a {
  font-family: "raleway-regular";
  height: 26px;
}
.header-links a.etablissement-link {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 66px -294px/34px auto transparent;
  color: #5A545A;
}
.header-links a.etablissement-link:hover, .header-links a.etablissement-link:focus {
  color: #87BB34;
  font-family: "raleway-semibold";
}
.header-links a.question-link {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 20px -445px/34px auto transparent;
  color: #5A545A;
}
.header-links a.question-link:hover, .header-links a.question-link:focus {
  color: #00A0E0;
  font-family: "raleway-semibold";
}
.header-links a:hover {
  font-weight: "raleway-semibold";
}

/************************************
 **** Megamenu*********
 ***********************************/
#menu-particulier,
#menu-entreprise {
  padding: 10px 0 12px 0;
}

#menu-nos-formations {
  padding: 10px 0 30px 0;
}

#menu-afpa {
  padding: 20px 0 12px 0;
}

#menu-particulier,
#menu-partenaire,
#menu-afpa,
#menu-entreprise,
#menu-nos-formations {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  position: absolute;
  width: 100%;
  z-index: 5;
}
#menu-particulier h3,
#menu-partenaire h3,
#menu-afpa h3,
#menu-entreprise h3,
#menu-nos-formations h3 {
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  margin-top: 0px;
  text-align: left;
}
#menu-particulier h3.regular,
#menu-partenaire h3.regular,
#menu-afpa h3.regular,
#menu-entreprise h3.regular,
#menu-nos-formations h3.regular {
  clear: both;
  font-family: "raleway-regular";
}
#menu-particulier h3.regular strong,
#menu-partenaire h3.regular strong,
#menu-afpa h3.regular strong,
#menu-entreprise h3.regular strong,
#menu-nos-formations h3.regular strong {
  font-family: "raleway-semibold";
  font-weight: normal;
}
#menu-particulier h3:after,
#menu-partenaire h3:after,
#menu-afpa h3:after,
#menu-entreprise h3:after,
#menu-nos-formations h3:after {
  background-color: #DEDEDE;
  margin: 10px 0 0 0;
}
#menu-particulier span.date,
#menu-partenaire span.date,
#menu-afpa span.date,
#menu-entreprise span.date,
#menu-nos-formations span.date {
  margin-bottom: 5px;
}
#menu-particulier a.simple-link-no-marge, #menu-particulier .center-locator .search-result div:nth-child(3) a, .center-locator .search-result div:nth-child(3) #menu-particulier a,
#menu-particulier #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) #menu-particulier a, #menu-particulier html a.lien-texte-simple, html #menu-particulier a.lien-texte-simple, #menu-particulier #content a.lien-texte-simple, #content #menu-particulier a.lien-texte-simple, #menu-particulier html a.simple-link, #menu-particulier html .edito-blocs a, .edito-blocs #menu-particulier html a, html #menu-particulier a.simple-link, html #menu-particulier .edito-blocs a, .edito-blocs html #menu-particulier a, #menu-particulier html .custom-back.back-neutral a, #menu-particulier html .center-locator .custom-back.search-result a, .center-locator #menu-particulier html .custom-back.search-result a,
#menu-particulier html #centresList .custom-back.search-result a,
#centresList #menu-particulier html .custom-back.search-result a, #menu-particulier html .center-locator .back-neutral.search-result a, #menu-particulier html .center-locator .search-result a,
#menu-particulier html .center-locator #centresList .search-result a,
#centresList #menu-particulier html .center-locator .search-result a, .center-locator #menu-particulier html .back-neutral.search-result a, .center-locator #menu-particulier html .search-result a,
.center-locator #menu-particulier html #centresList .search-result a,
#centresList .center-locator #menu-particulier html .search-result a,
#menu-particulier html #centresList .back-neutral.search-result a,
#menu-particulier html #centresList .center-locator .search-result a,
.center-locator #menu-particulier html #centresList .search-result a,
#menu-particulier html #centresList .search-result a,
#centresList #menu-particulier html .back-neutral.search-result a,
#centresList #menu-particulier html .center-locator .search-result a,
.center-locator #centresList #menu-particulier html .search-result a,
#centresList #menu-particulier html .search-result a, html .custom-back.back-neutral #menu-particulier a, html .center-locator .custom-back.search-result #menu-particulier a, .center-locator html .custom-back.search-result #menu-particulier a,
html #centresList .custom-back.search-result #menu-particulier a,
#centresList html .custom-back.search-result #menu-particulier a, html .center-locator .back-neutral.search-result #menu-particulier a, html .center-locator .search-result #menu-particulier a,
html .center-locator #centresList .search-result #menu-particulier a,
#centresList html .center-locator .search-result #menu-particulier a, .center-locator html .back-neutral.search-result #menu-particulier a, .center-locator html .search-result #menu-particulier a,
.center-locator html #centresList .search-result #menu-particulier a,
#centresList .center-locator html .search-result #menu-particulier a,
html #centresList .back-neutral.search-result #menu-particulier a,
html #centresList .center-locator .search-result #menu-particulier a,
.center-locator html #centresList .search-result #menu-particulier a,
html #centresList .search-result #menu-particulier a,
#centresList html .back-neutral.search-result #menu-particulier a,
#centresList html .center-locator .search-result #menu-particulier a,
.center-locator #centresList html .search-result #menu-particulier a,
#centresList html .search-result #menu-particulier a, #menu-particulier .custom-back.back-neutral html a, #menu-particulier .center-locator .custom-back.search-result html a, .center-locator #menu-particulier .custom-back.search-result html a,
#menu-particulier #centresList .custom-back.search-result html a,
#centresList #menu-particulier .custom-back.search-result html a, #menu-particulier .center-locator .back-neutral.search-result html a, #menu-particulier .center-locator .search-result html a,
#menu-particulier .center-locator #centresList .search-result html a,
#centresList #menu-particulier .center-locator .search-result html a, .center-locator #menu-particulier .back-neutral.search-result html a, .center-locator #menu-particulier .search-result html a,
.center-locator #menu-particulier #centresList .search-result html a,
#centresList .center-locator #menu-particulier .search-result html a,
#menu-particulier #centresList .back-neutral.search-result html a,
#menu-particulier #centresList .center-locator .search-result html a,
.center-locator #menu-particulier #centresList .search-result html a,
#menu-particulier #centresList .search-result html a,
#centresList #menu-particulier .back-neutral.search-result html a,
#centresList #menu-particulier .center-locator .search-result html a,
.center-locator #centresList #menu-particulier .search-result html a,
#centresList #menu-particulier .search-result html a, .custom-back.back-neutral html #menu-particulier a, .center-locator .custom-back.search-result html #menu-particulier a,
#centresList .custom-back.search-result html #menu-particulier a, .center-locator .back-neutral.search-result html #menu-particulier a, .center-locator .search-result html #menu-particulier a,
.center-locator #centresList .search-result html #menu-particulier a,
#centresList .center-locator .search-result html #menu-particulier a,
#centresList .back-neutral.search-result html #menu-particulier a,
#centresList .center-locator .search-result html #menu-particulier a,
.center-locator #centresList .search-result html #menu-particulier a,
#centresList .search-result html #menu-particulier a,
#menu-partenaire a.simple-link-no-marge,
#menu-partenaire .center-locator .search-result div:nth-child(3) a,
.center-locator .search-result div:nth-child(3) #menu-partenaire a,
#menu-partenaire #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) #menu-partenaire a,
#menu-partenaire html a.lien-texte-simple,
html #menu-partenaire a.lien-texte-simple,
#menu-partenaire #content a.lien-texte-simple,
#content #menu-partenaire a.lien-texte-simple,
#menu-partenaire html a.simple-link,
#menu-partenaire html .edito-blocs a,
.edito-blocs #menu-partenaire html a,
html #menu-partenaire a.simple-link,
html #menu-partenaire .edito-blocs a,
.edito-blocs html #menu-partenaire a,
#menu-partenaire html .custom-back.back-neutral a,
#menu-partenaire html .center-locator .custom-back.search-result a,
.center-locator #menu-partenaire html .custom-back.search-result a,
#menu-partenaire html #centresList .custom-back.search-result a,
#centresList #menu-partenaire html .custom-back.search-result a,
#menu-partenaire html .center-locator .back-neutral.search-result a,
#menu-partenaire html .center-locator .search-result a,
#menu-partenaire html .center-locator #centresList .search-result a,
#centresList #menu-partenaire html .center-locator .search-result a,
.center-locator #menu-partenaire html .back-neutral.search-result a,
.center-locator #menu-partenaire html .search-result a,
.center-locator #menu-partenaire html #centresList .search-result a,
#centresList .center-locator #menu-partenaire html .search-result a,
#menu-partenaire html #centresList .back-neutral.search-result a,
#menu-partenaire html #centresList .center-locator .search-result a,
.center-locator #menu-partenaire html #centresList .search-result a,
#menu-partenaire html #centresList .search-result a,
#centresList #menu-partenaire html .back-neutral.search-result a,
#centresList #menu-partenaire html .center-locator .search-result a,
.center-locator #centresList #menu-partenaire html .search-result a,
#centresList #menu-partenaire html .search-result a,
html .custom-back.back-neutral #menu-partenaire a,
html .center-locator .custom-back.search-result #menu-partenaire a,
.center-locator html .custom-back.search-result #menu-partenaire a,
html #centresList .custom-back.search-result #menu-partenaire a,
#centresList html .custom-back.search-result #menu-partenaire a,
html .center-locator .back-neutral.search-result #menu-partenaire a,
html .center-locator .search-result #menu-partenaire a,
html .center-locator #centresList .search-result #menu-partenaire a,
#centresList html .center-locator .search-result #menu-partenaire a,
.center-locator html .back-neutral.search-result #menu-partenaire a,
.center-locator html .search-result #menu-partenaire a,
.center-locator html #centresList .search-result #menu-partenaire a,
#centresList .center-locator html .search-result #menu-partenaire a,
html #centresList .back-neutral.search-result #menu-partenaire a,
html #centresList .center-locator .search-result #menu-partenaire a,
.center-locator html #centresList .search-result #menu-partenaire a,
html #centresList .search-result #menu-partenaire a,
#centresList html .back-neutral.search-result #menu-partenaire a,
#centresList html .center-locator .search-result #menu-partenaire a,
.center-locator #centresList html .search-result #menu-partenaire a,
#centresList html .search-result #menu-partenaire a,
#menu-partenaire .custom-back.back-neutral html a,
#menu-partenaire .center-locator .custom-back.search-result html a,
.center-locator #menu-partenaire .custom-back.search-result html a,
#menu-partenaire #centresList .custom-back.search-result html a,
#centresList #menu-partenaire .custom-back.search-result html a,
#menu-partenaire .center-locator .back-neutral.search-result html a,
#menu-partenaire .center-locator .search-result html a,
#menu-partenaire .center-locator #centresList .search-result html a,
#centresList #menu-partenaire .center-locator .search-result html a,
.center-locator #menu-partenaire .back-neutral.search-result html a,
.center-locator #menu-partenaire .search-result html a,
.center-locator #menu-partenaire #centresList .search-result html a,
#centresList .center-locator #menu-partenaire .search-result html a,
#menu-partenaire #centresList .back-neutral.search-result html a,
#menu-partenaire #centresList .center-locator .search-result html a,
.center-locator #menu-partenaire #centresList .search-result html a,
#menu-partenaire #centresList .search-result html a,
#centresList #menu-partenaire .back-neutral.search-result html a,
#centresList #menu-partenaire .center-locator .search-result html a,
.center-locator #centresList #menu-partenaire .search-result html a,
#centresList #menu-partenaire .search-result html a,
.custom-back.back-neutral html #menu-partenaire a,
.center-locator .custom-back.search-result html #menu-partenaire a,
#centresList .custom-back.search-result html #menu-partenaire a,
.center-locator .back-neutral.search-result html #menu-partenaire a,
.center-locator .search-result html #menu-partenaire a,
.center-locator #centresList .search-result html #menu-partenaire a,
#centresList .center-locator .search-result html #menu-partenaire a,
#centresList .back-neutral.search-result html #menu-partenaire a,
#centresList .center-locator .search-result html #menu-partenaire a,
.center-locator #centresList .search-result html #menu-partenaire a,
#centresList .search-result html #menu-partenaire a,
#menu-afpa a.simple-link-no-marge,
#menu-afpa .center-locator .search-result div:nth-child(3) a,
.center-locator .search-result div:nth-child(3) #menu-afpa a,
#menu-afpa #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) #menu-afpa a,
#menu-afpa html a.lien-texte-simple,
html #menu-afpa a.lien-texte-simple,
#menu-afpa #content a.lien-texte-simple,
#content #menu-afpa a.lien-texte-simple,
#menu-afpa html a.simple-link,
#menu-afpa html .edito-blocs a,
.edito-blocs #menu-afpa html a,
html #menu-afpa a.simple-link,
html #menu-afpa .edito-blocs a,
.edito-blocs html #menu-afpa a,
#menu-afpa html .custom-back.back-neutral a,
#menu-afpa html .center-locator .custom-back.search-result a,
.center-locator #menu-afpa html .custom-back.search-result a,
#menu-afpa html #centresList .custom-back.search-result a,
#centresList #menu-afpa html .custom-back.search-result a,
#menu-afpa html .center-locator .back-neutral.search-result a,
#menu-afpa html .center-locator .search-result a,
#menu-afpa html .center-locator #centresList .search-result a,
#centresList #menu-afpa html .center-locator .search-result a,
.center-locator #menu-afpa html .back-neutral.search-result a,
.center-locator #menu-afpa html .search-result a,
.center-locator #menu-afpa html #centresList .search-result a,
#centresList .center-locator #menu-afpa html .search-result a,
#menu-afpa html #centresList .back-neutral.search-result a,
#menu-afpa html #centresList .center-locator .search-result a,
.center-locator #menu-afpa html #centresList .search-result a,
#menu-afpa html #centresList .search-result a,
#centresList #menu-afpa html .back-neutral.search-result a,
#centresList #menu-afpa html .center-locator .search-result a,
.center-locator #centresList #menu-afpa html .search-result a,
#centresList #menu-afpa html .search-result a,
html .custom-back.back-neutral #menu-afpa a,
html .center-locator .custom-back.search-result #menu-afpa a,
.center-locator html .custom-back.search-result #menu-afpa a,
html #centresList .custom-back.search-result #menu-afpa a,
#centresList html .custom-back.search-result #menu-afpa a,
html .center-locator .back-neutral.search-result #menu-afpa a,
html .center-locator .search-result #menu-afpa a,
html .center-locator #centresList .search-result #menu-afpa a,
#centresList html .center-locator .search-result #menu-afpa a,
.center-locator html .back-neutral.search-result #menu-afpa a,
.center-locator html .search-result #menu-afpa a,
.center-locator html #centresList .search-result #menu-afpa a,
#centresList .center-locator html .search-result #menu-afpa a,
html #centresList .back-neutral.search-result #menu-afpa a,
html #centresList .center-locator .search-result #menu-afpa a,
.center-locator html #centresList .search-result #menu-afpa a,
html #centresList .search-result #menu-afpa a,
#centresList html .back-neutral.search-result #menu-afpa a,
#centresList html .center-locator .search-result #menu-afpa a,
.center-locator #centresList html .search-result #menu-afpa a,
#centresList html .search-result #menu-afpa a,
#menu-afpa .custom-back.back-neutral html a,
#menu-afpa .center-locator .custom-back.search-result html a,
.center-locator #menu-afpa .custom-back.search-result html a,
#menu-afpa #centresList .custom-back.search-result html a,
#centresList #menu-afpa .custom-back.search-result html a,
#menu-afpa .center-locator .back-neutral.search-result html a,
#menu-afpa .center-locator .search-result html a,
#menu-afpa .center-locator #centresList .search-result html a,
#centresList #menu-afpa .center-locator .search-result html a,
.center-locator #menu-afpa .back-neutral.search-result html a,
.center-locator #menu-afpa .search-result html a,
.center-locator #menu-afpa #centresList .search-result html a,
#centresList .center-locator #menu-afpa .search-result html a,
#menu-afpa #centresList .back-neutral.search-result html a,
#menu-afpa #centresList .center-locator .search-result html a,
.center-locator #menu-afpa #centresList .search-result html a,
#menu-afpa #centresList .search-result html a,
#centresList #menu-afpa .back-neutral.search-result html a,
#centresList #menu-afpa .center-locator .search-result html a,
.center-locator #centresList #menu-afpa .search-result html a,
#centresList #menu-afpa .search-result html a,
.custom-back.back-neutral html #menu-afpa a,
.center-locator .custom-back.search-result html #menu-afpa a,
#centresList .custom-back.search-result html #menu-afpa a,
.center-locator .back-neutral.search-result html #menu-afpa a,
.center-locator .search-result html #menu-afpa a,
.center-locator #centresList .search-result html #menu-afpa a,
#centresList .center-locator .search-result html #menu-afpa a,
#centresList .back-neutral.search-result html #menu-afpa a,
#centresList .center-locator .search-result html #menu-afpa a,
.center-locator #centresList .search-result html #menu-afpa a,
#centresList .search-result html #menu-afpa a,
#menu-entreprise a.simple-link-no-marge,
#menu-entreprise .center-locator .search-result div:nth-child(3) a,
.center-locator .search-result div:nth-child(3) #menu-entreprise a,
#menu-entreprise #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) #menu-entreprise a,
#menu-entreprise html a.lien-texte-simple,
html #menu-entreprise a.lien-texte-simple,
#menu-entreprise #content a.lien-texte-simple,
#content #menu-entreprise a.lien-texte-simple,
#menu-entreprise html a.simple-link,
#menu-entreprise html .edito-blocs a,
.edito-blocs #menu-entreprise html a,
html #menu-entreprise a.simple-link,
html #menu-entreprise .edito-blocs a,
.edito-blocs html #menu-entreprise a,
#menu-entreprise html .custom-back.back-neutral a,
#menu-entreprise html .center-locator .custom-back.search-result a,
.center-locator #menu-entreprise html .custom-back.search-result a,
#menu-entreprise html #centresList .custom-back.search-result a,
#centresList #menu-entreprise html .custom-back.search-result a,
#menu-entreprise html .center-locator .back-neutral.search-result a,
#menu-entreprise html .center-locator .search-result a,
#menu-entreprise html .center-locator #centresList .search-result a,
#centresList #menu-entreprise html .center-locator .search-result a,
.center-locator #menu-entreprise html .back-neutral.search-result a,
.center-locator #menu-entreprise html .search-result a,
.center-locator #menu-entreprise html #centresList .search-result a,
#centresList .center-locator #menu-entreprise html .search-result a,
#menu-entreprise html #centresList .back-neutral.search-result a,
#menu-entreprise html #centresList .center-locator .search-result a,
.center-locator #menu-entreprise html #centresList .search-result a,
#menu-entreprise html #centresList .search-result a,
#centresList #menu-entreprise html .back-neutral.search-result a,
#centresList #menu-entreprise html .center-locator .search-result a,
.center-locator #centresList #menu-entreprise html .search-result a,
#centresList #menu-entreprise html .search-result a,
html .custom-back.back-neutral #menu-entreprise a,
html .center-locator .custom-back.search-result #menu-entreprise a,
.center-locator html .custom-back.search-result #menu-entreprise a,
html #centresList .custom-back.search-result #menu-entreprise a,
#centresList html .custom-back.search-result #menu-entreprise a,
html .center-locator .back-neutral.search-result #menu-entreprise a,
html .center-locator .search-result #menu-entreprise a,
html .center-locator #centresList .search-result #menu-entreprise a,
#centresList html .center-locator .search-result #menu-entreprise a,
.center-locator html .back-neutral.search-result #menu-entreprise a,
.center-locator html .search-result #menu-entreprise a,
.center-locator html #centresList .search-result #menu-entreprise a,
#centresList .center-locator html .search-result #menu-entreprise a,
html #centresList .back-neutral.search-result #menu-entreprise a,
html #centresList .center-locator .search-result #menu-entreprise a,
.center-locator html #centresList .search-result #menu-entreprise a,
html #centresList .search-result #menu-entreprise a,
#centresList html .back-neutral.search-result #menu-entreprise a,
#centresList html .center-locator .search-result #menu-entreprise a,
.center-locator #centresList html .search-result #menu-entreprise a,
#centresList html .search-result #menu-entreprise a,
#menu-entreprise .custom-back.back-neutral html a,
#menu-entreprise .center-locator .custom-back.search-result html a,
.center-locator #menu-entreprise .custom-back.search-result html a,
#menu-entreprise #centresList .custom-back.search-result html a,
#centresList #menu-entreprise .custom-back.search-result html a,
#menu-entreprise .center-locator .back-neutral.search-result html a,
#menu-entreprise .center-locator .search-result html a,
#menu-entreprise .center-locator #centresList .search-result html a,
#centresList #menu-entreprise .center-locator .search-result html a,
.center-locator #menu-entreprise .back-neutral.search-result html a,
.center-locator #menu-entreprise .search-result html a,
.center-locator #menu-entreprise #centresList .search-result html a,
#centresList .center-locator #menu-entreprise .search-result html a,
#menu-entreprise #centresList .back-neutral.search-result html a,
#menu-entreprise #centresList .center-locator .search-result html a,
.center-locator #menu-entreprise #centresList .search-result html a,
#menu-entreprise #centresList .search-result html a,
#centresList #menu-entreprise .back-neutral.search-result html a,
#centresList #menu-entreprise .center-locator .search-result html a,
.center-locator #centresList #menu-entreprise .search-result html a,
#centresList #menu-entreprise .search-result html a,
.custom-back.back-neutral html #menu-entreprise a,
.center-locator .custom-back.search-result html #menu-entreprise a,
#centresList .custom-back.search-result html #menu-entreprise a,
.center-locator .back-neutral.search-result html #menu-entreprise a,
.center-locator .search-result html #menu-entreprise a,
.center-locator #centresList .search-result html #menu-entreprise a,
#centresList .center-locator .search-result html #menu-entreprise a,
#centresList .back-neutral.search-result html #menu-entreprise a,
#centresList .center-locator .search-result html #menu-entreprise a,
.center-locator #centresList .search-result html #menu-entreprise a,
#centresList .search-result html #menu-entreprise a,
#menu-nos-formations a.simple-link-no-marge,
#menu-nos-formations .center-locator .search-result div:nth-child(3) a,
.center-locator .search-result div:nth-child(3) #menu-nos-formations a,
#menu-nos-formations #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) #menu-nos-formations a,
#menu-nos-formations html a.lien-texte-simple,
html #menu-nos-formations a.lien-texte-simple,
#menu-nos-formations #content a.lien-texte-simple,
#content #menu-nos-formations a.lien-texte-simple,
#menu-nos-formations html a.simple-link,
#menu-nos-formations html .edito-blocs a,
.edito-blocs #menu-nos-formations html a,
html #menu-nos-formations a.simple-link,
html #menu-nos-formations .edito-blocs a,
.edito-blocs html #menu-nos-formations a,
#menu-nos-formations html .custom-back.back-neutral a,
#menu-nos-formations html .center-locator .custom-back.search-result a,
.center-locator #menu-nos-formations html .custom-back.search-result a,
#menu-nos-formations html #centresList .custom-back.search-result a,
#centresList #menu-nos-formations html .custom-back.search-result a,
#menu-nos-formations html .center-locator .back-neutral.search-result a,
#menu-nos-formations html .center-locator .search-result a,
#menu-nos-formations html .center-locator #centresList .search-result a,
#centresList #menu-nos-formations html .center-locator .search-result a,
.center-locator #menu-nos-formations html .back-neutral.search-result a,
.center-locator #menu-nos-formations html .search-result a,
.center-locator #menu-nos-formations html #centresList .search-result a,
#centresList .center-locator #menu-nos-formations html .search-result a,
#menu-nos-formations html #centresList .back-neutral.search-result a,
#menu-nos-formations html #centresList .center-locator .search-result a,
.center-locator #menu-nos-formations html #centresList .search-result a,
#menu-nos-formations html #centresList .search-result a,
#centresList #menu-nos-formations html .back-neutral.search-result a,
#centresList #menu-nos-formations html .center-locator .search-result a,
.center-locator #centresList #menu-nos-formations html .search-result a,
#centresList #menu-nos-formations html .search-result a,
html .custom-back.back-neutral #menu-nos-formations a,
html .center-locator .custom-back.search-result #menu-nos-formations a,
.center-locator html .custom-back.search-result #menu-nos-formations a,
html #centresList .custom-back.search-result #menu-nos-formations a,
#centresList html .custom-back.search-result #menu-nos-formations a,
html .center-locator .back-neutral.search-result #menu-nos-formations a,
html .center-locator .search-result #menu-nos-formations a,
html .center-locator #centresList .search-result #menu-nos-formations a,
#centresList html .center-locator .search-result #menu-nos-formations a,
.center-locator html .back-neutral.search-result #menu-nos-formations a,
.center-locator html .search-result #menu-nos-formations a,
.center-locator html #centresList .search-result #menu-nos-formations a,
#centresList .center-locator html .search-result #menu-nos-formations a,
html #centresList .back-neutral.search-result #menu-nos-formations a,
html #centresList .center-locator .search-result #menu-nos-formations a,
.center-locator html #centresList .search-result #menu-nos-formations a,
html #centresList .search-result #menu-nos-formations a,
#centresList html .back-neutral.search-result #menu-nos-formations a,
#centresList html .center-locator .search-result #menu-nos-formations a,
.center-locator #centresList html .search-result #menu-nos-formations a,
#centresList html .search-result #menu-nos-formations a,
#menu-nos-formations .custom-back.back-neutral html a,
#menu-nos-formations .center-locator .custom-back.search-result html a,
.center-locator #menu-nos-formations .custom-back.search-result html a,
#menu-nos-formations #centresList .custom-back.search-result html a,
#centresList #menu-nos-formations .custom-back.search-result html a,
#menu-nos-formations .center-locator .back-neutral.search-result html a,
#menu-nos-formations .center-locator .search-result html a,
#menu-nos-formations .center-locator #centresList .search-result html a,
#centresList #menu-nos-formations .center-locator .search-result html a,
.center-locator #menu-nos-formations .back-neutral.search-result html a,
.center-locator #menu-nos-formations .search-result html a,
.center-locator #menu-nos-formations #centresList .search-result html a,
#centresList .center-locator #menu-nos-formations .search-result html a,
#menu-nos-formations #centresList .back-neutral.search-result html a,
#menu-nos-formations #centresList .center-locator .search-result html a,
.center-locator #menu-nos-formations #centresList .search-result html a,
#menu-nos-formations #centresList .search-result html a,
#centresList #menu-nos-formations .back-neutral.search-result html a,
#centresList #menu-nos-formations .center-locator .search-result html a,
.center-locator #centresList #menu-nos-formations .search-result html a,
#centresList #menu-nos-formations .search-result html a,
.custom-back.back-neutral html #menu-nos-formations a,
.center-locator .custom-back.search-result html #menu-nos-formations a,
#centresList .custom-back.search-result html #menu-nos-formations a,
.center-locator .back-neutral.search-result html #menu-nos-formations a,
.center-locator .search-result html #menu-nos-formations a,
.center-locator #centresList .search-result html #menu-nos-formations a,
#centresList .center-locator .search-result html #menu-nos-formations a,
#centresList .back-neutral.search-result html #menu-nos-formations a,
#centresList .center-locator .search-result html #menu-nos-formations a,
.center-locator #centresList .search-result html #menu-nos-formations a,
#centresList .search-result html #menu-nos-formations a {
  padding-left: 18px;
}
#menu-particulier .container ul,
#menu-partenaire .container ul,
#menu-afpa .container ul,
#menu-entreprise .container ul,
#menu-nos-formations .container ul {
  list-style-type: none;
  margin-left: 0;
}
#menu-particulier .container ul li,
#menu-partenaire .container ul li,
#menu-afpa .container ul li,
#menu-entreprise .container ul li,
#menu-nos-formations .container ul li {
  margin-bottom: 5px;
}
#menu-particulier .container ul li:last-of-type,
#menu-partenaire .container ul li:last-of-type,
#menu-afpa .container ul li:last-of-type,
#menu-entreprise .container ul li:last-of-type,
#menu-nos-formations .container ul li:last-of-type {
  margin-bottom: 0;
}
#menu-particulier .container ul li.ui-menu-item,
#menu-partenaire .container ul li.ui-menu-item,
#menu-afpa .container ul li.ui-menu-item,
#menu-entreprise .container ul li.ui-menu-item,
#menu-nos-formations .container ul li.ui-menu-item {
  margin-bottom: 0px;
}
#menu-particulier .container div.span4,
#menu-partenaire .container div.span4,
#menu-afpa .container div.span4,
#menu-entreprise .container div.span4,
#menu-nos-formations .container div.span4 {
  float: left;
  margin-left: 10px;
}
#menu-particulier .container div.span4:first-of-type,
#menu-partenaire .container div.span4:first-of-type,
#menu-afpa .container div.span4:first-of-type,
#menu-entreprise .container div.span4:first-of-type,
#menu-nos-formations .container div.span4:first-of-type {
  margin-left: 0;
}
#menu-particulier .container div.span4.bordered-left,
#menu-partenaire .container div.span4.bordered-left,
#menu-afpa .container div.span4.bordered-left,
#menu-entreprise .container div.span4.bordered-left,
#menu-nos-formations .container div.span4.bordered-left {
  border-left: 1px solid #DEDEDE;
  margin-left: 0;
  padding-left: 10px;
}
#menu-particulier .container div.span4.bordered-left > div,
#menu-partenaire .container div.span4.bordered-left > div,
#menu-afpa .container div.span4.bordered-left > div,
#menu-entreprise .container div.span4.bordered-left > div,
#menu-nos-formations .container div.span4.bordered-left > div {
  margin-left: 10px;
}
#menu-particulier .container div.one-fourth,
#menu-partenaire .container div.one-fourth,
#menu-afpa .container div.one-fourth,
#menu-entreprise .container div.one-fourth,
#menu-nos-formations .container div.one-fourth {
  float: left;
  margin-left: 10px;
  width: 24.318%;
}
#menu-particulier .container div.one-fourth.first,
#menu-partenaire .container div.one-fourth.first,
#menu-afpa .container div.one-fourth.first,
#menu-entreprise .container div.one-fourth.first,
#menu-nos-formations .container div.one-fourth.first {
  border-right: 1px solid #DEDEDE;
  margin-left: 0px;
}
#menu-particulier .container div.one-fourth.second,
#menu-partenaire .container div.one-fourth.second,
#menu-afpa .container div.one-fourth.second,
#menu-entreprise .container div.one-fourth.second,
#menu-nos-formations .container div.one-fourth.second {
  border-right: 1px solid #DEDEDE;
}
#menu-particulier .container div.one-fourth.last,
#menu-partenaire .container div.one-fourth.last,
#menu-afpa .container div.one-fourth.last,
#menu-entreprise .container div.one-fourth.last,
#menu-nos-formations .container div.one-fourth.last {
  margin-left: 0px;
  padding-left: 20px;
  width: 24.29%;
}
#menu-particulier .container div.two-three,
#menu-partenaire .container div.two-three,
#menu-afpa .container div.two-three,
#menu-entreprise .container div.two-three,
#menu-nos-formations .container div.two-three {
  float: left;
  width: 49.41%;
}
#menu-particulier .container .custom-back, #menu-particulier .container .center-locator .search-result, .center-locator #menu-particulier .container .search-result,
#menu-particulier .container #centresList .search-result,
#centresList #menu-particulier .container .search-result,
#menu-partenaire .container .custom-back,
#menu-partenaire .container .center-locator .search-result,
.center-locator #menu-partenaire .container .search-result,
#menu-partenaire .container #centresList .search-result,
#centresList #menu-partenaire .container .search-result,
#menu-afpa .container .custom-back,
#menu-afpa .container .center-locator .search-result,
.center-locator #menu-afpa .container .search-result,
#menu-afpa .container #centresList .search-result,
#centresList #menu-afpa .container .search-result,
#menu-entreprise .container .custom-back,
#menu-entreprise .container .center-locator .search-result,
.center-locator #menu-entreprise .container .search-result,
#menu-entreprise .container #centresList .search-result,
#centresList #menu-entreprise .container .search-result,
#menu-nos-formations .container .custom-back,
#menu-nos-formations .container .center-locator .search-result,
.center-locator #menu-nos-formations .container .search-result,
#menu-nos-formations .container #centresList .search-result,
#centresList #menu-nos-formations .container .search-result { /**** Module News **/
  position: relative;
}
#menu-particulier .container .custom-back:after, #menu-particulier .container .center-locator .search-result:after, .center-locator #menu-particulier .container .search-result:after,
#menu-particulier .container #centresList .search-result:after,
#centresList #menu-particulier .container .search-result:after,
#menu-partenaire .container .custom-back:after,
#menu-partenaire .container .center-locator .search-result:after,
.center-locator #menu-partenaire .container .search-result:after,
#menu-partenaire .container #centresList .search-result:after,
#centresList #menu-partenaire .container .search-result:after,
#menu-afpa .container .custom-back:after,
#menu-afpa .container .center-locator .search-result:after,
.center-locator #menu-afpa .container .search-result:after,
#menu-afpa .container #centresList .search-result:after,
#centresList #menu-afpa .container .search-result:after,
#menu-entreprise .container .custom-back:after,
#menu-entreprise .container .center-locator .search-result:after,
.center-locator #menu-entreprise .container .search-result:after,
#menu-entreprise .container #centresList .search-result:after,
#centresList #menu-entreprise .container .search-result:after,
#menu-nos-formations .container .custom-back:after,
#menu-nos-formations .container .center-locator .search-result:after,
.center-locator #menu-nos-formations .container .search-result:after,
#menu-nos-formations .container #centresList .search-result:after,
#centresList #menu-nos-formations .container .search-result:after {
  background-color: #DEDEDE;
  bottom: 0;
  content: "";
  height: 182px;
  position: absolute;
  right: -10px;
  width: 1px;
}
#menu-particulier .container .edito-blocs.evenement,
#menu-partenaire .container .edito-blocs.evenement,
#menu-afpa .container .edito-blocs.evenement,
#menu-entreprise .container .edito-blocs.evenement,
#menu-nos-formations .container .edito-blocs.evenement {
  border-bottom: 1px solid #DEDEDE;
  float: none;
  height: 232px;
  margin-bottom: 30px;
}
#menu-particulier .container .edito-blocs.evenement .header-news,
#menu-partenaire .container .edito-blocs.evenement .header-news,
#menu-afpa .container .edito-blocs.evenement .header-news,
#menu-entreprise .container .edito-blocs.evenement .header-news,
#menu-nos-formations .container .edito-blocs.evenement .header-news {
  margin: 8px 0 6px;
}
#menu-particulier .container .edito-blocs.evenement .resume,
#menu-partenaire .container .edito-blocs.evenement .resume,
#menu-afpa .container .edito-blocs.evenement .resume,
#menu-entreprise .container .edito-blocs.evenement .resume,
#menu-nos-formations .container .edito-blocs.evenement .resume {
  margin-top: 15px;
}

#menu-particulier div.span4,
#menu-partenaire div.span4,
#menu-entreprise div.span4 {
  padding-top: 20px;
}
#menu-particulier div.span4.padding-inside,
#menu-partenaire div.span4.padding-inside,
#menu-entreprise div.span4.padding-inside {
  padding: 20px;
}
#menu-particulier div.one-fourth,
#menu-partenaire div.one-fourth,
#menu-entreprise div.one-fourth {
  padding: 18px 0 0 0;
}

#menu-nos-formations .container div.one-fourth, #menu-particulier .container div.one-fourth {
  padding: 18px 0 0 0;
}
#menu-nos-formations .container div.one-fourth.last, #menu-particulier .container div.one-fourth.last {
  background-color: #F1F1F1;
  margin-left: 8px;
  padding: 0;
}

form.searchMenu { /** search du mégamenu**/
  height: 290px;
  margin-bottom: 10px;
  padding: 8px 10px 0 10px;
}
form.searchMenu h4 {
  line-height: 1.25;
  font-size: 16px;
  font-size: 1.6rem;
  background: url("../images/afpa/loupe-recherche.svg") no-repeat scroll 0 0/20px auto transparent;
  font-family: "raleway-regular";
  font-weight: normal;
  margin-bottom: 20px;
  padding-left: 30px;
}
form.searchMenu div {
  font-family: Arial, sans-serif;
  font-weight: normal;
  position: relative;
}
form.searchMenu div.ui-front {
  z-index: 4;
}
form.searchMenu input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFFFFF;
  margin-bottom: 10px;
  min-height: 46px;
  padding: 10px 20px;
  outline: none;
  width: 100%;
}
form.searchMenu input.error-field {
  border: 1px solid red;
}
form.searchMenu input, form.searchMenu select {
  border: 1px solid #DEDEDE;
  color: #5A545A;
}
form.searchMenu input.error-field, form.searchMenu select.error-field {
  border: 1px solid red;
  color: red;
}
form.searchMenu a {
  margin-top: 8px;
}

/*** Banière authentification **/
#authentification-banner {
  background-color: #00A0E0;
  color: #FFFFFF;
  padding: 22px 15px 20px;
}
#authentification-banner form {
  position: relative; /**Permet de positionner les messages d'erreur**/
  margin: 0 auto;
}
#authentification-banner form a {
  color: #FFFFFF;
}
#authentification-banner form a.forgot-password {
  line-height: 1.3333333333;
  font-size: 12px;
  font-size: 1.2rem;
  height: auto;
  text-decoration: underline;
  width: 8%;
}
#authentification-banner form a.forgot-password:hover {
  font-weight: bold;
}
#authentification-banner form a.pink-button-no-transition {
  height: 46px;
  margin-left: 22px;
  padding: 15px;
}
#authentification-banner form a.pink-button-no-transition[value="Se connecter"] {
  margin-right: 22px;
}
#authentification-banner form span {
  line-height: 1.3333333333;
  font-size: 12px;
  font-size: 1.2rem;
  /*** Messages d'erreurs de connexion **/
}
#authentification-banner form span.explanation {
  margin: 0 10px;
  padding-top: 8px;
  width: 18%;
}
#authentification-banner form span.separation {
  float: inherit;
  position: relative;
  width: 1px;
}
#authentification-banner form span.separation:after {
  background-color: white;
  content: "";
  height: 43px;
  left: 3px;
  position: absolute;
  top: 2px;
  width: 1px;
}
#authentification-banner form span.login-error, #authentification-banner form span.password-error {
  bottom: -16px;
  font-weight: bold;
  position: absolute;
}
#authentification-banner form span.login-error {
  left: 0;
}
#authentification-banner form span.login-error.authent {
  left: 22px;
}
#authentification-banner form span.login-error.authent:before {
  border-radius: 20px;
  background-color: #FFFFFF;
  bottom: 0px;
  color: #00A0E0;
  content: "!";
  display: block;
  height: 16px;
  left: -23px;
  position: absolute;
  text-align: center;
  width: 16px;
}
#authentification-banner form span.password-error {
  left: 24%;
}
#authentification-banner form input {
  margin: 0;
}
#authentification-banner form input[type=text], #authentification-banner form input[type=password] {
  border: none;
  height: 46px;
  margin-right: 10px;
  padding-left: 18px;
}
#authentification-banner form input[type=text] {
  width: 23%;
}
#authentification-banner form input[type=text].error-input {
  background: url("../images/afpa/cross-warning.svg") no-repeat right center #FFFFFF;
  border: 1px solid #fa5555;
}
#authentification-banner form input[type=password] {
  width: 13.7%;
}
#authentification-banner form input[type=password].error-input {
  background: url("../images/afpa/cross-warning.svg") no-repeat right center #FFFFFF;
  border: 1px solid #fa5555;
}
#authentification-banner form input[type=submit] {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #E3007E;
  text-decoration: none;
  color: #fff;
  background-color: #E3007E;
  border: none;
  cursor: pointer;
  margin: 0 18px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
#authentification-banner form input[type=submit]:hover, #authentification-banner form input[type=submit]:focus {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #CF004B;
  text-decoration: none;
}

/* Footer CSS */
html footer {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
}
html footer h2 {
  text-align: center;
}
html footer h3 {
  line-height: 1.7777777778;
  font-size: 18px;
  font-size: 1.8rem;
}
html footer .inside {
  width: 1022px;
  margin: 0 auto;
}
html footer .inside .logo {
  font-family: "raleway-regular";
  width: 60%;
}
html footer .inside .logo img {
  height: 65px;
  width: 65px;
}

footer {
  /***Bloc réassurance **/
  /*** Blocs d'infos **/
  /*** Avant dernier bloc**/
}
footer .reassurance {
  background-color: #87BB34;
  color: #FFFFFF;
  overflow: hidden;
  padding: 22px 0 25px 0;
  width: 100%;
}
footer .infos-footer {
  border-bottom: 1px solid #DEDEDE;
  padding: 20px 0 30px 0;
  overflow: hidden;
  width: 100%;
  /*** Bloc twitter du footer**/
}
footer .infos-footer .span4 {
  float: left;
}
footer .infos-footer .span4:first-child {
  margin-left: 0;
}
footer .infos-footer .span4:first-child .portlet-borderless-container {
  position: unset;
}
footer .infos-footer .span4:nth-child(2) {
  border-right: 1px solid #DEDEDE;
  padding: 0 20px;
}
footer .infos-footer .span4:nth-child(3) {
  padding-left: 20px;
}
footer .infos-footer .twitter-footer {
  border-right: 1px solid #DEDEDE;
  padding-right: 20px;
}
footer .infos-footer .twitter-footer .titre-twitter img {
  float: left;
  margin: 6px 10px 0 0;
}
footer .infos-footer .twitter-footer .titre-twitter h3:after {
  background-color: #908E8D;
  margin: 8px 0 0 0;
}
footer .infos-footer .twitter-footer .twitter-links {
  padding: 20px 0 20px 0;
  overflow: hidden;
  width: 100%;
}
footer .infos-footer .twitter-footer .twitter-links a {
  display: block;
  float: left;
  height: 25px;
  margin-right: 20px;
  text-indent: -7777px;
}
footer .infos-footer .twitter-footer .twitter-links a.facebook-logo-rose {
  background: url("../images/afpa/footer/footer-sprite.svg") no-repeat scroll left 0px/250px auto transparent;
  width: 14px;
}
footer .infos-footer .twitter-footer .twitter-links a.instagram-logo-rose {
  background: url("../images/afpa/footer/footer-instagram.svg") no-repeat;
  width: 25px;
}
footer .infos-footer .twitter-footer .twitter-links a.bluesky-logo-rose {
  background: url("../images/afpa/footer/footer-bluesky.svg") no-repeat;
  width: 25px;
}
footer .infos-footer .twitter-footer .twitter-links a.threads-logo-rose {
  background: url("../images/afpa/footer/footer-threads.svg") no-repeat;
  width: 25px;
}
footer .infos-footer .twitter-footer .twitter-links a.tiktok-logo-rose {
  background: url("../images/afpa/footer/footer-tiktok.svg") no-repeat;
  width: 25px;
}
footer .infos-footer .twitter-footer .twitter-links a.twitter-logo-rose {
  background: url("../images/afpa/footer/footer-sprite.svg") no-repeat scroll -34px -1px/250px auto transparent;
  width: 31px;
}
footer .infos-footer .twitter-footer .twitter-links a.youtube-logo-rose {
  background: url("../images/afpa/footer/footer-sprite.svg") no-repeat scroll -84px -1px/250px auto transparent;
  width: 21px;
}
footer .infos-footer .twitter-footer .twitter-links a.linkedin-logo-rose {
  background: url("../images/afpa/footer/footer-sprite.svg") no-repeat scroll -126px -1px/250px auto transparent;
  width: 24px;
}
footer .infos-footer .twitter-footer .twitter-links a.viadeo-logo-rose {
  background: url("../images/afpa/footer/footer-sprite.svg") no-repeat scroll -169px -2px/250px auto transparent;
  width: 80px;
}
footer .infos-footer .tweet {
  padding-top: 5px;
}
footer .infos-footer .tweet span {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
}
footer .infos-footer .tweet span.twitter-name {
  font-family: Arial, sans-serif;
  font-weight: bold;
}
footer .infos-footer .tweet span p a {
  text-decoration: underline;
}
footer .clear {
  clear: both;
  font-family: "raleway-regular";
  padding: 20px 0;
}
footer .nav-footer {
  font-family: "raleway-regular";
  padding: 18px 0 20px 0;
  width: 100%;
}
footer .nav-footer a {
  display: inline-block;
  font-family: "raleway-regular";
}
footer .nav-footer a:hover, footer .nav-footer a:focus {
  color: #252325;
}

/**** Ancre **/
.anchor-page {
  border-radius: 3px;
  padding: 10px;
  font-size: 17px;
  font-family: Arial, sans-serif;
  text-align: center;
  color: #FFFFFF;
  background: #5A545A;
  opacity: 0.5;
  z-index: 99999;
  transition: all ease-in 0.2s;
  position: fixed;
  cursor: pointer;
  bottom: 1em;
  right: 20px;
  display: none;
}

.anchor-page:before {
  content: "▲";
}

.anchor-page:hover {
  background: #0062b9;
  transition: all ease-in 0.2s;
  opacity: 1;
}

/********************
 **** Layout ********
 ********************/
.smaller, .afpa-breadcrumb-portlet .portlet {
  margin: 0 auto;
  width: 1032px;
}

/********************
 **** Titres ********
 ********************/
/* Gère les traits sous les titres*/
.contrat-pro-search h3:after, .global-search-list h3:after,
#formationsDomainesList h3:after, .global-popin h3.underline-title:after, .bloc-mes-alertes.add-alerte-gestion h3.underline-title:after, .global-popin .ui-dialog-content .modal-header > h3:after, #wrapper .resultats-zoom-competences h3.regular.colored:after, .page-reponse-financement-etape-3 .zone-titre-etape-3 h3:after, html .row .financement-form h3.sub-title:after,
html .row .elegant-form h3.sub-title:after, .info-centre h2:after, .dashboard-view.prescripteur-public h3:after, .competence-candidat.candidats-for-prescripteur h3.regular.colored:after, .dashboard-view.notification .dashboard-subtitle:after, #content .dashboard-view .dashboard-subtitle:after, .perso-form .part p.alerte-subtitle:after,
.mon-profil-update .part p.alerte-subtitle:after,
.bloc-mes-alertes .part p.alerte-subtitle:after,
.identifiant-connexion .part p.alerte-subtitle:after, html #content .centre-reference h4:after, .formation-page-centre .formation-domaines h3:after, .services .englob-services .services-list h3:after, #modal-bis .model-dialog-content .modal-header div:last-of-type:after,
.modal-bis-menu .model-dialog-content .modal-header div:last-of-type:after, article.fiche-formation .chapo-formation-deficitaire:after, article.fiche-formation .chapo-formation-deficitaire:before, html h3.titre-bloc:after,
html h3 .titre-bloc-bold:after, #content h3.titre-bloc:after,
#content h3 .titre-bloc-bold:after, #content h3.bold:after,
html .modal h3.bold:after,
.global-popin h3.bold:after,
html footer h3.bold:after, #content h3.pink-title:after, #content .edito-blocs.twitter h3:after, .edito-blocs.twitter #content h3:after, #content h3.green-title:after,
html .modal h3.pink-title:after,
html .modal .edito-blocs.twitter h3:after,
.edito-blocs.twitter html .modal h3:after,
html .modal h3.green-title:after,
.global-popin h3.pink-title:after,
.global-popin .edito-blocs.twitter h3:after,
.edito-blocs.twitter .global-popin h3:after,
.global-popin h3.green-title:after,
html footer h3.pink-title:after,
html footer .edito-blocs.twitter h3:after,
.edito-blocs.twitter html footer h3:after,
html footer h3.green-title:after, #content h3.blue-title:after,
html .modal h3.blue-title:after,
.global-popin h3.blue-title:after,
html footer h3.blue-title:after, .custom-back.back-identity span.center-locator-information:after, .center-locator .back-identity.search-result span.center-locator-information:after,
#centresList .back-identity.search-result span.center-locator-information:after, .custom-back.back-identity caption.horaires:before, .center-locator .back-identity.search-result caption.horaires:before,
#centresList .back-identity.search-result caption.horaires:before, .custom-back.back-tools caption.horaires:before, .center-locator .back-tools.search-result caption.horaires:before,
#centresList .back-tools.search-result caption.horaires:before, .custom-back.back-action caption.horaires:before, .center-locator .back-action.search-result caption.horaires:before,
#centresList .back-action.search-result caption.horaires:before, .back-action h2:after, footer .infos-footer .twitter-footer .titre-twitter h3:after {
  content: "";
  display: block;
  height: 1px;
  width: 68px;
}

.idee-metier-list h3:after, #menu-particulier h3:after,
#menu-partenaire h3:after,
#menu-afpa h3:after,
#menu-entreprise h3:after,
#menu-nos-formations h3:after {
  content: "";
  display: block;
  height: 1px;
  width: 83px;
}

/************************
**** Recherche**************/
/*** Géolocalisation**/
/************************
**** Textes**************/
/*** Croche devant paragraphe**/
.temoignage .bottom:before, article .header-article .header-teaser p:before {
  content: "";
  height: 19px;
  position: absolute;
  width: 32px;
}

article .header-article .header-teaser p:before {
  background: url("../images/afpa/croche.png") no-repeat scroll left top/32px auto transparent;
}

.temoignage .bottom:before {
  background: url("../images/afpa/croche-white.png") no-repeat scroll left top/32px auto transparent;
}

/**Nombre de résultats **/
span.nombre-resultats {
  line-height: 1;
  font-size: 80px;
  font-size: 8rem;
  color: #00A0E0;
  font-family: "raleway-bold";
  margin-right: 5px;
}

/**** TAGS formation & Search **/
aside.menu-financement .step.actived .inside .tag-off, .global-search-list div.item-list span.tag,
#formationsDomainesList div.item-list span.tag,
#formationsCentreList div.item-list span.tag, aside.menu-financement .tag, .formation-small.tags .tag, .edito-blocs.contrat-pro .content-contrat-small .tag-div .tag, .candidats-for-prescripteur .formation-part .clear span.tag, #content .dashboard-view.experiences span.tag, .notifications-recap .notification-part div span.tag, .candidatures-recap .candidature-part div span.tag, article span.tag {
  display: inline-block;
  font-family: Arial, sans-serif;
  float: left;
  line-height: 28px;
}

.global-search-list div.item-list span.tag,
#formationsDomainesList div.item-list span.tag,
#formationsCentreList div.item-list span.tag, aside.menu-financement .tag, .formation-small.tags .tag, .edito-blocs.contrat-pro .content-contrat-small .tag-div .tag, .candidats-for-prescripteur .formation-part .clear span.tag, #content .dashboard-view.experiences span.tag, .notifications-recap .notification-part div span.tag, .candidatures-recap .candidature-part div span.tag, article span.tag {
  line-height: 2.2857142857;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #DEDEDE;
  padding: 0 10px;
}

aside.menu-financement .step.actived .inside .tag-off {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  color: #5A545A;
  padding: 10px 20px;
}

/************************
**** popin**************/
/*** Croix**/
.dialog-search .close-href {
  background: url("../images/afpa/cross.svg") no-repeat scroll left top/21px auto transparent;
  height: 24px;
  opacity: 1;
  text-indent: -77777px;
  width: 21px;
}

.bloc-financement .titre-sous-titre .toggle-financement, .accordion-formation .accordion-bloc .title-admission img.toggle-formation,
.accordion-formation .accordion-bloc .title-programme img.toggle-formation,
.accordion-formation .accordion-bloc .title-activitePE img.toggle-formation,
.accordion-formation .accordion-bloc .title-debouche img.toggle-formation, #facet .toggleFacet, #facet .toggleGeolocFacet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  float: right;
}
.bloc-financement .titre-sous-titre .close.toggle-financement, .accordion-formation .accordion-bloc .title-admission img.close.toggle-formation,
.accordion-formation .accordion-bloc .title-programme img.close.toggle-formation,
.accordion-formation .accordion-bloc .title-activitePE img.close.toggle-formation,
.accordion-formation .accordion-bloc .title-debouche img.close.toggle-formation, #facet .close.toggleFacet, #facet .close.toggleGeolocFacet, .bloc-financement .titre-sous-titre .active.toggle-financement, .accordion-formation .accordion-bloc .title-admission img.active.toggle-formation,
.accordion-formation .accordion-bloc .title-programme img.active.toggle-formation,
.accordion-formation .accordion-bloc .title-activitePE img.active.toggle-formation,
.accordion-formation .accordion-bloc .title-debouche img.active.toggle-formation, #facet .active.toggleFacet, #facet .active.toggleGeolocFacet {
  opacity: 1;
}
.bloc-financement .titre-sous-titre .close.toggle-financement:hover, .accordion-formation .accordion-bloc .title-admission img.close.toggle-formation:hover,
.accordion-formation .accordion-bloc .title-programme img.close.toggle-formation:hover,
.accordion-formation .accordion-bloc .title-activitePE img.close.toggle-formation:hover,
.accordion-formation .accordion-bloc .title-debouche img.close.toggle-formation:hover, #facet .close.toggleFacet:hover, #facet .close.toggleGeolocFacet:hover, .bloc-financement .titre-sous-titre .close.toggle-financement:focus, .accordion-formation .accordion-bloc .title-admission img.close.toggle-formation:focus,
.accordion-formation .accordion-bloc .title-programme img.close.toggle-formation:focus,
.accordion-formation .accordion-bloc .title-activitePE img.close.toggle-formation:focus,
.accordion-formation .accordion-bloc .title-debouche img.close.toggle-formation:focus, #facet .close.toggleFacet:focus, #facet .close.toggleGeolocFacet:focus, .bloc-financement .titre-sous-titre .active.toggle-financement:hover, .accordion-formation .accordion-bloc .title-admission img.active.toggle-formation:hover,
.accordion-formation .accordion-bloc .title-programme img.active.toggle-formation:hover,
.accordion-formation .accordion-bloc .title-activitePE img.active.toggle-formation:hover,
.accordion-formation .accordion-bloc .title-debouche img.active.toggle-formation:hover, #facet .active.toggleFacet:hover, #facet .active.toggleGeolocFacet:hover, .bloc-financement .titre-sous-titre .active.toggle-financement:focus, .accordion-formation .accordion-bloc .title-admission img.active.toggle-formation:focus,
.accordion-formation .accordion-bloc .title-programme img.active.toggle-formation:focus,
.accordion-formation .accordion-bloc .title-activitePE img.active.toggle-formation:focus,
.accordion-formation .accordion-bloc .title-debouche img.active.toggle-formation:focus, #facet .active.toggleFacet:focus, #facet .active.toggleGeolocFacet:focus {
  opacity: 1;
  outline: none;
}

#facet .toggleFacet, #facet .toggleGeolocFacet { /*** Pour les facettes **/
  background: url("../images/afpa/close-facet.svg") no-repeat scroll left top/18px auto transparent;
  height: 18px;
  width: 18px;
}
#facet .close.toggleFacet, #facet .close.toggleGeolocFacet {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.bloc-financement .titre-sous-titre .toggle-financement, .accordion-formation .accordion-bloc .title-admission img.toggle-formation,
.accordion-formation .accordion-bloc .title-programme img.toggle-formation,
.accordion-formation .accordion-bloc .title-activitePE img.toggle-formation,
.accordion-formation .accordion-bloc .title-debouche img.toggle-formation { /***Propositions de financements**/
  cursor: pointer;
  height: 14px;
  width: 14px;
}
.bloc-financement .titre-sous-titre .active.toggle-financement, .accordion-formation .accordion-bloc .title-admission img.active.toggle-formation,
.accordion-formation .accordion-bloc .title-programme img.active.toggle-formation,
.accordion-formation .accordion-bloc .title-activitePE img.active.toggle-formation,
.accordion-formation .accordion-bloc .title-debouche img.active.toggle-formation {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/************************
**** Afters ************/
header #navigation ul li:nth-child(-n+4):hover:after, header #navigation ul li:nth-child(n+5).selected:after, header #navigation ul li:nth-child(n+5):hover:after {
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  top: 46px;
  left: 38%;
  width: 17px;
  z-index: 6;
}

/************************
**** transitions**************/
.formation-small .content-formation-small .inside, .edito-blocs .small-content h3, .edito-blocs.contrat-pro .content-contrat-small, html #wrapper .edit-tableau form .form-group label:first-child,
html #wrapper .gestion-tableau form .form-group label:first-child,
html #wrapper .gestion-contrats-pros form .form-group label:first-child {
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}

a.pink-button, a.gray-button, .moreResults a { /***Animation sur les boutons **/
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  position: relative;
  transform: translateZ(0px);
  transition-duration: 0.5s;
}

a.pink-button:before, a.gray-button:before, .moreResults a:before {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  -ms-transform-origin: 0 50% 0;
  -webkit-transform-origin: 0 50% 0;
  transform-origin: 0 50% 0;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  top: 0;
  z-index: -1;
}

/************************
**** styles**************/
.ui-autocomplete.ui-widget-content.recherche-generique.mobile-search, .sous-menu-mobile, #menu-particulier,
#menu-partenaire,
#menu-afpa,
#menu-entreprise,
#menu-nos-formations {
  box-shadow: 0px 10px 10px 0px rgba(229, 229, 229, 0.85);
  -moz-box-shadow: 0px 10px 10px 0px rgba(229, 229, 229, 0.85);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(229, 229, 229, 0.85);
}

.map-pastille-min, .map-pastille {
  border-radius: 20px;
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #87BB34;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "raleway-bold";
  text-align: center;
}

/************************
**** Boutons**************/
/*** Boutons centrés **/
.confirmation-compte .pink-button {
  display: block;
  margin: 0 auto 60px auto;
  text-align: center;
  width: 334px;
}

/*Reset button**/
.global-popin input.normal-pink-button, .global-popin input.big-pink-button, .bloc-mes-alertes.add-alerte-gestion input.normal-pink-button, .bloc-mes-alertes.add-alerte-gestion input.big-pink-button, html .row .financement-form input.input-gray,
html .row .elegant-form input.input-gray, html #wrapper .edit-tableau form .form-group.logo-group input.gray-input, .updtate-identifiant-connexion input[type=submit], html .perso-form input[type=submit], .reinitialize .btn,
html form.recup-password .btn, #wrapper .verify-email .button-holder .btn, .creation-compte a.pink-button-submit {
  border: none;
  border-color: unset;
  border-radius: 0;
  box-shadow: none;
  font-family: Arial, sans-serif;
  text-shadow: unset;
}

/**** Submits**/
html .row .financement-form input[type=submit],
html .row .elegant-form input[type=submit], .reinitialize .btn,
html form.recup-password .btn, .creation-compte a.pink-button-submit {
  background-color: #E3007E;
  border: none;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 13px 20px;
}
html .row .financement-form input[type=submit]:focus,
html .row .elegant-form input[type=submit]:focus, .reinitialize .btn:focus,
html form.recup-password .btn:focus, .creation-compte a.pink-button-submit:focus, html .row .financement-form input[type=submit]:hover,
html .row .elegant-form input[type=submit]:hover, .reinitialize .btn:hover,
html form.recup-password .btn:hover, .creation-compte a.pink-button-submit:hover {
  background-color: #CF004B;
  color: #FFFFFF;
}

/***Alert text : messages erreur**/
.custom-alert, html form.recup-password .error .help-inline,
.reinitialize form .inside .error .help-inline, .reinitialize .help-inline, html #wrapper .form-group.error .help-inline,
.custom-select.error .help-inline {
  line-height: 1.2857142857;
  font-size: 14px;
  font-size: 1.4rem;
  background: url("../images/afpa/cross-warning.svg") no-repeat left center transparent;
  color: #fa5555;
  margin-top: -10px;
  padding-left: 20px;
}

/**** Comportement boîte flexible**/
html .form-menu-mobile, .votre-region.container .three-regions, .afpa-hmp .global-homepage .trois-blocs, .afpa-hmp .global-homepage .orientation-global, .edito-global .three-edito, .bloc-a-la-une .asset-trois-actu, #resultList.asset-deux-agenda, ul.onglets-espace-perso, .debord-centrage.carousel-div .englob-infos-caroussel, .etablissement-header, article.contat-pro-detail, article .inside-left .visuel-formation .infos-metier-formation, article.fiche-formation .formation-entete, article.fiche-formation .flex-formation, #advancedSearchForm, header .heading p.site-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}

#visites-virtuelles-global #virtual, #onglets #articlesList, #resultList, ul.onglets-profil-candidat, .bloc-portlet-actualites .actu-prescripteur .list-actus, .page-dashboard, .services .englob-services, .smaller-centre, .debord-centrage.direction-regionale .blocs-direction-regionale, .debord-centrage.last, article.fiche-formation .formations-deficitaires-relatives div.relative {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.global-popin .buttons-cancel form, .global-popin .buttons-cancel, .metier-legende .liste-legende, .bloc-mes-alertes .bloc-list-alerte .alerteValide,
.bloc-mes-alertes .bloc-list-alerte .no-alerte,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete, html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside, #authentification-banner form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/************************
***** Accordéons ********
************************/
.accordion-formation {
  background-color: #FFFFFF;
  margin-bottom: 54px;
}
.accordion-formation .accordion-bloc {
  border-bottom: 1px solid #F1F1F1;
  cursor: pointer;
  padding: 0 20px 10px;
}
.accordion-formation .accordion-bloc h5 {
  color: #E3007E;
  text-transform: uppercase;
}
.accordion-formation .accordion-bloc h5:last-of-type {
  border: none;
}
.accordion-formation .accordion-bloc .contenu-debouche {
  padding-bottom: 15px;
}
.accordion-formation .accordion-bloc .contenu-debouche a.simple-link-no-marge, .accordion-formation .accordion-bloc .contenu-debouche .center-locator .search-result div:nth-child(3) a, .center-locator .search-result div:nth-child(3) .accordion-formation .accordion-bloc .contenu-debouche a,
.accordion-formation .accordion-bloc .contenu-debouche #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) .accordion-formation .accordion-bloc .contenu-debouche a, .accordion-formation .accordion-bloc .contenu-debouche html a.lien-texte-simple, html .accordion-formation .accordion-bloc .contenu-debouche a.lien-texte-simple, .accordion-formation .accordion-bloc .contenu-debouche #content a.lien-texte-simple, #content .accordion-formation .accordion-bloc .contenu-debouche a.lien-texte-simple, .accordion-formation .accordion-bloc .contenu-debouche html a.simple-link, .accordion-formation .accordion-bloc .contenu-debouche html .edito-blocs a, .edito-blocs .accordion-formation .accordion-bloc .contenu-debouche html a, html .accordion-formation .accordion-bloc .contenu-debouche a.simple-link, html .accordion-formation .accordion-bloc .contenu-debouche .edito-blocs a, .edito-blocs html .accordion-formation .accordion-bloc .contenu-debouche a, .accordion-formation .accordion-bloc .contenu-debouche html .custom-back.back-neutral a, .accordion-formation .accordion-bloc .contenu-debouche html .center-locator .search-result a, .center-locator .accordion-formation .accordion-bloc .contenu-debouche html .search-result a,
.accordion-formation .accordion-bloc .contenu-debouche html #centresList .search-result a,
#centresList .accordion-formation .accordion-bloc .contenu-debouche html .search-result a, html .custom-back.back-neutral .accordion-formation .accordion-bloc .contenu-debouche a, html .center-locator .search-result .accordion-formation .accordion-bloc .contenu-debouche a, .center-locator html .search-result .accordion-formation .accordion-bloc .contenu-debouche a,
html #centresList .search-result .accordion-formation .accordion-bloc .contenu-debouche a,
#centresList html .search-result .accordion-formation .accordion-bloc .contenu-debouche a, .accordion-formation .accordion-bloc .contenu-debouche .custom-back.back-neutral html a, .accordion-formation .accordion-bloc .contenu-debouche .center-locator .search-result html a, .center-locator .accordion-formation .accordion-bloc .contenu-debouche .search-result html a,
.accordion-formation .accordion-bloc .contenu-debouche #centresList .search-result html a,
#centresList .accordion-formation .accordion-bloc .contenu-debouche .search-result html a, .custom-back.back-neutral html .accordion-formation .accordion-bloc .contenu-debouche a, .center-locator .search-result html .accordion-formation .accordion-bloc .contenu-debouche a,
#centresList .search-result html .accordion-formation .accordion-bloc .contenu-debouche a {
  padding-left: 17px;
}
.accordion-formation .accordion-bloc .contenu-programme,
.accordion-formation .accordion-bloc .contenu-admission,
.accordion-formation .accordion-bloc .contenu--activitePE,
.accordion-formation .accordion-bloc .contenu-debouche {
  padding-left: 20px;
}
.accordion-formation .accordion-bloc .contenu-programme .strong-title,
.accordion-formation .accordion-bloc .contenu-admission .strong-title,
.accordion-formation .accordion-bloc .contenu--activitePE .strong-title,
.accordion-formation .accordion-bloc .contenu-debouche .strong-title {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
}
.accordion-formation .accordion-bloc .contenu-programme p.gray-paragraphe,
.accordion-formation .accordion-bloc .contenu-admission p.gray-paragraphe,
.accordion-formation .accordion-bloc .contenu--activitePE p.gray-paragraphe,
.accordion-formation .accordion-bloc .contenu-debouche p.gray-paragraphe {
  color: #908E8D;
}
.accordion-formation .accordion-bloc .contenu-programme p.gray-paragraphe .black-strong,
.accordion-formation .accordion-bloc .contenu-admission p.gray-paragraphe .black-strong,
.accordion-formation .accordion-bloc .contenu--activitePE p.gray-paragraphe .black-strong,
.accordion-formation .accordion-bloc .contenu-debouche p.gray-paragraphe .black-strong {
  color: #5A545A;
}
.accordion-formation .accordion-bloc .title-admission,
.accordion-formation .accordion-bloc .title-programme,
.accordion-formation .accordion-bloc .title-activitePE,
.accordion-formation .accordion-bloc .title-debouche {
  overflow: hidden;
}
.accordion-formation .accordion-bloc .title-admission h3,
.accordion-formation .accordion-bloc .title-programme h3,
.accordion-formation .accordion-bloc .title-activitePE h3,
.accordion-formation .accordion-bloc .title-debouche h3 {
  color: #E3007E;
  float: left;
}
.accordion-formation .accordion-bloc .title-admission img.toggle-formation,
.accordion-formation .accordion-bloc .title-programme img.toggle-formation,
.accordion-formation .accordion-bloc .title-activitePE img.toggle-formation,
.accordion-formation .accordion-bloc .title-debouche img.toggle-formation {
  margin: 15px 5px 0 0;
}

/*************************************************************
*********************** Style contribution **********************
*************************************************************/
/** Styles des titres**/
html h3.titre-bloc strong,
html h3 .titre-bloc-bold strong, #content h3.titre-bloc strong,
#content h3 .titre-bloc-bold strong {
  font-family: "raleway-semibold";
  font-weight: normal;
}
html h3.titre-bloc:after,
html h3 .titre-bloc-bold:after, #content h3.titre-bloc:after,
#content h3 .titre-bloc-bold:after {
  background-color: #DEDEDE;
  color: #5A545A;
  margin: 8px 0 0 0;
}
html h3.titre-bloc, #content h3.titre-bloc {
  font-family: "raleway-regular";
}
html h3.titre-bloc-bold, #content h3.titre-bloc-bold {
  font-family: "raleway-semibold";
}
html p.texte-important, #content p.texte-important {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "raleway-regular";
  text-align: left;
}
html a, #content a {
  /** Styles des liens**/
  /** Styles des boutons**/
}
html a.lien-texte-simple, #content a.lien-texte-simple {
  display: block;
  padding-left: 17px;
}
html a.lien-base, #content a.lien-base {
  color: #5A545A;
}
html a.lien-base:hover, html a.lien-base:focus, #content a.lien-base:hover, #content a.lien-base:focus {
  text-decoration: underline;
}
html a.lien-exergue-rose strong, html a.lien-exergue-rose:hover strong, html a.lien-exergue-rose:focus strong, #content a.lien-exergue-rose strong, #content a.lien-exergue-rose:hover strong, #content a.lien-exergue-rose:focus strong {
  color: #E3007E;
  font-weight: bold;
}
html a.cta-bleu-alternance, html a.cta-rose, html a.cta-gris, html a.cta-bleu, html a.cta-boussole, html a.cta-diplome, html a.cta-chrono, html a.cta-catalogue, html a.cta-questions, #content a.cta-bleu-alternance, #content a.cta-rose, #content a.cta-gris, #content a.cta-bleu, #content a.cta-boussole, #content a.cta-diplome, #content a.cta-chrono, #content a.cta-catalogue, #content a.cta-questions {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 15px 20px;
  text-align: center;
  width: auto;
}
html a.cta-rose, #content a.cta-rose {
  background-color: #E3007E;
  color: #FFFFFF;
}
html a.cta-rose:hover, html a.cta-rose:focus, #content a.cta-rose:hover, #content a.cta-rose:focus {
  background-color: #CF004B;
}
html a.cta-bleu-alternance, html a.cta-bleu, #content a.cta-bleu-alternance, #content a.cta-bleu {
  background-color: #00A0E0;
  color: #FFFFFF;
}
html a.cta-bleu-alternance:hover, html a.cta-bleu-alternance:focus, html a.cta-bleu:hover, html a.cta-bleu:focus, #content a.cta-bleu-alternance:hover, #content a.cta-bleu-alternance:focus, #content a.cta-bleu:hover, #content a.cta-bleu:focus {
  background-color: #0070CA;
}
html a.cta-boussole, html a.cta-diplome, html a.cta-chrono, html a.cta-questions, #content a.cta-boussole, #content a.cta-diplome, #content a.cta-chrono, #content a.cta-questions {
  padding: 12px 20px 13px 42px;
}
html a.cta-boussole, #content a.cta-boussole {
  background: url("../images/afpa/outils/boussole.svg") no-repeat 15px center #00A0E0;
  color: #FFFFFF;
}
html a.cta-boussole:hover, html a.cta-boussole:focus, #content a.cta-boussole:hover, #content a.cta-boussole:focus {
  background-color: #0070CA;
}
html a.cta-diplome, #content a.cta-diplome {
  background: url("../images/afpa/diplome.svg") no-repeat 15px center #DEDEDE;
  background-size: 20px auto;
}
html a.cta-diplome:hover, html a.cta-diplome:focus, #content a.cta-diplome:hover, #content a.cta-diplome:focus {
  background: url("../images/afpa/diplome-hover.svg") no-repeat 15px center #5A545A;
  color: #FFFFFF;
}
html a.cta-chrono, #content a.cta-chrono {
  background: url("../images/afpa/chrono.svg") no-repeat 15px center #E3007E;
  color: #FFFFFF;
}
html a.cta-chrono:hover, html a.cta-chrono:focus, #content a.cta-chrono:hover, #content a.cta-chrono:focus {
  background-color: #CF004B;
}
html a.cta-catalogue, #content a.cta-catalogue {
  background: url("../images/afpa/catalogue.svg") no-repeat 15px center #00A0E0;
  color: #FFFFFF;
  padding: 12px 20px 12px 70px;
}
html a.cta-catalogue:hover, html a.cta-catalogue:focus, #content a.cta-catalogue:hover, #content a.cta-catalogue:focus {
  background-color: #0070CA;
}
html a.cta-questions, #content a.cta-questions {
  background: url("../images/afpa/questions-bouton.svg") no-repeat 15px center #00A0E0;
  color: #FFFFFF;
}
html a.cta-questions:hover, html a.cta-questions:focus, #content a.cta-questions:hover, #content a.cta-questions:focus {
  background-color: #0070CA;
}

/***************************************
 ****CSS TEMPORAIRE - Livraison V1*****
 *************************************/
/***** Liens panier + Favoris cachés pour la V1**/
header .heading nav {
  width: 50%;
}
header .heading nav ul li.paner, header .heading nav ul li.favoris {
  display: none;
}

/**********************************************
****STYLES cachés A REMETTRE par la suite *****
**********************************************/
/*
header .heading nav {width:auto;}
header .heading nav ul li{float:left;} /*** Enlever le right actuellement en  place**/
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #F1F1F1;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: transparent;
}

/****************************
 **** Secteur d'activité ****
 ****************************/
.partOneSecteur {
  display: flex;
}
.partOneSecteur a:link {
  color: #0000cc;
}

.listSsDomaine {
  list-style: none;
}

.elementListSsDomaine {
  background-color: rgba(227, 0, 126, 0.05);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 0.5px solid black;
  border-right: 0px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "raleway-semibold";
}

.cadreDomaine {
  padding-left: 10px;
  background-color: rgba(255, 0, 0, 0);
  border: 1.5px solid black;
  border-radius: 10px;
}

.titreDomaine {
  padding: 5px 0px 5px 0px;
  color: #e3007e;
  display: flex;
  justify-content: space-between;
}

.secteurChiffres {
  max-width: 25%;
  font-family: "raleway-semibold";
  font-weight: normal;
  color: white;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #e3007e;
  border-radius: 10px;
}

.deroulerDomaine {
  margin: 5px 10px 5px;
}

/****************************
 **** Statistiques d'usage **
 ****************************/
.statistiqueUsage table {
  border: medium solid #44a33d;
  border-collapse: collapse;
  width: 100%;
  margin-left: 50px;
}
.statistiqueUsage th {
  font-family: raleway-semibold;
  color: white;
  font-size: 15px;
  border: thin solid #44a33d;
  width: 25%;
  padding: 5px;
  background-color: #87bb34;
}
.statistiqueUsage td {
  font-family: raleway-semibold;
  border: thin solid #87bb34;
  width: 25%;
  padding: 3px;
  text-align: center;
  background-color: #ffffff;
}
.statistiqueUsage caption {
  font-family: sans-serif;
}

.hasJS div.hide {
  display: none;
}

/***

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

*/
article {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 50px;
  margin-bottom: 55px;
  position: relative;
  /*** Blocs infos pratiques sur détail agenda **/
}
article:first-of-type {
  margin-top: 20px;
}
article span.tag {
  margin: 5px 5px 0 0;
}
article h3 {
  margin-bottom: 0;
}
article #topRegion {
  margin-bottom: 20px;
}
article article {
  border-bottom: none;
  padding-bottom: 0;
}
article h1.metier-title {
  float: left;
  width: 75%;
}
article h2 {
  margin-bottom: 30px;
}
article span { /** date de l'article **/ }
article span.-title-one {
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
  color: #E3007E;
  font-family: "raleway-semibold";
}
article span.-title-one.upper {
  text-transform: uppercase;
}
article span.-title-one.upper + h1 {
  margin-top: 4px;
}
article span.date {
  float: right;
}
article img.visuel-detail {
  margin: 0px 0 30px 0;
  height: auto;
  width: 100%;
}
article img.reglementation-picto {
  height: 138px;
  margin: 0px 0 20px 0;
  width: 163px;
}
article img.img-event {
  margin: 0;
  width: 100%;
}
article img.mask.little-mask {
  float: left;
  height: 60px;
  margin: 5px 10px 0 0;
  width: 60px;
}
article .nombre-article {
  line-height: 1.7777777778;
  font-size: 18px;
  font-size: 1.8rem;
  color: #E3007E;
  float: right;
  font-family: "raleway-regular";
}
article .nombre-article span {
  font-family: "raleway-semibold";
}
article .contribution {
  clear: both;
  margin-bottom: 30px;
}
article a.pink-button {
  display: block;
  height: auto;
  line-height: 16px;
  margin: 0 auto 55px auto;
  padding: 15px 30px;
  text-align: center;
  width: 334px;
}
article a.pink-button-disabled {
  display: block;
  height: auto;
  line-height: 16px;
  margin: 0 auto 55px auto;
  padding: 15px 30px;
  text-align: center;
  width: 334px;
  background-color: #dedede;
  color: #908e8d;
  cursor: not-allowed;
  font-weight: bold;
}
article .virtual-visit { /** cas particulier pour les visites virtuelles de la fiche formation*/ }
article .virtual-visit a.pink-button {
  height: 46px;
  line-height: 45px;
  padding: 0 20px;
  width: 80px;
}
article .etiquette-formation.etiquette-metier {
  margin-bottom: 10px;
  top: 12px;
}
article .edito-title-one {
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
  color: #E3007E;
  font-family: "raleway-semibold";
}
article .header-title {
  overflow: hidden;
  width: 100%;
}
article .header-dossier-thematique {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 20px;
}
article .header-article {
  clear: both;
  height: 335px;
  margin-bottom: 28px;
}
article .header-article .big-mask {
  width: 49%;
}
article .header-article .header-teaser {
  float: right;
  width: 49.2%;
}
article .header-article .header-teaser h2 {
  float: left;
}
article .header-article .header-teaser h3 {
  clear: both;
  font-style: italic;
  margin-bottom: 0;
}
article .header-article .header-teaser p {
  clear: both;
  margin-top: 70px;
  position: relative;
}
article .header-article .header-teaser p:before {
  top: -35px;
}
article .age, article .decret {
  line-height: 2.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
  color: #908E8D;
  display: block;
  float: left;
  font-family: "raleway-medium";
  margin-left: 5px;
}
article .ce-dossier {
  margin-bottom: 50px;
}
article .ce-dossier h2 {
  float: left;
  width: 50%;
}
article .info-article { /*** Blocs détail idée métiers **/
  margin: -60px 0 20px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
article .info-article.them {
  background-color: #FFFFFF;
  font-family: "raleway-medium";
  margin: -70px 10px 33px 10px;
  padding: 15px 20px;
  width: auto;
}
article .info-article div {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  width: 48%;
}
article .info-article div.job-percent {
  width: 100%;
}
article .info-article div.job-percent div {
  display: table-cell;
  float: none;
  text-align: right;
  width: 25%;
}
article .info-article div.job-percent div span {
  line-height: 1.0833333333;
  font-size: 24px;
  font-size: 2.4rem;
}
article .info-article div.infosMetiers {
  background-color: #87BB34;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  margin: 0 1.25%;
  padding: 1px 20px 20px 20px;
}
article .info-article div.infosMetiers a {
  color: #FFFFFF;
  text-decoration: underline;
}
article .info-article div.infosMetiers a:focus, article .info-article div.infosMetiers a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
article .info-article div.infosMetiers a.green-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #87BB34;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #FFFFFF;
  text-decoration: none;
  margin-top: 15px;
  text-decoration: none;
}
article .info-article div.infosMetiers a.green-button:hover, article .info-article div.infosMetiers a.green-button:focus {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #87BB34;
  text-decoration: none;
  border: 2px solid #FFFFFF;
}
article .info-article div.infosMetiers p {
  margin-top: 18px;
}
article .info-article div.metier-resume {
  background-color: #FFFFFF;
  font-family: "raleway-regular";
  padding: 20px;
}
article .infos-pratiques {
  clear: both;
  height: 380px;
  margin: 20px 0 30px 0;
  position: relative;
  overflow: hidden;
}
article .infos-pratiques .custom-back, article .infos-pratiques .center-locator .search-result, .center-locator article .infos-pratiques .search-result,
article .infos-pratiques #centresList .search-result,
#centresList article .infos-pratiques .search-result {
  background-color: #FFFFFF;
  min-height: 360px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 48.55%;
}
article .infos-pratiques .custom-back a, article .infos-pratiques .center-locator .search-result a, .center-locator article .infos-pratiques .search-result a,
article .infos-pratiques #centresList .search-result a,
#centresList article .infos-pratiques .search-result a {
  bottom: 20px;
  left: 6%;
  right: 6%;
  width: 88%;
}
article .infos-pratiques .custom-back div, article .infos-pratiques .center-locator .search-result div, .center-locator article .infos-pratiques .search-result div,
article .infos-pratiques #centresList .search-result div,
#centresList article .infos-pratiques .search-result div {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 8px 0 40px 0;
  min-height: 62px;
  padding: 8px 0 0 0;
}
article .infos-pratiques .custom-back div.date-info, article .infos-pratiques .center-locator .search-result div.date-info, .center-locator article .infos-pratiques .search-result div.date-info,
article .infos-pratiques #centresList .search-result div.date-info,
#centresList article .infos-pratiques .search-result div.date-info {
  background: url("../images/afpa/sprite-detail.svg") no-repeat -4px 5px transparent;
}
article .infos-pratiques .custom-back div.center-info, article .infos-pratiques .center-locator .search-result div.center-info, .center-locator article .infos-pratiques .search-result div.center-info,
article .infos-pratiques #centresList .search-result div.center-info,
#centresList article .infos-pratiques .search-result div.center-info {
  background: url("../images/afpa/sprite-detail.svg") no-repeat -4px -144px transparent;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 60px;
}
article .infos-pratiques .custom-back div span.number, article .infos-pratiques .center-locator .search-result div span.number, .center-locator article .infos-pratiques .search-result div span.number,
article .infos-pratiques #centresList .search-result div span.number,
#centresList article .infos-pratiques .search-result div span.number {
  line-height: 0.8823529412;
  font-size: 34px;
  font-size: 3.4rem;
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: "raleway-semibold";
  height: 54px;
  margin-right: 10px;
  padding-top: 16px;
  text-align: center;
  width: 50px;
}
article .article-content {
  clear: both;
}
article .article-content div.article-part {
  margin-bottom: 50px;
}
article .article-content div.chapeau {
  line-height: 1.375;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 14px;
}
article .article-content div.associated-whitness {
  margin-bottom: 35px;
}
article .article-content div.associated-whitness p {
  margin-top: 5px;
}
article .article-content div.same-subject {
  /*margin-bottom:10px;*/
  overflow: hidden;
  width: 102%;
}
article .article-content div.same-subject .relative {
  float: left;
  margin-bottom: 10px;
  overflow: hidden;
}
article .article-content div.same-subject .relative:nth-of-type(2n+1) {
  margin-right: 9px;
}
article .videoWrapper {
  margin-bottom: 60px;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
article .videoWrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*** Bloc métier***/
.job-percent {
  clear: both;
  display: table;
  font-weight: bold;
  padding: 10px 0;
  position: relative;
}
.job-percent p {
  display: table-cell;
  vertical-align: middle;
  width: 75%;
}
.job-percent div svg {
  bottom: 15px;
  position: absolute;
  right: 13%;
  top: -5px;
}

/*** Sticky **/
.sticky-button { /*** Bouton**/
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  background-color: #FFFFFF;
  border-bottom: 1px solid #DEDEDE;
  height: 46px;
  margin-top: 23px;
  padding: 20px;
  position: relative;
  width: 100%;
}
.sticky-button.off {
  border: none;
  width: 66px;
}
.sticky-button #toggleSticky {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: url("../images/afpa/sticky-menu.svg") no-repeat left top transparent;
  color: #F1F1F1;
  display: block;
  opacity: 1;
  overflow: hidden;
  text-indent: -77777px;
  width: 66px;
  white-space: nowrap;
}
.sticky-button #toggleSticky.close {
  background: url("../images/afpa/sticky-menu.svg") no-repeat right top transparent;
  height: 25px;
  opacity: 1;
  overflow: hidden;
  text-indent: -7777px;
  white-space: nowrap;
  float: right;
}
.sticky-button #toggleSticky.close:before {
  content: "";
  background-color: #DEDEDE;
  height: 45px;
  position: absolute;
  right: 66px;
  top: 0;
  width: 1px;
}
.sticky-button #toggleSticky:focus {
  outline: none;
}

#sticky { /*** Liste **/
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #FFFFFF;
  clear: both;
  float: left;
  max-height: 750px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
  /*&:after{
    @include filter-gradient(#ffffff, #ededed, horizontal);
    @include background-image(linear-gradient(left bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,0.45) 56%, rgba(237,237,237,0.01) 100%));
    bottom:0;
    content:"";
    height:30px;
    position:absolute;
    width:100%;
  }*/
}
#sticky #firstStickyElement + a:first-of-type {
  padding: 5px 0 20px 20px;
}
#sticky a {
  border-top: 1px solid #DEDEDE;
  cursor: pointer;
  display: block;
  padding: 15px 0 20px 20px;
  width: 100%;
}
#sticky a:first-of-type {
  border: none;
}
#sticky a .edito-title-sticky {
  line-height: 1.8571428571;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  font-family: "raleway-semibold";
}
#sticky a .edito-title-sticky:hover {
  color: #5A545A;
}
#sticky a .nombre-article-dans-le-dossier p {
  color: #908E8D;
  font-family: "raleway-regular";
}
#sticky a div {
  width: 84%;
}
#sticky a p {
  line-height: 1.8571428571;
  font-size: 14px;
  font-size: 1.4rem;
  color: #5A545A;
  width: 270px;
}
#sticky a p.maj {
  margin-bottom: 0;
}
#sticky a:hover, #sticky a.selected {
  background-color: #DEDEDE;
  border-top: 1px solid #FFFFFF;
  padding: 15px 0 20px 20px;
}
#sticky a:hover:first-of-type, #sticky a.selected:first-of-type {
  border-top: none;
}
#sticky a:hover .edito-title, #sticky a.selected .edito-title {
  font-family: "raleway-bold";
}
#sticky a:hover .edito-title-sticky, #sticky a.selected .edito-title-sticky {
  color: #5A545A;
}
#sticky a:hover .date-edito, #sticky a:hover .edito-blocs.twitter .tweet span.twitter-date, .edito-blocs.twitter .tweet #sticky a:hover span.twitter-date, #sticky a.selected .date-edito, #sticky a.selected .edito-blocs.twitter .tweet span.twitter-date, .edito-blocs.twitter .tweet #sticky a.selected span.twitter-date {
  font-family: "raleway-medium";
}
#sticky a:hover p, #sticky a.selected p {
  color: #5A545A;
  font-weight: bold;
  margin-bottom: 0px;
}
#sticky a:hover .nombre-article-dans-le-dossier p, #sticky a.selected .nombre-article-dans-le-dossier p {
  color: #908E8D;
  font-family: "raleway-medium";
}

/**ScrollBar**/
#mCSB_1_container {
  margin-right: 0px;
}

#mCSB_1_scrollbar_vertical {
  opacity: 1;
  right: 12px;
  top: 12px;
  width: 10px;
}
#mCSB_1_scrollbar_vertical .mCSB_draggerRail {
  background-color: initial;
  width: 10px;
}
#mCSB_1_scrollbar_vertical #mCSB_1_dragger_vertical {
  border-radius: 4px;
  background-color: white;
  border: 1px solid #DEDEDE;
  width: 10px;
}

/** TEMPORAIRE **/
.taglib-social-bookmarks,
.taglib-header {
  display: none;
}

.portlet-asset-publisher .asset-content,
.portlet-asset-publisher .asset-full-content.show-asset-title .asset-content {
  margin: 0;
}

/*********************************
***** Fiches formations **********
*********************************/
/*** Article fiche formation Zone responsive **/
article.fiche-formation .flex-formation .formation-entete {
  -webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1; /* OLD - Firefox 19- */
  -ms-flex-order: 1; /* TWEENER - IE 10 */
  -webkit-order: 1;
  order: 1;
}
article.fiche-formation .flex-formation .inside-left {
  -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
  -ms-flex-order: 2; /* TWEENER - IE 10 */
  -webkit-order: 2;
  order: 2;
}
article.fiche-formation .flex-formation .inside-right {
  -webkit-box-ordinal-group: 3; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 3; /* OLD - Firefox 19- */
  -ms-flex-order: 3; /* TWEENER - IE 10 */
  -webkit-order: 3;
  order: 3;
  display: flex;
  flex-direction: column;
}

/*** Article fiche formation Entête **/
article.fiche-formation .formation-entete {
  margin-bottom: 12px;
  position: relative;
  width: 100%;
  /****TITRE**/
}
article.fiche-formation .formation-entete .pictos {
  align-self: flex-end;
  margin-bottom: 20px;
  width: 14%;
}
article.fiche-formation .formation-entete .formation-title {
  width: 67%;
}
article.fiche-formation .formation-entete .formation-title span {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  color: #908E8D;
  display: block;
  font-family: "raleway-semibold";
  margin-top: -10px;
  text-align: center;
}
article.fiche-formation .formation-entete .formation-title .info-bulle-title {
  text-transform: lowercase;
  border-radius: 18px;
  font-size: 1.4rem !important;
  background-color: #00A0E0 !important;
  color: #FFFFFF !important;
  cursor: pointer;
  display: initial !important;
  font-family: "raleway-semibold" !important;
  font-style: italic;
  height: 20px;
  text-align: center;
  width: 20px;
  position: absolute;
  transform: translate(35%, 20%);
}
article.fiche-formation .formation-entete .social-bar {
  align-self: flex-end;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  justify-content: flex-end;
  position: relative;
  width: 194px;
}
article.fiche-formation .formation-entete .social-bar #share-div {
  left: auto;
  right: 0;
  top: 44px;
}

/*** Article fiche formation partie visuel + descriptif  **/
article .inside-left .visuel-formation {
  margin-bottom: 44px;
  overflow: hidden;
  position: relative;
}
article .inside-left .visuel-formation .infos-metier-formation {
  margin-top: -10px;
}
article .inside-left .visuel-formation .infos-metier-formation .le-metier,
article .inside-left .visuel-formation .infos-metier-formation .infos-fiche-formation {
  margin-bottom: 10px;
  position: relative;
  width: 325px;
}
article .inside-left .visuel-formation .infos-metier-formation .le-metier {
  background-color: #FFFFFF;
  margin-right: 10px;
  padding: 10px 20px 20px 20px;
}
article .inside-left .visuel-formation .infos-metier-formation .le-metier.domaines, article .inside-left .visuel-formation .infos-metier-formation .le-metier.objectif {
  padding: 20px;
}
article .inside-left .visuel-formation .infos-metier-formation .le-metier.domaines h3, article .inside-left .visuel-formation .infos-metier-formation .le-metier.objectif h3 {
  margin-bottom: 10px;
}
article .inside-left .visuel-formation .infos-metier-formation .le-metier.domaines .englob-tag .tag, article .inside-left .visuel-formation .infos-metier-formation .le-metier.objectif .englob-tag .tag {
  float: none;
}
article .inside-left .visuel-formation .infos-metier-formation .le-metier.domaines ul, article .inside-left .visuel-formation .infos-metier-formation .le-metier.objectif ul {
  margin: 0 0 0 20px;
}
article .inside-left .visuel-formation .infos-metier-formation .le-metier.domaines ul li, article .inside-left .visuel-formation .infos-metier-formation .le-metier.objectif ul li {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}
article .inside-left .visuel-formation .infos-metier-formation .le-metier h3 {
  color: #E3007E;
  margin: 0;
}

/*** Article fiche formation **/
article {
  border: none;
}
article.fiche-formation {
  padding-bottom: 0;
}
article.fiche-formation .formation-entete .pictos {
  margin-bottom: 0;
}
article.fiche-formation .formation-entete .pictos .image-secteur {
  float: left;
  height: 40px;
  margin-right: 10px;
  width: 40px;
}
article.fiche-formation .formation-entete .pictos .image-secteur .picto-domaine, article.fiche-formation .formation-entete .pictos .image-secteur .picto-domaine-hover {
  cursor: pointer;
  height: 100%;
  width: 100%;
}
article.fiche-formation .formation-entete .pictos .image-secteur.image-vide {
  cursor: default;
}
article.fiche-formation .formation-entete .pictos #codes-picto {
  border-radius: 5px;
  line-height: 1.1666666667;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #908E8D;
  color: #FFFFFF;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin-top: 3px;
  padding: 5px;
  position: relative;
  text-transform: uppercase;
}
article.fiche-formation .formation-entete .pictos #codes-picto:after {
  border-style: solid;
  border-width: 13px 12px 0 0;
  border-color: #908E8D transparent transparent transparent;
  bottom: -6px;
  left: 0;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  width: 8px;
}
article.fiche-formation .formation-entete .pictos #codes-picto:hover, article.fiche-formation .formation-entete .pictos #codes-picto:focus {
  background-color: #E3007E;
}
article.fiche-formation .formation-entete .pictos #codes-picto:hover:after, article.fiche-formation .formation-entete .pictos #codes-picto:focus:after {
  border-color: #E3007E transparent transparent transparent;
}
article.fiche-formation .dateMiseAJour {
  text-align: right;
  color: #908E8D;
  font-family: "raleway-regular";
  font-size: 1.4rem;
}
article .inside-left {
  clear: both;
  width: 65%;
}
article .inside-left .visuel-formation img.img-formation {
  width: 100%;
}
article .inside-left .visuel-formation .etiquette-global {
  height: 80px;
  right: 10px;
  top: 12px;
  position: absolute;
  width: 50%;
  z-index: 1;
}
article .inside-left .visuel-formation .le-metier p.maj {
  padding-top: 15px;
}
article .inside-left .visuel-formation .le-metier .englob-tag {
  clear: both;
}
article .inside-left .visuel-formation .le-metier a.simple-link, article .inside-left .visuel-formation .le-metier .edito-blocs a, .edito-blocs article .inside-left .visuel-formation .le-metier a, article .inside-left .visuel-formation .le-metier .custom-back.back-neutral a, article .inside-left .visuel-formation .le-metier .center-locator .search-result a, .center-locator article .inside-left .visuel-formation .le-metier .search-result a,
article .inside-left .visuel-formation .le-metier #centresList .search-result a,
#centresList article .inside-left .visuel-formation .le-metier .search-result a, .custom-back.back-neutral article .inside-left .visuel-formation .le-metier a, .center-locator .search-result article .inside-left .visuel-formation .le-metier a,
#centresList .search-result article .inside-left .visuel-formation .le-metier a {
  background: url("../images/afpa/chevron-rose.png") no-repeat scroll left 35px rgba(0, 0, 0, 0);
  clear: both;
  padding-top: 30px;
}
article .inside-left .visuel-formation .infos-fiche-formation {
  background-color: #87BB34;
  color: #FFFFFF;
  padding: 20px;
}
article .inside-left .visuel-formation .infos-fiche-formation .intitule-formation {
  margin-bottom: 10px;
  overflow: hidden;
}
article .inside-left .visuel-formation .infos-fiche-formation img {
  float: left;
}
article .inside-left .visuel-formation .infos-fiche-formation img.picto-type {
  padding-right: 24px;
}
article .inside-left .visuel-formation .infos-fiche-formation img.picto-city {
  padding-right: 13px;
  min-height: 3rem;
  max-width: 48px;
}
article .inside-left .visuel-formation .infos-fiche-formation img.picto-duree {
  padding-right: 18px;
}
article .inside-left .visuel-formation .infos-fiche-formation img.picto-niveau {
  padding: 5px 10px 0 0;
}
article .inside-left .visuel-formation .infos-fiche-formation img.picto-public {
  padding-right: 7px;
}
article .inside-left .visuel-formation .infos-fiche-formation p {
  color: #FFFFFF;
}
article .inside-left .visuel-formation .infos-fiche-formation p.price_value {
  font-size: 1.5em !important;
  font-weight: bold;
}
article .inside-left .visuel-formation .infos-fiche-formation span.price {
  line-height: 0.5294117647;
  font-size: 34px;
  font-size: 3.4rem;
  float: left;
  font-family: "raleway-bold";
  padding-right: 14px;
}
article .inside-left .formation-acquis,
article .inside-left .plus-metier {
  clear: both;
  margin-bottom: 48px;
}
article .paragraphe-indeed-top {
  margin-top: 20px;
}
article #indeed-offres {
  position: relative;
}
article #indeed-offres .portlet-rss { /*Onglet indeed**/ }
article #indeed-offres .portlet-rss .feed {
  padding-left: 0;
}
article #indeed-offres .portlet-rss .feed .feed-title {
  display: none;
}
article #indeed-offres .portlet-rss .feed .opens-new-window-accessible,
article #indeed-offres .portlet-rss .feed .feed-entry-expander {
  display: none;
}
article #indeed-offres .portlet-rss .feed .feed-image-right a img {
  height: 30px;
  position: absolute;
  right: 0;
  top: -33px;
  width: 86px;
}
article #indeed-offres .portlet-rss .feed .feed-entries {
  margin-bottom: 20px;
}
article #indeed-offres .portlet-rss .feed .feed-entries .feed-entry {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
article #indeed-offres .portlet-rss .feed .feed-entries .feed-entry .feed-entry-title {
  display: inline;
}
article #indeed-offres .portlet-rss .feed .feed-entries .feed-entry .feed-entry-title a {
  background: url("../images/afpa/chevron-gris.svg") no-repeat left center/7px auto transparent;
  font-weight: normal;
  padding-left: 17px;
}
article #indeed-offres .portlet-rss .feed .feed-entries .feed-entry .feed-entry-title a:hover {
  color: #5A545A;
  font-weight: bold;
}
article #indeed-offres .portlet-rss .feed .feed-entries .feed-entry .publication-date {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  color: #908E8D;
  font-style: italic;
}
article .top-three {
  margin-bottom: 0;
}

/*** Vidéo fiche formation **/
.video-section {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: white;
  font-family: "raleway-regular";
  height: 345px;
  position: relative;
  width: 334px;
}
.video-section figure {
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.video-section figure a#lienVideo {
  background: url("../images/afpa/button-video.svg") no-repeat center center/75px auto transparent;
  display: block;
  height: 240px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.video-section figure img {
  height: auto;
  max-height: 240px;
  width: 100%;
}
.video-section figure figcaption {
  padding: 15px 20px 20px;
}

/*** Bloc pourquoi choisir cette formation **/
.benefices-entreprises {
  margin-bottom: 50px;
}

/**** Blocs informations complémentaires **/
.formations-blocs {
  clear: both;
  margin-bottom: 50px;
}
.formations-blocs h2 {
  padding-bottom: 12px;
}
.formations-blocs .item-infos-comp {
  background-color: #FFFFFF;
  border-bottom: 1px solid #F1F1F1;
  padding: 20px;
}
.formations-blocs .item-infos-comp:last-of-type {
  border: none;
}

#formation-domaine {
  clear: both;
}

.formation-domaines {
  margin-bottom: 55px;
}
.formation-domaines.container {
  clear: both;
}
.formation-domaines h2 {
  padding: 0px 0 8px 0;
}
.formation-domaines h2 span {
  color: #00A0E0;
}
.formation-domaines #formationsCentreList {
  background-color: #FFFFFF;
}
.formation-domaines #formationsDomainesList {
  margin-bottom: 18px;
}

/***Fiche détail contrat pro**/
article.contat-pro-detail .column-left {
  float: left;
  margin-right: 10px;
  width: 15.82%;
}
article.contat-pro-detail .column-left img {
  padding-top: 30px;
}
article.contat-pro-detail .column-middle {
  float: left;
  width: 66.21%;
}
article.contat-pro-detail .column-middle p.date-publication-contrat {
  color: #908E8D;
}
article.contat-pro-detail .column-middle .social-bar {
  margin: 38px 0 20px;
}
article.contat-pro-detail .column-right {
  float: right;
  padding-top: 50px;
}
article.contat-pro-detail .info-article {
  margin: 0 0 20px 0;
}
article.contat-pro-detail .info-article div {
  width: 49%;
}
article.contat-pro-detail .info-article div.infosMetiers {
  margin: 0 10px 0 0;
}

/*****Fiche formation deficitaire ***/
article.fiche-formation .chapo-formation-deficitaire {
  margin-bottom: 30px;
}
article.fiche-formation .chapo-formation-deficitaire h4 {
  color: #00A0E0;
  margin-bottom: 0;
  padding-top: 10px;
}
article.fiche-formation .chapo-formation-deficitaire:after, article.fiche-formation .chapo-formation-deficitaire:before {
  background-color: #DEDEDE;
  margin: 14px 0 0 0px;
}
article.fiche-formation .formations-deficitaires-relatives {
  margin-top: 50px;
}
article.fiche-formation .formations-deficitaires-relatives p.resume-formation-deficitaire {
  border-left: 4px double #DEDEDE;
  margin: 10px 0 34px 20px;
  padding-left: 20px;
}
article.fiche-formation .formations-deficitaires-relatives div.relative .formation-promouvoir {
  float: unset;
  margin-bottom: 10px;
}
article.fiche-formation .formations-deficitaires-relatives div.relative .formation-promouvoir:nth-of-type(odd) {
  margin-right: 1.4%;
}
article.fiche-formation .formation-entete .social-bar.social-deficitaire {
  align-self: center;
  -webkit-align-self: center;
  width: 33%;
}

/*** Fix IE **/
.ie article .social-bar #share-link {
  background: url("../images/afpa/social-bar.svg") no-repeat -73px 4px transparent;
}
.ie article .social-bar #share-link:hover, .ie article .social-bar #share-link:focus {
  background: url("../images/afpa/social-bar.svg") no-repeat -73px -31px transparent;
}

/************************************
 **** Calendrier ********************
 ***********************************/
html .popover {
  border: none;
  padding: 0;
}
html .popover.top {
  margin-top: 0;
}
html .popover.top .arrow {
  border-top-color: rgba(0, 0, 0, 0);
}
html .popover .popover-content {
  padding: 0;
}
html .popover .popover-content .yui3-calendar-content {
  border: none;
  border-radius: 0;
  color: #5A545A;
  padding: 0;
  width: 250px;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-row:first-of-type td {
  border: 0;
}
html .popover .popover-content .yui3-calendar-content a.yui3-calendarnav-prevmonth {
  margin-left: 8px;
}
html .popover .popover-content .yui3-calendar-content a.yui3-calendarnav-prevmonth, html .popover .popover-content .yui3-calendar-content a.yui3-calendarnav-nextmonth {
  background: url("../images/afpa/sprite-edito.svg") no-repeat 0 -84px;
  border: none;
  height: 20px;
  margin-top: 15px;
  width: 12px;
}
html .popover .popover-content .yui3-calendar-content a.yui3-calendarnav-nextmonth {
  background: url("../images/afpa/sprite-edito.svg") no-repeat -25px -84px;
  margin-right: 8px;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-weekday {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-header {
  background-color: #DEDEDE;
  height: 46px;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-header .yui3-calendar-header-label {
  line-height: 3.125;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "raleway-semibold";
  font-weight: 600;
  height: 46px;
  text-transform: uppercase;
  width: 206px;
}
html .popover .popover-content .yui3-calendar-content th {
  border: 3px solid #FFFFFF;
  height: 35px;
  text-align: center;
  width: 35px;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid {
  background-color: white;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-day,
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-nextmonth-day,
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-prevmonth-day {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  font-weight: normal;
  height: 35px;
  padding: 0;
  width: 35px;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-day:hover,
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-nextmonth-day:hover,
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-prevmonth-day:hover {
  background-color: #FFFFFF;
  color: #E3007E;
  font-weight: bold;
  text-decoration: underline;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-day-selected {
  border-radius: 8px;
  background-color: #E3007E;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-day-selected:hover {
  background-color: #E3007E;
  color: #FFFFFF;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-nextmonth-day {
  display: none;
}
html .popover .popover-content .yui3-calendar-content .yui3-calendar-grid .yui3-calendar-prevmonth-day {
  text-indent: -77777px;
}

#calendar-section {
  overflow: visible;
}

/************************************
**** Calendrier de l'agenda*********
***********************************/
#datepicker,
.datepicker-menu {
  max-width: 334px;
  position: relative;
}
#datepicker .ui-datepicker,
.datepicker-menu .ui-datepicker {
  border: none;
  height: 345px;
  padding: 0;
  width: 100%;
}
#datepicker .ui-datepicker .ui-datepicker-header,
#datepicker .ui-datepicker .ui-widget-header,
.datepicker-menu .ui-datepicker .ui-datepicker-header,
.datepicker-menu .ui-datepicker .ui-widget-header {
  background: #00A0E0;
  border: none;
  color: #FFFFFF;
  font-family: "raleway-semibold";
  height: 52px;
  line-height: 47px;
  padding: 0;
  text-transform: uppercase;
}
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-title,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-title {
  line-height: 1.7777777778;
  font-size: 18px;
  font-size: 1.8rem;
  height: inherit;
  line-height: 48px;
  text-align: center;
}
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev:hover,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-prev,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-prev:hover {
  background: url("../images/afpa/sprite-edito.svg") no-repeat 0 -114px;
  margin-left: 20px;
}
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-next,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-next:hover,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-next,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-next:hover {
  background: url("../images/afpa/sprite-edito.svg") no-repeat -25px -114px;
  margin-right: 20px;
}
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-next,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-prev,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-next {
  height: 23px;
  margin-top: 10px;
  outline: none;
  width: 12px;
}
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
#datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev:hover,
#datepicker .ui-datepicker .ui-widget-header .ui-datepicker-next:hover,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-prev:hover,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-datepicker-next:hover {
  border: none;
  cursor: pointer;
  height: 23px;
  width: 12px;
}
#datepicker .ui-datepicker .ui-datepicker-header .ui-icon,
#datepicker .ui-datepicker .ui-widget-header .ui-icon,
.datepicker-menu .ui-datepicker .ui-datepicker-header .ui-icon,
.datepicker-menu .ui-datepicker .ui-widget-header .ui-icon {
  background: none;
}
#datepicker .ui-datepicker table,
.datepicker-menu .ui-datepicker table {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  color: #5A545A;
  font-family: Arial, sans-serif;
  font-weight: normal;
  margin: 2px 0 12px 0;
}
#datepicker .ui-datepicker table thead,
.datepicker-menu .ui-datepicker table thead {
  font-family: "raleway-bold";
  text-transform: uppercase;
}
#datepicker .ui-datepicker table thead tr,
.datepicker-menu .ui-datepicker table thead tr {
  height: 27px;
}
#datepicker .ui-datepicker table thead tr th,
.datepicker-menu .ui-datepicker table thead tr th {
  padding: 2px 0.3em;
}
#datepicker .ui-datepicker table th,
.datepicker-menu .ui-datepicker table th {
  font-weight: normal;
}
#datepicker .ui-datepicker table tbody td,
.datepicker-menu .ui-datepicker table tbody td {
  border: 1px solid #FFFFFF;
  padding: 0;
  width: 38px;
}
#datepicker .ui-datepicker table tbody td span,
#datepicker .ui-datepicker table tbody td a,
.datepicker-menu .ui-datepicker table tbody td span,
.datepicker-menu .ui-datepicker table tbody td a {
  height: 41px;
  text-align: center;
  margin-top: 0;
  padding: 10px 0;
}
#datepicker .ui-datepicker table tbody td.event-day a, #datepicker .ui-datepicker table tbody td.ui-datepicker-current-day a,
.datepicker-menu .ui-datepicker table tbody td.event-day a,
.datepicker-menu .ui-datepicker table tbody td.ui-datepicker-current-day a {
  color: #FFFFFF;
  font-weight: bold;
}
#datepicker .ui-datepicker table tbody td.ui-datepicker-today,
.datepicker-menu .ui-datepicker table tbody td.ui-datepicker-today { /**Date du jour**/ }
#datepicker .ui-datepicker table tbody td.ui-datepicker-today span,
.datepicker-menu .ui-datepicker table tbody td.ui-datepicker-today span {
  color: #00A0E0;
  font-weight: bold;
  position: relative;
}
#datepicker .ui-datepicker table tbody td.ui-datepicker-today span:before,
.datepicker-menu .ui-datepicker table tbody td.ui-datepicker-today span:before {
  border-radius: 6px;
  border: 2px solid #00A0E0;
  content: "";
  height: 26px;
  left: 11px;
  position: absolute;
  top: 8px;
  width: 26px;
}
#datepicker .ui-datepicker table tbody td.event-day,
.datepicker-menu .ui-datepicker table tbody td.event-day { /*** Jour de l'evenement**/ }
#datepicker .ui-datepicker table tbody td.event-day a,
.datepicker-menu .ui-datepicker table tbody td.event-day a {
  border-radius: 10px;
  background-color: #00A0E0;
}
#datepicker .ui-datepicker table tbody td.event-day.ui-datepicker-current-day a,
.datepicker-menu .ui-datepicker table tbody td.event-day.ui-datepicker-current-day a {
  background-color: #E3007E;
  color: #FFFFFF;
}
#datepicker .ui-datepicker table tbody td.event-day.ui-datepicker-today,
.datepicker-menu .ui-datepicker table tbody td.event-day.ui-datepicker-today { /**Si l'evenement tombe sur la date du jour**/
  color: #FFFFFF;
}
#datepicker .ui-datepicker table tbody td.event-day.ui-datepicker-today a, #datepicker .ui-datepicker table tbody td.event-day.ui-datepicker-today span,
.datepicker-menu .ui-datepicker table tbody td.event-day.ui-datepicker-today a,
.datepicker-menu .ui-datepicker table tbody td.event-day.ui-datepicker-today span {
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
}
#datepicker .ui-datepicker table tbody .ui-state-disabled,
#datepicker .ui-datepicker table tbody .ui-state-active,
.datepicker-menu .ui-datepicker table tbody .ui-state-disabled,
.datepicker-menu .ui-datepicker table tbody .ui-state-active {
  opacity: 1;
}
#datepicker .ui-state-default,
.datepicker-menu .ui-state-default {
  background: none;
  border: none;
}
#datepicker .ui-corner-all,
.datepicker-menu .ui-corner-all {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  overflow: hidden;
}
#datepicker .ui-datepicker-inline,
.datepicker-menu .ui-datepicker-inline {
  position: relative;
  z-index: 0;
}
#datepicker .ui-datepicker-title,
.datepicker-menu .ui-datepicker-title {
  font-weight: normal;
  line-height: 1.7777777778;
  font-size: 18px;
  font-size: 1.8rem;
}

/************************************
 **** Modal rose *********
 ***********************************/
#modal-bis .modal-dialog,
.modal-bis-menu .modal-dialog {
  border-radius: 12px;
  background-color: #E3007E;
  border: none;
  box-shadow: none;
  color: #FFFFFF;
  margin-left: 10px;
  position: absolute;
  top: 0;
  width: 334px;
  z-index: 1;
}
#modal-bis .modal-dialog:before,
.modal-bis-menu .modal-dialog:before { /***Gère la coche rose a gauche**/
  border-style: solid;
  border-width: 0px 19px 15px 0;
  border-color: transparent #E3007E transparent transparent;
  content: "";
  height: 16px;
  left: -10px;
  position: absolute;
  width: 28px;
}

#modal-bis .modal-dialog-content,
.modal-bis-menu .modal-dialog-content {
  border-radius: 12px;
  background-color: #E3007E;
  border: none;
  box-shadow: none;
  color: #FFFFFF;
  margin-left: 10px;
  position: absolute;
  top: 0;
  width: 334px;
  z-index: 1;
}
#modal-bis .modal-dialog-content:before,
.modal-bis-menu .modal-dialog-content:before { /***Gère la coche rose a gauche**/
  border-style: solid;
  border-width: 0px 19px 15px 0;
  border-color: transparent #E3007E transparent transparent;
  content: "";
  height: 16px;
  left: -10px;
  position: absolute;
  width: 30px;
}

#modal-bis .modal.mobil-modal,
.modal-bis-menu .modal.mobil-modal {
  margin-left: 0;
  width: 100%;
}
#modal-bis .modal.mobil-modal:before,
.modal-bis-menu .modal.mobil-modal:before {
  border: none;
}
#modal-bis .modal.mobil-modal .modal-header button.close,
.modal-bis-menu .modal.mobil-modal .modal-header button.close {
  margin: 0;
}

/***Modal Rose header**/
#modal-bis .model-dialog-content .modal-header,
.modal-bis-menu .model-dialog-content .modal-header {
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: none;
  font-family: "raleway-semibold";
  height: 50px;
  font-weight: bold;
  font-size: 18px;
}
#modal-bis .model-dialog-content .modal-header button.close,
.modal-bis-menu .model-dialog-content .modal-header button.close {
  background: url("../images/afpa/sprite-edito.svg") no-repeat -10px -154px transparent;
  box-shadow: none;
  height: 24px;
  opacity: 1;
  text-indent: -77777px;
  width: 21px;
}
#modal-bis .model-dialog-content .modal-header div:last-of-type,
.modal-bis-menu .model-dialog-content .modal-header div:last-of-type {
  width: 100%;
}
#modal-bis .model-dialog-content .modal-header div:last-of-type:after,
.modal-bis-menu .model-dialog-content .modal-header div:last-of-type:after {
  background-color: #FFFFFF;
  margin: 14px 0 0 0px;
}

/***Modal Rose Body**/
#modal-bis .modal-dialog-content .modal-body,
.modal-bis-menu .modal-dialog-content .modal-body {
  color: #FFFFFF;
  max-height: 100%;
}
#modal-bis .modal-dialog-content .modal-body h3,
.modal-bis-menu .modal-dialog-content .modal-body h3 {
  font-family: "raleway-bold";
  text-transform: uppercase;
}
#modal-bis .modal-dialog-content .modal-body a,
.modal-bis-menu .modal-dialog-content .modal-body a {
  color: #FFFFFF;
  background: url("../images/afpa/chevron-white-bold.svg") no-repeat left 6px/7px auto transparent;
  margin-top: 0;
}
#modal-bis .modal-dialog-content .modal-body a:hover,
.modal-bis-menu .modal-dialog-content .modal-body a:hover {
  color: #FFFFFF;
  font-weight: normal;
}
#modal-bis .modal-dialog-content .modal-body ul,
.modal-bis-menu .modal-dialog-content .modal-body ul {
  margin: 0;
  padding-bottom: 15px;
}
#modal-bis .modal-dialog-content .modal-body ul:last-of-type,
.modal-bis-menu .modal-dialog-content .modal-body ul:last-of-type {
  padding-bottom: 0;
}
#modal-bis .modal-dialog-content .modal-body ul li,
.modal-bis-menu .modal-dialog-content .modal-body ul li {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  background: url("../images/afpa/chevron-white-bold.svg") no-repeat left 6px/7px auto transparent;
  list-style-type: none;
  padding-left: 20px;
}
#modal-bis .modal-dialog-content .modal-body ul li a,
.modal-bis-menu .modal-dialog-content .modal-body ul li a {
  padding-left: 0px;
  margin-top: 0px;
  background: none;
}

/********************
 **** Centers ****
 ********************/
.etablissement-header {
  position: relative;
}
.etablissement-header .etablissement-title {
  margin: 0 auto;
  text-align: right;
  width: 80%;
}
.etablissement-header .social-bar.social-right {
  align-self: flex-end;
  margin-bottom: 15px;
  padding-top: 0;
  width: 95px;
}
.etablissement-header .social-bar.social-right #share-div {
  left: 56px;
  z-index: 5;
}

.ie .etablissement-header {
  justify-content: inherit;
}

/* Début - Ajout lié au widget qualiopi */
.custom-back.back-tools.agenda, .center-locator .back-tools.agenda.search-result,
#centresList .back-tools.agenda.search-result {
  padding-bottom: 71px !important;
  margin-bottom: 0px !important;
}

/* Fin - Ajout lié au widget qualiopi */
.debord-centrage {
  margin: 0 auto;
  max-width: 1042px;
  /**** Page Direction régionale **/
}
.debord-centrage.carousel-div {
  position: relative;
}
.debord-centrage.carousel-div .englob-infos-caroussel {
  max-width: 690px;
}
.debord-centrage.carousel-div .englob-infos-caroussel .liste-formation-div {
  text-align: center;
  position: relative;
  bottom: 25%;
  z-index: 4;
}
.debord-centrage.carousel-div .englob-infos-caroussel .back-identity {
  margin: -150px 10px 0 10px;
  min-height: 290px;
}
.debord-centrage.carousel-div .englob-infos-caroussel .back-identity,
.debord-centrage.carousel-div .englob-infos-caroussel .agenda {
  width: 334px;
}
.debord-centrage.map-centre {
  clear: both;
  height: 491px;
  margin: 0 auto;
  overflow: hidden;
}
.debord-centrage.map-centre .center-location {
  margin-top: 60px;
}
.debord-centrage.last {
  margin-top: 60px;
  overflow: hidden;
}
.debord-centrage.last .list-formation {
  margin: 0 1% 0 0;
  padding-left: 10px;
  width: 49.5%;
}
.debord-centrage.last .news-center {
  width: 49.5%;
}
.debord-centrage.last .news-center .nom-actu {
  padding: 50px 0 10px;
}
.debord-centrage.last .news-center .nom-actu:first-of-type {
  padding-top: 10px;
}
.debord-centrage.last .news-center .simple-link.right-no-margin-top, .debord-centrage.last .news-center .edito-blocs a.right-no-margin-top, .edito-blocs .debord-centrage.last .news-center a.right-no-margin-top, .debord-centrage.last .news-center .custom-back.back-neutral a.right-no-margin-top, .debord-centrage.last .news-center .center-locator .search-result a.right-no-margin-top, .center-locator .debord-centrage.last .news-center .search-result a.right-no-margin-top,
.debord-centrage.last .news-center #centresList .search-result a.right-no-margin-top,
#centresList .debord-centrage.last .news-center .search-result a.right-no-margin-top, .custom-back.back-neutral .debord-centrage.last .news-center a.right-no-margin-top, .center-locator .search-result .debord-centrage.last .news-center a.right-no-margin-top,
#centresList .search-result .debord-centrage.last .news-center a.right-no-margin-top {
  margin-top: 0;
  float: right;
}
.debord-centrage.last .news-center .link-actu {
  text-decoration: none;
}
.debord-centrage.last .news-center .link-actu:hover {
  color: #5A545A;
}
.debord-centrage.last .news-center .link-actu-center {
  background: url("../images/afpa/chevron-rose.png") no-repeat left center;
  display: block;
  text-decoration: none;
  margin-top: 0;
  float: right;
  top: 50%;
  color: #CF004B;
  padding-left: 18px;
}
.debord-centrage.last .news-center .link-actu-center:hover, .debord-centrage.last .news-center .link-actu-center:focus {
  font-weight: bold;
  background-image: url("../images/afpa/chevron-rose-hover.png");
}
.debord-centrage .formation-centre {
  float: left;
  margin-top: 60px;
  width: 50%;
}
.debord-centrage.direction-regionale {
  padding-bottom: 40px;
}
.debord-centrage.direction-regionale .blocs-direction-regionale #map-canvas,
.debord-centrage.direction-regionale .blocs-direction-regionale .back-identity,
.debord-centrage.direction-regionale .blocs-direction-regionale .back-neutral,
.debord-centrage.direction-regionale .blocs-direction-regionale .center-locator .search-result,
.center-locator .debord-centrage.direction-regionale .blocs-direction-regionale .search-result,
.debord-centrage.direction-regionale .blocs-direction-regionale #centresList .search-result,
#centresList .debord-centrage.direction-regionale .blocs-direction-regionale .search-result {
  margin-bottom: 10px;
  width: 334px;
}
.debord-centrage.direction-regionale .blocs-direction-regionale .back-identity {
  margin: 0 10px 10px 10px;
  min-height: 255px;
}
.debord-centrage.direction-regionale .blocs-direction-regionale .back-neutral, .debord-centrage.direction-regionale .blocs-direction-regionale .center-locator .search-result, .center-locator .debord-centrage.direction-regionale .blocs-direction-regionale .search-result,
.debord-centrage.direction-regionale .blocs-direction-regionale #centresList .search-result,
#centresList .debord-centrage.direction-regionale .blocs-direction-regionale .search-result {
  display: table-cell;
  position: relative;
}
.debord-centrage.direction-regionale .with-custom-margin {
  margin-top: -100px;
}

.bigger {
  background-color: #FFFFFF;
  clear: both;
  margin-bottom: 60px;
}
.bigger .container {
  position: relative;
}

/*** Carroussel **/
.img-item-active {
  opacity: 1 !important;
  position: absolute !important;
  transition: all 0.8s ease-in-out;
}

.img-item {
  position: relative;
  top: 0;
  left: 0;
}

.carousel-content {
  position: relative;
}

.carousel-menu-item:hover {
  cursor: pointer;
}

.carousel-item-active,
.carousel-item {
  max-height: 100%;
  z-index: 3;
}

.carousel {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 750px;
  margin: 0 0 20px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.carousel #carousal img {
  height: auto;
  opacity: 0;
  width: 100%;
}
.carousel #carousal menu {
  background: none;
  bottom: 200px;
  height: 30px;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.carousel #carousal menu:first-child {
  display: none;
}
.carousel #carousal menu li {
  display: inline-block;
  float: none;
  margin: 0 0 0 15px;
}
.carousel #carousal menu li a {
  border-radius: 10px;
  display: block;
  height: 20px;
  width: 20px;
}
.carousel #carousal menu li a.carousel-menu-item {
  background: none;
  border: 1px solid #E3007E;
  height: 18px;
  width: 18px;
}
.carousel #carousal menu li a.carousel-menu-item.carousel-menu-active {
  background-color: #E3007E;
}
.carousel #carousal menu li a.carousel-menu-index {
  height: 20px;
  width: 20px;
}
.carousel #carousal menu li a.carousel-menu-next, .carousel #carousal menu li a.carousel-menu-prev {
  background: url("../images/afpa/center/sprite-center-locator.svg") no-repeat 0 0 transparent;
  border: none;
  display: block;
  height: 67px;
  position: absolute;
  top: -260px;
  width: 35px;
}
.carousel #carousal menu li a.carousel-menu-prev {
  left: 20px;
}
.carousel #carousal menu li a.carousel-menu-next {
  right: 20px;
  background: url("../images/afpa/center/sprite-center-locator.svg") no-repeat -64px 0 transparent;
}
.carousel #carousal menu li a.carousel-menu-play, .carousel #carousal menu li a.carousel-menu-pause {
  display: none;
}

#center-locator-map-canvas img {
  max-width: none;
}

/**** Direction regionale **/
#map-canvas {
  height: 254px;
}
#map-canvas img {
  max-width: none;
}

/***Venir au centre */
.center-location {
  position: relative;
}
.center-location h2 {
  padding-left: 10px;
}
.center-location #map-canvas {
  height: 380px;
}
.center-location .center-context {
  background-color: #FFFFFF;
  left: 10px;
  min-height: 360px;
  padding: 20px;
  position: absolute;
  top: 55px;
  width: 334px;
  z-index: 1;
  overflow-y: scroll;
  height: 86%;
}
.center-location .center-context h3.h3-bus {
  background: url("../images/afpa/identite/transports-picto.svg") no-repeat scroll left top/20px auto transparent;
}
.center-location .center-context h3.h3-car {
  background: url("../images/afpa/identite/car-picto.svg") no-repeat scroll left top/25px auto transparent;
  margin: 20px 0;
}
.center-location .center-context ul {
  margin: 0;
}
.center-location .center-context ul li {
  line-height: 23px;
  margin-bottom: 5px;
  padding-left: 30px;
}
.center-location .center-context ul li.METRO {
  background: url("../images/afpa/identite/metro-picto.svg") no-repeat scroll left center/21px auto transparent;
}
.center-location .center-context ul li.BUS {
  background: url("../images/afpa/identite/bus-picto.svg") no-repeat scroll left center/21px auto transparent;
}

/**** Liste des formations **/
.list-formation {
  padding-top: 20px;
}
.list-formation ul {
  margin: 0 0 20px 0;
}
.list-formation ul li {
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.list-formation ul li img {
  margin-right: 14px;
}
.list-formation ul li a:hover, .list-formation ul li a:focus {
  color: #5A545A;
}

/*** News **/
span {
  /*** Couleur des dates sur l'actu & l'édito, articles **/
}
span.date, span.date-edito, .edito-blocs.twitter .tweet span.twitter-date {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  color: #908E8D;
  font-family: "raleway-regular";
  margin-bottom: 10px;
}
span.date {
  display: block;
}

.smaller-centre {
  overflow: hidden;
  margin-bottom: 60px;
}

/** Mot du directeur  **/
.director-word {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  -ms-column-gap: 10px;
  -o-column-gap: 10px;
  column-gap: 10px;
  height: 335px;
  width: 651px;
  overflow: hidden;
}
.director-word p {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
.director-word p:before {
  content: "";
  height: 19px;
  position: absolute;
  width: 32px;
}
.director-word div.first {
  height: 331px;
  width: 100%;
}
.director-word div.first img {
  width: 100%;
}
.director-word div.testimony {
  width: 100%;
}
.director-word div.testimony h3 {
  margin-top: 0;
}
.director-word div.testimony p {
  clear: both;
  margin-top: 65px;
  position: relative;
}
.director-word div.testimony p:before {
  background: url("../images/afpa/croche.png") no-repeat scroll left top/32px auto transparent;
  top: -35px;
}

/*** Fix opera**/
.opera .director-word {
  position: relative;
}
.opera .director-word div.testimony {
  height: 334px;
  position: relative;
}

/*** Commun center **/
.list-formation li,
.stats li,
.center-context li {
  list-style-type: none;
}

.domain {
  height: 240px;
  max-width: 334px;
  overflow: hidden;
}

/*** Map**/
.map-center-locator {
  margin: 60px 0 50px;
  position: relative;
}
.map-center-locator h3 {
  margin: 0;
  position: absolute;
}
.map-center-locator h3 strong {
  color: #87BB34;
  font-weight: bold;
}
.map-center-locator img {
  margin-left: 11.1%;
  margin-top: 22px;
  width: 520px;
}
.map-center-locator #map-france + map area:hover {
  cursor: pointer;
}

.map-pastille {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  height: 35px;
  padding-top: 3px;
  width: 35px;
}

/********************
 **** Search ****
 ********************/
#center-locator-search-results {
  margin: -50px auto 60px auto;
}

/** Affichage de la liste des résultats **/
#wrapper .center-locator {
  margin: -50px auto 60px auto;
  position: relative;
  width: 90%;
}
#wrapper .center-locator .taglib-categorization-filter .entry-title {
  display: none;
}
#wrapper .center-locator span.nombre-resultats {
  right: 85.2%;
  position: absolute;
  top: -19px;
  z-index: 2;
}

.center-locator .nombre-resultats-title {
  background-color: #FFFFFF;
  padding: 15px 20px 20px;
  margin: 0 auto;
  width: 73.94%;
}
.center-locator .nombre-resultats-title h3 {
  font-family: "raleway-regular";
  margin: 0;
}

.center-locator .search-result {
  font-family: Arial, sans-serif;
  height: auto;
  margin: 0 auto 1px auto;
  position: relative;
  width: 73.94%;
  overflow: hidden;
}
.center-locator .search-result:first-of-type {
  margin: -40px auto 1px auto;
}
.center-locator .search-result:last-of-type {
  margin-bottom: 60px;
}

#centresList .search-result {
  height: 218px;
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 0;
}

#centresList .search-result div:first-child,
#centresList .search-result div:nth-child(2) {
  height: 154px;
}

.center-locator .search-result div:first-child, .center-locator .search-result div:nth-child(2),
#centresList .search-result div:first-child,
#centresList .search-result div:nth-child(2) {
  float: left;
}
.center-locator .search-result div:first-child,
#centresList .search-result div:first-child {
  width: 70%;
}
.center-locator .search-result div:nth-child(2),
#centresList .search-result div:nth-child(2) {
  text-align: right;
  width: 30%;
}
.center-locator .search-result div:nth-child(3) span,
#centresList .search-result div:nth-child(3) span {
  display: block;
  float: left;
}
.center-locator .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) a {
  float: right;
  margin: 0;
}
.center-locator .search-result div:nth-child(3) a:hover, .center-locator .search-result div:nth-child(3) a:focus,
#centresList .search-result div:nth-child(3) a:hover,
#centresList .search-result div:nth-child(3) a:focus {
  margin-top: 0;
}
.center-locator .search-result div img,
#centresList .search-result div img {
  float: left;
  height: 30px;
  position: absolute;
  top: 15px;
  width: auto;
}
.center-locator .search-result div span.center-city,
#centresList .search-result div span.center-city {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  padding-left: 32px;
  font-family: "raleway-semibold";
  width: 100%;
}
.center-locator .search-result div span.street,
#centresList .search-result div span.street {
  margin-top: -2px;
}
.center-locator .search-result div span.center-state,
#centresList .search-result div span.center-state {
  bottom: 0;
  position: relative;
}
.center-locator .search-result div .tel,
#centresList .search-result div .tel {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat scroll -23px -385px transparent;
  margin: 10px 0;
}
.center-locator .search-result div .fax,
#centresList .search-result div .fax {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat scroll -23px -346px transparent;
}
.center-locator .search-result div .tel,
.center-locator .search-result div .fax,
#centresList .search-result div .tel,
#centresList .search-result div .fax {
  display: block;
  line-height: 23px;
  padding-left: 25px;
}
.center-locator .search-result div.identity-font,
#centresList .search-result div.identity-font {
  padding-top: 5px;
}
.center-locator .search-result div.identity-font, .center-locator .search-result div.fade-font,
#centresList .search-result div.identity-font,
#centresList .search-result div.fade-font {
  text-align: right;
  display: block;
}

.numTelephoneImg {
  max-width: 150px !important;
  max-height: 45px !important;
  position: relative !important;
  top: 0px !important;
}

.numTelephoneLink {
  display: inline-block !important;
  background: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

.numTelephoneLinkList {
  display: block !important;
  background: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

/*** Services **/
.services {
  padding: 20px 0 30px 0;
  overflow: hidden;
}
.services h2 {
  padding-bottom: 10px;
}
.services .englob-services .services-list {
  margin-top: 10px;
  width: 308px;
}
.services .englob-services .services-list h3 {
  color: #00A0E0;
  margin: 0 0 6px 115px;
}
.services .englob-services .services-list h3:after {
  background-color: #00A0E0;
  margin: 10px 0 0 0;
}
.services .englob-services .services-list .image-services {
  float: left;
  margin-right: 18px;
  text-align: center;
  width: 97px;
}

#wrapper .recherche-centre-portlet .search-form {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: url("../images/afpa/center/store-locator-back.svg") repeat-x top center #00A0E0;
  height: 170px;
  margin: 0px;
  padding: 2px 20px 20px;
  text-align: center;
}
#wrapper .recherche-centre-portlet .search-form.deploy {
  height: 245px;
}
#wrapper .recherche-centre-portlet .search-form .inside {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 688px;
}
#wrapper .recherche-centre-portlet .search-form .inside input[type=text] {
  background-color: #FFFFFF;
  float: left;
  margin: 0 0 0 -2px;
  outline: none;
  width: 100%;
}
#wrapper .recherche-centre-portlet .search-form .inside #geolocalisationLink {
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: block;
  float: left;
  height: 46px;
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat center -38px #FFFFFF;
  border: 1px solid white;
  width: 70px;
}
#wrapper .recherche-centre-portlet .search-form .inside .form-group {
  background-color: #FFFFFF;
  display: block;
  float: left;
  margin: 0;
  width: 53%;
}
#wrapper .recherche-centre-portlet #advancedSearchLink {
  color: #FFFFFF;
  display: block;
  float: left;
  font-weight: bold;
  height: 46px;
  line-height: 46px;
  margin-left: 18px;
  padding-left: 22px;
  text-align: left;
  width: 164px;
}
#wrapper .recherche-centre-portlet #advancedSearchLink.more {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat -26px -177px transparent;
}
#wrapper .recherche-centre-portlet #advancedSearchLink.less {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat -26px -219px transparent;
}

#center-locator-map-canvas {
  height: 380px;
  margin: 30px 0 0 0;
  padding: 0px;
}
#center-locator-map-canvas .gm-style-mtc > div {
  color: #E3007E;
}
#center-locator-map-canvas .gmnoprint img {
  max-width: none;
}

/*** Template nos formations pour **/
.formation-page-centre {
  width: 49.5%;
}
.formation-page-centre .formation-domaines {
  background-color: #FFFFFF;
  margin-bottom: 0;
}
.formation-page-centre .formation-domaines h3 {
  padding: 12px 0 0 20px;
}
.formation-page-centre .formation-domaines h3 span {
  color: #00A0E0;
  font-weight: bold;
  text-decoration: underline;
}
.formation-page-centre .formation-domaines h3:after {
  /* Affiche la barre dessous le titre */
  background-color: #DEDEDE;
  margin: 0;
  position: relative;
  top: 7px;
}
.formation-page-centre .formation-domaines #formationsCentreList div.item-list {
  padding: 20px 20px 10px;
}
.formation-page-centre .formation-domaines #formationsCentreList div.item-list > .first-div {
  width: 100%;
}
.formation-page-centre .formation-domaines #formationsCentreList div.item-list .clear .first-div {
  margin-bottom: 24px;
  width: auto;
}
.formation-page-centre .formation-domaines #formationsCentreList div.item-list a {
  margin-bottom: 16px;
}
.formation-page-centre .formation-domaines #formationsCentreList div.item-list a:hover {
  padding-top: 0;
}
.formation-page-centre .buttons-formations {
  float: right;
  margin: 0;
}
.formation-page-centre .buttons-formations a#previousFormations {
  float: left;
}
.formation-page-centre .buttons-formations a#nextFormations {
  float: right;
}
.formation-page-centre .pink-button-no-transition {
  margin-bottom: 10px;
}

/**Centre de référence**/
html #content .centre-reference {
  background-color: #FFFFFF;
  padding: 20px;
}
html #content .centre-reference h4 {
  clear: none;
  color: #87BB34;
  float: left;
}
html #content .centre-reference h4 img {
  margin-right: 10px;
}
html #content .centre-reference h4:after {
  background-color: #DEDEDE;
  margin-top: 14px;
}
html #content .centre-reference p {
  clear: both;
}
html #content .centre-reference p span {
  display: block;
  padding-left: 25px;
  margin-top: 7px;
}
html #content .centre-reference p span.tel {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat scroll -23px -385px transparent;
}
html #content .centre-reference p span.fax {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat scroll -23px -342px transparent;
  background-size: 64px auto;
}

/**Centre de référence**/
html #content .custom-back .centre-reference, html #content .center-locator .search-result .centre-reference, .center-locator html #content .search-result .centre-reference,
html #content #centresList .search-result .centre-reference,
#centresList html #content .search-result .centre-reference {
  padding: 0;
}

/*** FIX FIREFOX, IE **/
.ie #wrapper .recherche-centre-portlet .search-form .inside a#geolocalisationLink,
.firefox #wrapper .recherche-centre-portlet .search-form .inside a#geolocalisationLink {
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat 1px -35px #FFFFFF;
  display: block;
  float: left;
  height: 46px;
}

/***************************************
 ****Styles/Blocs communs**************/
/*********** LAYOUT commun***/
.confirmation-password div {
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
}

.bloc-secteur {
  background-color: white;
  width: 245px;
  height: 245px;
  margin-left: 1%;
  margin-top: 2%;
}

.bloc-secteur-img {
  width: 100%;
  height: 70%;
}

.bloc-secteur-text {
  height: 30%;
  max-height: 4em;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.secteur-img {
  width: 100%;
  height: 100%;
}

.secteur-text {
  text-align: center;
  padding-top: 10px;
  font-family: "raleway-bold";
}

.title-Zone2FbySecteur {
  line-height: 1.17647;
  font-size: 34px;
  font-size: 2.4rem;
  font-family: "raleway-semibold";
  font-weight: normal;
  margin: 10px auto;
}

.tools-important-bloc { /***Blocs bleus avec font standard**/
  background-color: #00A0E0;
  color: #FFFFFF;
  padding: 20px;
}
.tools-important-bloc h3 {
  margin-top: 0;
}
.tools-important-bloc a, .tools-important-bloc input[type=submit] {
  line-height: 1.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  margin-top: 5px;
  outline: none;
  width: 100%;
}

/**** Statistiques Centre/Homepage **/
/**Commun :**/
.stats {
  color: #E3007E;
  font-family: "raleway-bold";
  width: 334px;
}
.stats .taille-trois .chiffre-stats {
  line-height: 1;
  font-size: 70px;
  font-size: 7rem;
}
.stats .taille-quatre .chiffre-stats {
  line-height: 0.96;
  font-size: 50px;
  font-size: 5rem;
}
.stats .taille-trois,
.stats .taille-quatre {
  display: table;
}
.stats .taille-trois .chiffre-stats,
.stats .taille-quatre .chiffre-stats {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  width: 168px;
  word-spacing: -10px;
}
.stats .taille-trois .chiffre-stats sup,
.stats .taille-quatre .chiffre-stats sup {
  line-height: 1;
  font-size: 40px;
  font-size: 4rem;
}
.stats .taille-trois .texte-stats,
.stats .taille-quatre .texte-stats {
  line-height: 1.1111111111;
  font-size: 18px;
  font-size: 1.8rem;
  display: table-cell;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
}

/*** Particulier **/
.trois-blocs { /**Homepage**/ }
.trois-blocs .stats {
  top: 20px;
}

.bigger .stats {
  top: -30px;
  width: 32.68%;
}

.bigger .stats,
.debord-centrage .stats {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}

/*** Etiquette du search + idées métiers (hors détail) & formations **/
/**Commun**/
.etiquette-base, .etiquette-acceptee, .etiquette-traitement, .etiquette-invitation, .etiquette-canceled, .etiquette-courrier-envoi, .etiquette-formation-pink, .etiquette-formation {
  border-radius: 8px;
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFFFFF;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 6px;
  position: relative;
  z-index: 2;
}
.etiquette-base:after, .etiquette-acceptee:after, .etiquette-traitement:after, .etiquette-invitation:after, .etiquette-canceled:after, .etiquette-courrier-envoi:after, .etiquette-formation-pink:after, .etiquette-formation:after { /***Fleche du bas**/
  border-style: solid;
  border-width: 13px 0px 0 12px;
  bottom: -6px;
  right: -1px;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  width: 8px;
}

.etiquette-formation {
  background-color: #86BC24;
  border: 1px solid #86BC24;
}
.etiquette-formation:after { /** Fleche du bas**/
  border-color: #86BC24 transparent transparent transparent;
}

.etiquette-formation-pink {
  background-color: #e3007e;
  border: 1px solid #e3007e;
}
.etiquette-formation-pink:after { /** Fleche du bas**/
  border-color: #e3007e transparent transparent transparent;
}

.etiquette-courrier-envoi {
  background-color: #5a545a;
  border: 1px solid #5a545a;
}
.etiquette-courrier-envoi:after {
  border-color: #5a545a transparent transparent transparent;
}

.etiquette-canceled {
  background-color: #92C33A;
  border: 1px solid #92C33A;
}
.etiquette-canceled:after {
  border-color: #92C33A transparent transparent transparent;
}

.etiquette-invitation {
  background-color: #ABD066;
  border: 1px solid #ABD066;
}
.etiquette-invitation:after {
  border-color: #ABD066 transparent transparent transparent;
}

.etiquette-traitement {
  background-color: #C2DD91;
  border: 1px solid #C2DD91;
}
.etiquette-traitement:after {
  border-color: #C2DD91 transparent transparent transparent;
}

.etiquette-acceptee {
  background-color: #9EC950;
  border: 1px solid #9EC950;
}
.etiquette-acceptee:after {
  border-color: #9EC950 transparent transparent transparent;
}

/***Particulier **/
article.fiche-formation { /*** Fiche formation détail**/ }
article.fiche-formation .etiquette-global {
  text-align: right;
}
article.fiche-formation .etiquette-global .etiquette-formation {
  margin-left: 5px;
  top: 0;
}
article.fiche-formation .etiquette-global .etiquette-formation.last {
  margin-left: 5px;
}

#formationsList,
#formationsDomainesList { /*** resultats recherche formation**/ }
#formationsList .etiquette-formation.last,
#formationsDomainesList .etiquette-formation.last {
  margin-right: 2px;
}

article {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

/***Infobulles**/
span.info-bulle {
  border-radius: 18px;
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #DEDEDE;
  cursor: pointer;
  display: block;
  float: right;
  font-family: "raleway-semibold";
  font-style: italic;
  height: 25px;
  margin: 15px 20px 0 0;
  text-align: center;
  width: 25px;
}
span.info-bulle.warning {
  background-color: #fa5555;
  color: #FFFFFF;
  float: left;
  margin: -2px 10px 0 0;
}

/***Carte de france, Pastilles **/
.map-pastille-min {
  height: 27px;
  /*padding-top:1px;*/
  width: 27px;
}

/**** Texte ***/
span { /**Mise en valeur d'une partie du texte via la couleur**/ }
span.email {
  color: #00A0E0;
  font-weight: bold;
}

.mentionsLegales {
  clear: both;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: justify;
}
.mentionsLegales p {
  line-height: 1.3333333333;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
  font-family: Arial, sans-serif;
}

.mentionsLegalesClea {
  clear: both;
  padding-bottom: 10px;
}
.mentionsLegalesClea p {
  line-height: 1.3333333333;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
  font-family: Arial, sans-serif;
  padding-left: 0;
  padding-top: 5px;
}

/*** Boutons de navigations **/
.buttons-formations {
  margin: 0 auto;
  overflow: hidden;
  width: 112px;
}
.buttons-formations a#previousFormations, .buttons-formations a#nextFormations {
  display: block;
  float: left;
  height: 46px;
  text-indent: -7777px;
  width: 51px;
}
.buttons-formations a#previousFormations {
  background: url("../images/afpa/formation/formation-sprite.svg") no-repeat scroll 18px 14px/54px auto #DEDEDE;
  margin-right: 10px;
}
.buttons-formations a#previousFormations:hover {
  background: url("../images/afpa/formation/formation-sprite.svg") no-repeat scroll 18px -20px/54px auto #908E8D;
}
.buttons-formations a#nextFormations {
  background: url("../images/afpa/formation/formation-sprite.svg") no-repeat scroll -21px 14px/54px auto #DEDEDE;
}
.buttons-formations a#nextFormations:hover {
  background: url("../images/afpa/formation/formation-sprite.svg") no-repeat scroll -21px -20px/54px auto #908E8D;
}

/**** Reseaux sociaux **/
.social-bar {
  clear: both;
  float: left;
  height: 61px;
  margin: 16px 0 20px;
  padding-top: 15px;
  position: relative;
  width: 100%;
}
.social-bar:before, .social-bar:after {
  background-color: #DEDEDE;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 82px;
}
.social-bar:before {
  top: 0;
}
.social-bar:after {
  bottom: 0;
}
.social-bar #programme-link,
.social-bar #pdf-link,
.social-bar #print-link,
.social-bar #share-link {
  display: block;
  height: 30px;
  text-indent: -77777px;
  width: 39px;
}
.social-bar #programme-link {
  background: url("../images/afpa/picto-programme-over.svg") no-repeat transparent;
}
.social-bar #programme-link:hover {
  background: url("../images/afpa/picto-programme-over.svg") no-repeat transparent;
  display: block;
}
.social-bar #pdf-link {
  background: url("../images/afpa/picto-pdf.svg") no-repeat transparent;
}
.social-bar #pdf-link:hover {
  background: url("../images/afpa/picto-pdf-over.svg") no-repeat transparent;
  display: block;
}
.social-bar #print-link {
  background: url("../images/afpa/picto-print.svg") no-repeat transparent;
}
.social-bar #print-link:hover {
  background: url("../images/afpa/picto-print-over.svg") no-repeat transparent;
  display: block;
}
.social-bar #share-link {
  background: url("../images/afpa/picto-share.svg") no-repeat transparent;
}
.social-bar #share-link:hover, .social-bar #share-link.active {
  background: url("../images/afpa/picto-share-over.svg") no-repeat transparent;
  display: block;
}
.social-bar .fb-like, .social-bar #programme-link {
  float: left;
  margin-right: 15px;
}
.social-bar .fb-like, .social-bar #pdf-link {
  float: left;
  margin-right: 15px;
}
.social-bar .fb-like, .social-bar #print-link {
  float: left;
  margin-right: 15px;
}
.social-bar #share-link {
  float: left;
}
.social-bar #share-div {
  position: absolute;
  left: 208px;
  top: 14px;
  width: 220px;
}
.social-bar #share-div span {
  display: inline-block;
}
.social-bar.social-right {
  height: 29px;
  margin: 0;
  position: relative;
  width: 200px;
}
.social-bar.social-right:before, .social-bar.social-right:after {
  background: none;
}
.social-bar.social-right #share-div {
  left: 160px;
  top: 32px;
  width: 42px;
}
.social-bar.social-right #share-div span {
  display: block;
}
.social-bar.social-deficitaire:after, .social-bar.social-deficitaire:before {
  background-color: transparent;
}

/*********************
***PROGRESS BAR*******
**********************/
@-webkit-keyframes animate-stripes {
  50% {
    background-position: -100px 0px;
  }
}
@keyframes animate-stripes {
  50% {
    background-position: -100px 0px;
  }
}
progress {
  border-radius: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #87BB34;
  height: 16px;
  width: 100%;
  /***Compatible chrome, safari**/
  /***Deplacement du curseur **/
}
progress::-webkit-progress-bar {
  border-radius: 18px;
  background: #F1F1F1;
}
progress::-webkit-progress-value {
  -moz-border-radius-topleft: 18px;
  -webkit-border-top-left-radius: 18px;
  border-top-left-radius: 18px;
  -moz-border-radius-bottomleft: 18px;
  -webkit-border-bottom-left-radius: 18px;
  border-bottom-left-radius: 18px;
  background-image: -webkit-linear-gradient(135deg, transparent 30%, rgba(0, 0, 0, 0.075) 30%, rgba(0, 0, 0, 0.075) 66%, transparent 66%), -webkit-linear-gradient(left, #87BB34, #87BB34);
  background-size: 35px 20px, 100% 100%, 100% 100%;
}
progress.first-step + span {
  left: 12px;
}
progress.second-step + span {
  left: 49%;
}
progress.last-step + span {
  left: 96%;
}

/*** compatible firefox**/
progress::-moz-progress-bar {
  -moz-border-radius-topleft: 18px;
  -webkit-border-top-left-radius: 18px;
  border-top-left-radius: 18px;
  -moz-border-radius-bottomleft: 18px;
  -webkit-border-bottom-left-radius: 18px;
  border-bottom-left-radius: 18px;
  background-image: -moz-linear-gradient(135deg, transparent 30%, rgba(0, 0, 0, 0.075) 30%, rgba(0, 0, 0, 0.075) 66%, transparent 66%), -moz-linear-gradient(left, #87BB34, #87BB34);
  background-size: 35px 20px, 100% 100%, 100% 100%;
  background-position: 0 0;
}

/*** Compatible IE**/
progress::-moz-fill {
  border-radius: 18px;
  background-image: -ms-linear-gradient(135deg, transparent 30%, rgba(0, 0, 0, 0.075) 30%, rgba(0, 0, 0, 0.075) 66%, transparent 66%), -ms-linear-gradient(left, #87BB34, #87BB34);
  background-size: 35px 20px, 100% 100%, 100% 100%;
}

/**** Progress bar espace perso**/
progress.animate-progress::-moz-progress-bar { /***Firefox**/
  -moz-border-radius-topright: 16px;
  -webkit-border-top-right-radius: 16px;
  border-top-right-radius: 16px;
  -moz-border-radius-bottomright: 16px;
  -webkit-border-bottom-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background-image: -moz-linear-gradient(135deg, transparent 30%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.075) 66%, transparent 66%), -moz-linear-gradient(left, #87BB34, #44A33D);
  background-size: 35px 20px, 100% 100%, 100% 100%;
}
progress.animate-progress::-moz-fill { /*****IE***/
  -moz-border-radius-topright: 16px;
  -webkit-border-top-right-radius: 16px;
  border-top-right-radius: 16px;
  -moz-border-radius-bottomright: 16px;
  -webkit-border-bottom-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background-image: -ms-linear-gradient(135deg, transparent 30%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.075) 66%, transparent 66%), -ms-linear-gradient(left, #87BB34, #44A33D);
  background-size: 35px 20px, 100% 100%, 100% 100%;
}
progress.animate-progress::-webkit-progress-value { /****Chrome/safari/opera**/
  -moz-border-radius-topright: 16px;
  -webkit-border-top-right-radius: 16px;
  border-top-right-radius: 16px;
  -moz-border-radius-bottomright: 16px;
  -webkit-border-bottom-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background-image: -webkit-linear-gradient(135deg, transparent 30%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.075) 66%, transparent 66%), -webkit-linear-gradient(left, #87BB34, #44A33D);
  background-size: 35px 20px, 100% 100%, 100% 100%;
}

html h1, html h2, html h3, html h4, html h5, html h6 {
  margin: 10px 0;
}
html .elegant-form.span8 {
  float: right;
}
html form {
  margin: 0 0 20px;
}
html ul, html ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
html p {
  margin: 0 0 10px;
}
html label {
  font-size: 14px;
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
  line-height: 20px;
}
html .radio, html .checkbox {
  min-height: 20px;
  padding-left: 20px;
}
html .checkbox + .checkbox {
  margin-top: 10px;
}
html .checkbox label {
  padding-left: 0;
}
html .row [class*=span] {
  min-height: 30px;
}
html .custom-select, html .custom-select.large-custom {
  height: 46px;
}
html .custom-select select, html .custom-select.large-custom select {
  position: relative;
  top: -5px;
  left: -8px;
  width: 100%;
}
html .custom-select select:focus, html .custom-select.large-custom select:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*
 * DEBUT GESTION-CONTRATS-PROS
 */
.filtre-region-contrat .control-group {
  clear: both;
  min-height: 42px;
  position: relative;
  margin-bottom: 10px;
}
.filtre-region-contrat .control-group .custom-select {
  border: none;
  padding: 0;
  height: inherit;
}
.filtre-region-contrat .control-group .custom-select label {
  margin-right: 2%;
  position: absolute;
  width: 18%;
  transform: translateY(-50%);
  top: 50%;
}
.filtre-region-contrat .control-group .custom-select select {
  cursor: pointer;
}

#editContratProForm .control-group.error {
  color: #fa5555;
}
#editContratProForm .control-group.error label {
  color: #5a545a;
}
#editContratProForm .control-group.error .help-inline {
  clear: both;
  display: block;
  margin-top: 5px;
  line-height: 1.28571;
  font-size: 1.4rem;
  background: url("../images/afpa/cross-warning.svg") no-repeat left center transparent;
  padding-left: 20px;
}
#editContratProForm .control-group {
  clear: both;
  min-height: 42px;
  position: relative;
  margin-bottom: 10px;
}
#editContratProForm .control-group label {
  display: block;
  margin-bottom: 5px;
}
#editContratProForm .control-group label:first-child {
  margin-right: 2%;
  position: absolute;
  width: 18%;
  transform: translateY(-50%);
  top: 50%;
}
#editContratProForm .control-group input {
  display: block;
  margin-left: 20%;
  width: 80%;
}
#editContratProForm .control-group label:not(:first-child) {
  clear: both;
  margin-left: 20px;
  display: inline-block;
}
#editContratProForm .control-group .custom-select {
  transition: none;
  display: inherit;
  width: inherit;
  height: inherit;
  padding: 0;
  vertical-align: inherit;
  background: none;
  border: none;
  border-radius: 0;
}
#editContratProForm .control-group .custom-select.error {
  color: inherit;
}
#editContratProForm .control-group .custom-select.large-custom select {
  position: inherit;
  top: 0;
  left: 0;
}
#editContratProForm .control-group p {
  float: left;
  margin-left: 20%;
  min-height: 42px;
  padding-top: 8px;
  width: 80%;
}
#editContratProForm .control-group.control-group-radio input {
  display: inline-block;
  width: auto;
}
#editContratProForm .control-group.logo-group label {
  float: left;
  position: unset;
  top: auto;
  transform: none;
  line-height: 3.57143;
}
#editContratProForm .control-group.logo-group input.gray-input {
  background-color: #dedede;
  color: #5a545a;
  display: block;
  float: left;
  font-weight: bold;
  margin: 5px 5px 10px 0;
  padding: 15px 20px;
  width: 250px;
  border: none;
  box-shadow: none;
  font-family: Arial, sans-serif;
  text-shadow: unset;
}
#editContratProForm .control-group.logo-group span {
  line-height: 3.57143;
  font-size: 1.4rem;
}
#editContratProForm .control-group.date-contrat {
  clear: none;
  display: block;
}
#editContratProForm .control-group.date-contrat input {
  background: url("../images/afpa/sprite-edito.svg") no-repeat 96% -25px white;
  width: 29%;
}
#editContratProForm .control-group.zone-editor > div {
  float: left;
  margin: 0 0 10px 20%;
  width: 80%;
}

/*
 * FIN GESTION-CONTRATS-PROS
 */
html .maxi-container {
  margin: 0 auto;
  max-width: 1440px;
}
html .maxi-container .aside-account {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  float: left;
  padding-left: 0px;
  padding-right: 22.5px;
}
html .maxi-container .content-account {
  float: right;
  max-width: 100%;
}
html .maxi-container .content-account .one-three {
  float: left;
  margin: 0 0 1% 1%;
  width: 334px;
}

.create-own-account,
.forgot-password-page {
  background: url("../images/afpa/compte/fond-compte.svg") no-repeat center top #00A0E0;
  color: #FFFFFF;
  height: 158px;
  padding: 1px;
  text-align: center;
}
.create-own-account p,
.forgot-password-page p {
  margin: 0 auto;
  width: 480px;
}

.creation-compte {
  margin: 40px auto 0 auto;
  width: 678px;
}
.creation-compte .elegant-form .inside {
  background-color: #FFFFFF;
  margin-bottom: 15px;
  padding: 15px 20px 20px;
  overflow: hidden;
}
.creation-compte .elegant-form .inside form {
  margin: 0;
  overflow: hidden;
}
.creation-compte .elegant-form .inside h2 {
  margin-bottom: 0;
}
.creation-compte .elegant-form .inside h3 {
  color: #00A0E0;
  padding-top: 8px;
}
.creation-compte .elegant-form .inside h3, .creation-compte .elegant-form .inside h5 {
  clear: both;
}
.creation-compte .elegant-form .inside h5 {
  margin-bottom: 15px;
  padding-top: 10px;
}
.creation-compte .elegant-form .inside p.legend-paragraphe {
  color: #908E8D;
  margin-top: -15px;
}
.creation-compte .elegant-form .inside .englob-input {
  clear: both;
}
.creation-compte .elegant-form .inside .englob-input .control-group {
  clear: none;
  float: left;
  width: 49%;
}
.creation-compte .elegant-form .inside .englob-input .control-group:nth-of-type(odd) {
  margin-right: 2%;
}
.creation-compte .elegant-form .inside .englob-input .control-group input {
  padding-left: 20px;
  width: 100%;
}
.creation-compte .elegant-form .inside .englob-input .control-group label {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "raleway-semibold";
}
.creation-compte .elegant-form .inside .control-group {
  overflow: hidden;
}
.creation-compte .elegant-form .inside .control-group label {
  float: left;
}
.creation-compte .elegant-form .inside .control-group .custom-select {
  clear: both;
}
.creation-compte .elegant-form .inside .control-group.radio-group {
  clear: none;
  float: left;
  min-width: 20%;
  position: relative;
}
.creation-compte .elegant-form .inside .control-group.radio-group.last {
  width: 52%;
}
.creation-compte .elegant-form .inside .control-group.see-password {
  float: left;
  margin: -10px 0 8px 51%;
  width: 50%;
}
.creation-compte .elegant-form .inside .bloc-email {
  margin-bottom: 10px;
}
.creation-compte .elegant-form .inside .bloc-email label {
  float: none;
}
.creation-compte .elegant-form .inside .isStagiaire {
  clear: both;
}
.creation-compte .elegant-form .inside .isStagiaire label {
  float: left;
  margin-top: 2px;
  width: 46%;
}
.creation-compte .elegant-form .inside .isStagiaire span.info-bulle {
  float: left;
  margin: 0 0 5px 0;
}
.creation-compte .elegant-form .inside .isStagiaire input {
  clear: both;
  display: block;
  width: 50%;
}
.creation-compte .elegant-form .inside .isStagiaire .error .info-bulle {
  color: #FFFFFF;
}
.creation-compte .control-group.checkbox input[type=checkox] {
  border: 3px solid #DEDEDE;
  display: block;
  height: 23px;
  left: -1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 23px;
  z-index: 3;
}
.creation-compte .control-group.checkbox input[type=checkox] + span {
  border: 1px solid #DEDEDE;
  background-color: #FFFFFF;
  float: left;
  height: 23px;
  left: -20px;
  margin-right: -10px;
  position: relative;
  width: 23px;
}
.creation-compte .control-group.checkbox input[type=checkox] + span:before {
  background: url("../images/afpa/compte/coche-rose.svg") no-repeat center top transparent;
  background-size: 14px auto;
  content: "";
  height: 10px;
  left: 4px;
  position: absolute;
  top: 6px;
  width: 15px;
}
.creation-compte .control-group.checkbox input[type=checkox]:not(:checked) + span:before {
  background: #FFFFFF;
  background-size: 14px auto;
  content: "";
  position: absolute;
}
.creation-compte a.pink-button-submit {
  float: right;
  margin-top: 25px;
}

.newsletter-checkbox,
.see-password {
  position: relative;
}

.cgu-link {
  position: relative;
}
.cgu-link label span {
  font-weight: bold;
}
.cgu-link label a {
  font-weight: bold;
  text-decoration: underline;
}
.cgu-link label a:hover {
  color: #5A545A;
}
.cgu-link .form-validator-stack {
  display: none;
}

/************************************
 **** Warnings - Erreurs ************
 ***********************************/
html #wrapper .form-group.error,
.custom-select.error {
  color: #fa5555;
}
html #wrapper .form-group.error .control-label,
.custom-select.error .control-label {
  color: #5A545A;
}
html #wrapper .form-group.error select,
.custom-select.error select {
  border: 1px solid #fa5555;
  color: #908E8D;
}
html #wrapper .form-group.error select + span,
.custom-select.error select + span {
  border-bottom: 1px solid #fa5555;
  border-top: 1px solid #fa5555;
  border-right: 1px solid #fa5555;
}
html #wrapper .form-group.error label,
.custom-select.error label { /**Cas pariculier des CGU**/
  color: #5A545A;
}
html #wrapper .form-group.error label span,
.custom-select.error label span {
  color: #5A545A;
}
html #wrapper .form-group.error .cke_inner,
.custom-select.error .cke_inner { /***** Pour le Ck 2ditor**/
  border: 1px solid #fa5555;
}
html #wrapper .form-group.error .help-inline,
.custom-select.error .help-inline {
  clear: both;
  display: block;
  margin-top: 5px;
}

#wrapper input[type=text].error-field,
#wrapper input[type=password].error-field {
  border: 1px solid #fa5555;
}

/***Bloc recapitualtif des erreurs**/
#errors {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #fedddd;
  padding: 20px;
}
#errors.with-margin {
  margin-top: 20px;
}
#errors ul {
  color: #fa5555;
  margin: 3px 0 0px 35px;
}
#errors ul li {
  background: url("../images/afpa/cross-warning.svg") no-repeat left center transparent;
  list-style-type: none;
  padding-left: 20px;
}
#errors ul.notitifcation li {
  background: none;
  color: #5A545A;
  list-style-type: initial;
  padding-left: 0;
}
#errors a {
  color: #fa5555;
  font-weight: bold;
  text-decoration: underline;
}
#errors a:hover, #errors a:focus {
  text-decoration: none;
}
#errors span.info-bulle.warning {
  cursor: default;
  margin: -2px 10px 0 0;
}
#errors span.info-bulle.warning.with-margin {
  margin: 13px 10px 0 0;
}

html .alert-danger {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #fedddd;
  border: none;
  color: #fa5555;
  margin-bottom: 5px;
}
html .alert-danger a {
  color: #fa5555;
  text-decoration: underline;
}
html .alert-danger a:hover, html .alert-danger a:focus {
  color: #fa5555;
  font-weight: bold;
  text-decoration: none;
}

/****************************************
 **** Confirmation activation de compte *
 ****************************************/
.confirmation-compte div,
.account-faq {
  background-color: #FFFFFF;
  padding: 5px 20px 20px 20px;
}

.confirmation-compte {
  float: left;
  margin: 30px 1% 0 0;
  width: 66.32%;
}
.confirmation-compte div {
  margin: 0 0 20px 0;
}
.confirmation-compte div span.signature {
  line-height: 1.1111111111;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "raleway-bold";
}
.account-faq {
  float: left;
  margin-top: 30px;
  width: 32.68%;
}
.account-faq p {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "raleway-regular";
}
.account-faq a.questions-button {
  margin-top: 4px;
  width: 100%;
}

/*** Verification du mail*/
#wrapper .verify-email {
  background-color: #FFFFFF;
  margin-bottom: 50px;
  margin-top: 20px;
  padding: 20px;
}
#wrapper .verify-email .form-group {
  float: left;
}
#wrapper .verify-email .form-group label {
  font-family: "raleway-semibold";
}
#wrapper .verify-email .form-group input.field {
  width: 100%;
}
#wrapper .verify-email .form-group input.field + .help-inline {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  background: url("../images/afpa/cross-warning.svg") no-repeat left center transparent;
  color: #fa5555;
  padding-left: 20px;
}
#wrapper .verify-email .form-group input.field.error-validation {
  background: url("../images/afpa/cross-warning.svg") no-repeat 98% j center transparent;
  border: 1px solid #fa5555;
}
#wrapper .verify-email .newsletter-checkbox label, #wrapper .verify-email .cgu label {
  font-family: Arial, sans-serif;
}
#wrapper .verify-email .cgu label {
  font-weight: bold;
}
#wrapper .verify-email .button-holder {
  clear: both;
  float: right;
  margin: 25px 0 0 10px;
}
#wrapper .verify-email .button-holder .btn {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  background: #E3007E;
  color: #FFFFFF;
  font-weight: bold;
  padding: 13px 20px;
  text-shadow: none;
}
#wrapper .verify-email .button-holder .btn:first-of-type {
  margin: 0 10px;
}
#wrapper .verify-email .button-holder .btn:hover, #wrapper .verify-email .button-holder .btn:focus {
  background: #CF004B;
  outline: none;
}

#wrapper .verify-email .form-group.checkbox {
  width: 100%;
}
#wrapper .verify-email .form-group.checkbox label[for=cgu] a {
  font-family: Arial, sans-serif;
  text-decoration: underline;
}
#wrapper .verify-email .form-group.checkbox label[for=cgu] a:hover, #wrapper .verify-email .form-group.checkbox label[for=cgu] a:focus {
  text-decoration: none;
}

/****************************************
 **** ESPACE PERSO **********************
 ****************************************/
.private-account .header-espace-perso {
  background: url("../images/afpa/compte/back-perso.png") repeat-x center top #00A0E0;
  color: #FFFFFF;
  margin-bottom: 40px;
  overflow: hidden;
  padding-top: 10px;
}
.private-account .header-espace-perso p {
  margin: 0 auto 25px auto;
  text-align: center;
  width: 480px;
}
.private-account aside {
  background-color: #00A0E0;
  color: #FFFFFF;
  min-height: 800px;
  margin-bottom: 60px;
  position: relative;
  width: 100%;
}
.private-account aside div {
  overflow: hidden;
  padding: 20px 10px 0 10px;
}
.private-account aside div .logo {
  float: left;
  margin-right: 10px;
}
.private-account aside div .menu-title {
  line-height: 0.8235294118;
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "raleway-regular";
  text-align: left;
  text-transform: uppercase;
  word-wrap: break-word;
}
.private-account aside div .menu-title strong {
  text-align: center;
}
.private-account aside ul {
  clear: both;
  margin: 40px 0 0 0;
  padding: 0 0 150px 0;
}
.private-account aside ul li {
  list-style-type: none;
  margin-left: 10px;
}
.private-account aside ul li:hover, .private-account aside ul li:focus, .private-account aside ul li.current {
  -moz-border-radius-topleft: 30px;
  -webkit-border-top-left-radius: 30px;
  border-top-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: #F1F1F1;
}
.private-account aside ul li:hover a, .private-account aside ul li:hover span, .private-account aside ul li:focus a, .private-account aside ul li:focus span, .private-account aside ul li.current a, .private-account aside ul li.current span {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  color: #00A0E0;
  font-family: "raleway-semibold";
}
.private-account aside ul li:hover a:hover, .private-account aside ul li:hover a:focus, .private-account aside ul li:hover span:hover, .private-account aside ul li:hover span:focus, .private-account aside ul li:focus a:hover, .private-account aside ul li:focus a:focus, .private-account aside ul li:focus span:hover, .private-account aside ul li:focus span:focus, .private-account aside ul li.current a:hover, .private-account aside ul li.current a:focus, .private-account aside ul li.current span:hover, .private-account aside ul li.current span:focus {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  color: #00A0E0;
  font-family: "raleway-semibold";
  background: url("../images/afpa/chevron-blue.svg") no-repeat right center transparent;
}
.private-account aside ul li a, .private-account aside ul li span {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-family: "raleway-semibold";
  margin: 0 auto;
  padding: 18px 18px 18px 40px;
  width: 83%;
}
.private-account aside ul li a {
  background: url("../images/afpa/chevron-white-bold.svg") no-repeat right center transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
}
.private-account aside ul li span {
  background: url("../images/afpa/chevron-blue.svg") no-repeat right center transparent;
  color: #FFFFFF;
}
.private-account aside ul li:last-of-type a {
  border: none;
}
.private-account aside ul li.mes-candidatures {
  background: url("../images/afpa/compte/perso-sprite.svg") no-repeat 18px -486px transparent;
}
.private-account aside ul li.mes-candidatures:hover, .private-account aside ul li.mes-candidatures:focus, .private-account aside ul li.mes-candidatures.current {
  background: url("../images/afpa/compte/perso-sprite.svg") no-repeat 18px -385px #F1F1F1;
}
.private-account aside ul li.mon-tableau-de-bord {
  background: url("../images/afpa/compte/perso-sprite.svg") no-repeat 18px -86px transparent;
}
.private-account aside ul li.mon-tableau-de-bord:hover, .private-account aside ul li.mon-tableau-de-bord:focus, .private-account aside ul li.mon-tableau-de-bord.current {
  background: url("../images/afpa/compte/perso-sprite.svg") no-repeat 18px 13px #F1F1F1;
}
.private-account aside ul li.mon-contact-afpa {
  background: url("../images/afpa/compte/tel-menu.svg") no-repeat 27px center transparent;
}
.private-account aside ul li.mon-contact-afpa:hover, .private-account aside ul li.mon-contact-afpa:focus, .private-account aside ul li.mon-contact-afpa.current {
  background: url("../images/afpa/compte/tel-menu-hover.svg") no-repeat 27px center #F1F1F1;
}
.private-account aside ul li.rechercher-une-formation {
  background: url("../images/afpa/compte/rechercher-formation.svg") no-repeat 27px center transparent;
}
.private-account aside ul li.rechercher-une-formation:hover, .private-account aside ul li.rechercher-une-formation:focus, .private-account aside ul li.rechercher-une-formation.current {
  background: url("../images/afpa/compte/rechercher-formation-hover.svg") no-repeat 27px center #F1F1F1;
}
.private-account aside ul li.suivre-mes-candidats {
  background: url("../images/afpa/compte/candidats.svg") no-repeat 20px center transparent;
}
.private-account aside ul li.suivre-mes-candidats:hover, .private-account aside ul li.suivre-mes-candidats:focus, .private-account aside ul li.suivre-mes-candidats.current {
  background: url("../images/afpa/compte/candidats-hover.svg") no-repeat 20px center #F1F1F1;
}
.private-account aside ul li.afpa-en-direct {
  background: url("../images/afpa/compte/afpa-direct.svg") no-repeat 27px center transparent;
}
.private-account aside ul li.afpa-en-direct:hover, .private-account aside ul li.afpa-en-direct:focus, .private-account aside ul li.afpa-en-direct.current {
  background: url("../images/afpa/compte/afpa-direct-hover.svg") no-repeat 27px center #F1F1F1;
}
.private-account aside ul li.mon-profil {
  background: url("../images/afpa/compte/perso-sprite.svg") no-repeat 18px -287px transparent;
}
.private-account aside ul li.mon-profil:hover, .private-account aside ul li.mon-profil:focus, .private-account aside ul li.mon-profil.current {
  background: url("../images/afpa/compte/perso-sprite.svg") no-repeat 18px -186px #F1F1F1;
}
.private-account aside ul li.contrats-en-alternance a:before {
  font-family: "FontAwesome";
  content: "\f07c";
  left: 11%;
  position: absolute;
  font-size: 25px;
}
.private-account aside ul li.consultation-offre a:before {
  font-family: "FontAwesome";
  content: "\f002";
  left: 11%;
  position: absolute;
  font-size: 25px;
}
.private-account aside ul li.gestion-des-flux-afpa a:before {
  font-family: "FontAwesome";
  content: "\f074";
  left: 11%;
  position: absolute;
  font-size: 25px;
}
.private-account aside ul li.mes-notifications {
  background: url("../images/afpa/compte/afpa-direct.svg") no-repeat 27px center transparent;
}
.private-account aside ul li.mes-notifications:hover, .private-account aside ul li.mes-notifications:focus, .private-account aside ul li.mes-notifications.current {
  background: url("../images/afpa/compte/afpa-direct-hover.svg") no-repeat 27px center #F1F1F1;
}
.private-account aside ul li.gestion-utilisateurs a:before {
  font-family: "FontAwesome";
  content: "\f0c0";
  left: 11%;
  position: absolute;
  font-size: 25px;
}
.private-account aside ul li.magellan-agenda a:before {
  content: "\f073";
  left: 11%;
  position: absolute;
}
.private-account aside ul li.magellan-cre a:before {
  content: "\f05b";
  left: 11%;
  position: absolute;
}
.private-account aside ul li.magellan-parcours a:before {
  content: "\f018";
  left: 11%;
  position: absolute;
}
.private-account aside ul li.magellan-outils a:before {
  content: "\f1b3";
  left: 11%;
  position: absolute;
}
.private-account aside ul li.magellan-accompagnement a:before {
  content: "\f086";
  left: 11%;
  position: absolute;
}
.private-account aside ul li.magellan-recherches a:before {
  content: "\f002";
  left: 11%;
  position: absolute;
}
.private-account aside ul li.magellan-entreprise-recherche a:before {
  font-family: "FontAwesome";
  content: "\f002";
  left: 11%;
  position: absolute;
  font-size: 25px;
}
.private-account aside ul li.magellan-entreprise-profil a:before {
  font-family: "FontAwesome";
  content: "\f0c0";
  left: 11%;
  position: absolute;
  font-size: 25px;
}
.private-account aside ul li.magellan-entreprise-offre a:before {
  font-family: "FontAwesome";
  content: "\f0f2";
  left: 11%;
  position: absolute;
  font-size: 25px;
}
.private-account aside ul li.magellan-cre:hover, .private-account aside ul li.magellan-cre:focus, .private-account aside ul li.magellan-agenda:hover, .private-account aside ul li.magellan-agenda:focus, .private-account aside ul li.magellan-parcours:hover, .private-account aside ul li.magellan-parcours:focus, .private-account aside ul li.magellan-outils:hover, .private-account aside ul li.magellan-outils:focus, .private-account aside ul li.magellan-accompagnement:hover, .private-account aside ul li.magellan-accompagnement:focus, .private-account aside ul li.magellan-recherches:hover, .private-account aside ul li.magellan-recherches:focus {
  background-color: #F1F1F1;
}
.private-account aside ul li.magellan-cre:hover a, .private-account aside ul li.magellan-cre:focus a, .private-account aside ul li.magellan-agenda:hover a, .private-account aside ul li.magellan-agenda:focus a, .private-account aside ul li.magellan-parcours:hover a, .private-account aside ul li.magellan-parcours:focus a, .private-account aside ul li.magellan-outils:hover a, .private-account aside ul li.magellan-outils:focus a, .private-account aside ul li.magellan-accompagnement:hover a, .private-account aside ul li.magellan-accompagnement:focus a, .private-account aside ul li.magellan-recherches:hover a, .private-account aside ul li.magellan-recherches:focus a {
  background: url("../images/afpa/chevron-blue.svg") no-repeat right center transparent;
}
.private-account aside ul li.magellan-cre a:before, .private-account aside ul li.magellan-agenda a:before, .private-account aside ul li.magellan-parcours a:before, .private-account aside ul li.magellan-outils a:before, .private-account aside ul li.magellan-accompagnement a:before, .private-account aside ul li.magellan-recherches a:before {
  line-height: 1.0909090909;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "FontAwesome";
}
.private-account aside ul li.magellan-cre a:hover, .private-account aside ul li.magellan-cre a:focus, .private-account aside ul li.magellan-agenda a:hover, .private-account aside ul li.magellan-agenda a:focus, .private-account aside ul li.magellan-parcours a:hover, .private-account aside ul li.magellan-parcours a:focus, .private-account aside ul li.magellan-outils a:hover, .private-account aside ul li.magellan-outils a:focus, .private-account aside ul li.magellan-accompagnement a:hover, .private-account aside ul li.magellan-accompagnement a:focus, .private-account aside ul li.magellan-recherches a:hover, .private-account aside ul li.magellan-recherches a:focus {
  color: #00A0E0;
}
.private-account aside ul li.current + li { /** Cible le lien suivant le li selectionne*/ }
.private-account aside ul li.current + li a {
  border-top: none;
}

/*** Espace perso menu : deconnexion **/
.private-account aside .disconnect,
.espace-perso-mobile .disconnect {
  bottom: 40px;
  left: 4.5%;
  position: absolute;
  width: 91%;
}
.private-account aside .disconnect span,
.espace-perso-mobile .disconnect span {
  line-height: 0.7777777778;
  font-size: 18px;
  font-size: 1.8rem;
}

/*** Onglets ***/
ul.onglets-espace-perso {
  margin: 0 0 40px;
  max-width: 1024px;
  text-align: center;
}
ul.onglets-espace-perso li {
  background-color: #DEDEDE;
  height: 46px;
  list-style-type: none;
  width: 225px;
}
ul.onglets-espace-perso li.current {
  background-color: #00A0E0;
  color: #FFFFFF;
  font-weight: bold;
}
ul.onglets-espace-perso li:nth-of-type(2n) {
  margin: 0 10px;
}
ul.onglets-espace-perso li:last-of-type {
  margin-right: 0;
}
ul.onglets-espace-perso li span, ul.onglets-espace-perso li a {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  height: inherit;
  padding-top: 15px;
  text-align: center;
}
ul.onglets-espace-perso li a {
  font-weight: bold;
}
ul.onglets-espace-perso li a:hover {
  background-color: #00A0E0;
  color: #FFFFFF;
}

/****************************************
 ****RECUP PASSWORD******************
 ****************************************/
.reinitialize {
  margin-top: 20px;
}
.reinitialize .alert-danger {
  margin-top: 20px;
}
.reinitialize .inside {
  background-color: #FFFFFF;
  margin: 0 auto;
}
.reinitialize .inside .first {
  margin-top: 20px;
}
.reinitialize .inside .first input[type=password] {
  margin-top: 10px;
  width: 100%;
}
.reinitialize .inside .see-password {
  margin: 0 0 20px 0;
}
.reinitialize .inside .button-holder button {
  margin: 0;
}

.reinitialize .btn,
html form.recup-password .btn {
  background-image: none;
  margin: 10px 0 24px;
  width: 100%;
}

html form.recup-password {
  background-color: #FFFFFF;
  margin: 30px auto 0 auto;
}

html form.recup-password {
  width: 36.66%;
}
html form.recup-password .button-holder {
  margin: 0;
}

.reinitialize form .inside {
  width: 66.3%;
}

html form.recup-password,
.reinitialize form .inside {
  padding: 1px 20px 20px;
}
html form.recup-password input[type=text],
.reinitialize form .inside input[type=text] {
  margin-top: 10px;
  width: 100%;
}
html form.recup-password p,
.reinitialize form .inside p {
  margin-bottom: 15px;
}
html form.recup-password hr, html form.recup-password hr.short-break-gray, html form.recup-password hr.short-break-white,
.reinitialize form .inside hr,
.reinitialize form .inside hr.short-break-gray,
.reinitialize form .inside hr.short-break-white {
  margin-bottom: 20px;
}
html form.recup-password a,
.reinitialize form .inside a {
  display: block;
  text-align: center;
}
html form.recup-password a.blue-button,
.reinitialize form .inside a.blue-button {
  width: 100%;
}

.reinitialize form .inside label[for=cgu] {
  font-weight: bold;
}
.reinitialize form .inside label[for=cgu] a {
  display: inline;
  text-decoration: underline;
}
.reinitialize form .inside label[for=cgu] a:hover, .reinitialize form .inside label[for=cgu] a:focus {
  color: #5A545A;
  text-decoration: none;
}
.reinitialize form .inside .button-holder {
  margin-bottom: 0;
}
.reinitialize form .inside .button-holder button {
  margin-bottom: 0;
  float: right;
  max-width: 168px;
}

/**** Confirmation mot de passe oublie ***/
.confirmation-password {
  margin-top: 30px;
}
.confirmation-password div {
  margin: 0 auto 20px auto;
  padding: 20px;
  width: 66%;
}

a.large-button {
  display: block;
  margin: 0 auto;
  width: 32.66%;
}
a.large-button:hover, a.large-button:focus {
  display: block;
}

/*** Mon Profil **/
.perso-form .part,
.mon-profil-update .part,
.bloc-mes-alertes .part,
.identifiant-connexion .part {
  background-color: #FFFFFF;
  margin-top: 10px;
  overflow: hidden;
  padding: 20px;
}
.perso-form .part:first-of-type,
.mon-profil-update .part:first-of-type,
.bloc-mes-alertes .part:first-of-type,
.identifiant-connexion .part:first-of-type {
  margin-top: 0;
}
.perso-form .part.situation-bloc,
.mon-profil-update .part.situation-bloc,
.bloc-mes-alertes .part.situation-bloc,
.identifiant-connexion .part.situation-bloc {
  margin-bottom: 60px;
}
.perso-form .part .situation-form,
.mon-profil-update .part .situation-form,
.bloc-mes-alertes .part .situation-form,
.identifiant-connexion .part .situation-form {
  clear: both;
}
.perso-form .part .situation-form .radio-group,
.mon-profil-update .part .situation-form .radio-group,
.bloc-mes-alertes .part .situation-form .radio-group,
.identifiant-connexion .part .situation-form .radio-group {
  clear: both;
}
.perso-form .part p,
.mon-profil-update .part p,
.bloc-mes-alertes .part p,
.identifiant-connexion .part p {
  color: #5A545A;
  float: left;
}
.perso-form .part p.mandatory-field,
.mon-profil-update .part p.mandatory-field,
.bloc-mes-alertes .part p.mandatory-field,
.identifiant-connexion .part p.mandatory-field {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
  margin: -12px 0 0 0;
  width: 100%;
}
.perso-form .part p.maj.first,
.mon-profil-update .part p.maj.first,
.bloc-mes-alertes .part p.maj.first,
.identifiant-connexion .part p.maj.first {
  margin-top: 5px;
}
.perso-form .part p.description,
.mon-profil-update .part p.description,
.bloc-mes-alertes .part p.description,
.identifiant-connexion .part p.description {
  color: #908E8D;
  margin-top: -5px;
  padding-left: 32px;
  width: 100%;
}
.perso-form .part p.alerte-subtitle,
.mon-profil-update .part p.alerte-subtitle,
.bloc-mes-alertes .part p.alerte-subtitle,
.identifiant-connexion .part p.alerte-subtitle {
  color: #908E8D;
}
.perso-form .part p.alerte-subtitle:after,
.mon-profil-update .part p.alerte-subtitle:after,
.bloc-mes-alertes .part p.alerte-subtitle:after,
.identifiant-connexion .part p.alerte-subtitle:after {
  /* Affiche la barre dessous le titre */
  background-color: #DEDEDE;
  margin: 14px 0 0 0px;
}
.perso-form .part .recap-profile,
.perso-form .part .recap-situation,
.perso-form .part .recap-identifiant,
.mon-profil-update .part .recap-profile,
.mon-profil-update .part .recap-situation,
.mon-profil-update .part .recap-identifiant,
.bloc-mes-alertes .part .recap-profile,
.bloc-mes-alertes .part .recap-situation,
.bloc-mes-alertes .part .recap-identifiant,
.identifiant-connexion .part .recap-profile,
.identifiant-connexion .part .recap-situation,
.identifiant-connexion .part .recap-identifiant {
  float: left;
  width: 77%;
}
.perso-form .part .recap-profile.prescripteur-profil,
.perso-form .part .recap-situation.prescripteur-profil,
.perso-form .part .recap-identifiant.prescripteur-profil,
.mon-profil-update .part .recap-profile.prescripteur-profil,
.mon-profil-update .part .recap-situation.prescripteur-profil,
.mon-profil-update .part .recap-identifiant.prescripteur-profil,
.bloc-mes-alertes .part .recap-profile.prescripteur-profil,
.bloc-mes-alertes .part .recap-situation.prescripteur-profil,
.bloc-mes-alertes .part .recap-identifiant.prescripteur-profil,
.identifiant-connexion .part .recap-profile.prescripteur-profil,
.identifiant-connexion .part .recap-situation.prescripteur-profil,
.identifiant-connexion .part .recap-identifiant.prescripteur-profil {
  width: 100%;
}
.perso-form .part .recap-profile.prescripteur-profil div,
.perso-form .part .recap-situation.prescripteur-profil div,
.perso-form .part .recap-identifiant.prescripteur-profil div,
.mon-profil-update .part .recap-profile.prescripteur-profil div,
.mon-profil-update .part .recap-situation.prescripteur-profil div,
.mon-profil-update .part .recap-identifiant.prescripteur-profil div,
.bloc-mes-alertes .part .recap-profile.prescripteur-profil div,
.bloc-mes-alertes .part .recap-situation.prescripteur-profil div,
.bloc-mes-alertes .part .recap-identifiant.prescripteur-profil div,
.identifiant-connexion .part .recap-profile.prescripteur-profil div,
.identifiant-connexion .part .recap-situation.prescripteur-profil div,
.identifiant-connexion .part .recap-identifiant.prescripteur-profil div {
  max-width: 59%;
}
.perso-form .part .recap-profile.prescripteur-profil div p,
.perso-form .part .recap-situation.prescripteur-profil div p,
.perso-form .part .recap-identifiant.prescripteur-profil div p,
.mon-profil-update .part .recap-profile.prescripteur-profil div p,
.mon-profil-update .part .recap-situation.prescripteur-profil div p,
.mon-profil-update .part .recap-identifiant.prescripteur-profil div p,
.bloc-mes-alertes .part .recap-profile.prescripteur-profil div p,
.bloc-mes-alertes .part .recap-situation.prescripteur-profil div p,
.bloc-mes-alertes .part .recap-identifiant.prescripteur-profil div p,
.identifiant-connexion .part .recap-profile.prescripteur-profil div p,
.identifiant-connexion .part .recap-situation.prescripteur-profil div p,
.identifiant-connexion .part .recap-identifiant.prescripteur-profil div p {
  line-height: 2.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  font-family: "raleway-semibold";
  word-wrap: break-word;
}
.perso-form .part .recap-profile div,
.perso-form .part .recap-situation div,
.perso-form .part .recap-identifiant div,
.mon-profil-update .part .recap-profile div,
.mon-profil-update .part .recap-situation div,
.mon-profil-update .part .recap-identifiant div,
.bloc-mes-alertes .part .recap-profile div,
.bloc-mes-alertes .part .recap-situation div,
.bloc-mes-alertes .part .recap-identifiant div,
.identifiant-connexion .part .recap-profile div,
.identifiant-connexion .part .recap-situation div,
.identifiant-connexion .part .recap-identifiant div {
  float: left;
  margin-top: -6px;
}
.perso-form .part .recap-profile div p,
.perso-form .part .recap-situation div p,
.perso-form .part .recap-identifiant div p,
.mon-profil-update .part .recap-profile div p,
.mon-profil-update .part .recap-situation div p,
.mon-profil-update .part .recap-identifiant div p,
.bloc-mes-alertes .part .recap-profile div p,
.bloc-mes-alertes .part .recap-situation div p,
.bloc-mes-alertes .part .recap-identifiant div p,
.identifiant-connexion .part .recap-profile div p,
.identifiant-connexion .part .recap-situation div p,
.identifiant-connexion .part .recap-identifiant div p {
  float: none;
  font-family: "raleway-regular";
}
.perso-form .part .recap-profile div p strong,
.perso-form .part .recap-situation div p strong,
.perso-form .part .recap-identifiant div p strong,
.mon-profil-update .part .recap-profile div p strong,
.mon-profil-update .part .recap-situation div p strong,
.mon-profil-update .part .recap-identifiant div p strong,
.bloc-mes-alertes .part .recap-profile div p strong,
.bloc-mes-alertes .part .recap-situation div p strong,
.bloc-mes-alertes .part .recap-identifiant div p strong,
.identifiant-connexion .part .recap-profile div p strong,
.identifiant-connexion .part .recap-situation div p strong,
.identifiant-connexion .part .recap-identifiant div p strong {
  font-family: "raleway-semibold";
}
.perso-form .part .recap-profile .beneficiaire,
.perso-form .part .recap-situation .beneficiaire,
.perso-form .part .recap-identifiant .beneficiaire,
.mon-profil-update .part .recap-profile .beneficiaire,
.mon-profil-update .part .recap-situation .beneficiaire,
.mon-profil-update .part .recap-identifiant .beneficiaire,
.bloc-mes-alertes .part .recap-profile .beneficiaire,
.bloc-mes-alertes .part .recap-situation .beneficiaire,
.bloc-mes-alertes .part .recap-identifiant .beneficiaire,
.identifiant-connexion .part .recap-profile .beneficiaire,
.identifiant-connexion .part .recap-situation .beneficiaire,
.identifiant-connexion .part .recap-identifiant .beneficiaire {
  padding-top: 17px;
}
.perso-form .part .recap-profile .beneficiaire.particulier,
.perso-form .part .recap-situation .beneficiaire.particulier,
.perso-form .part .recap-identifiant .beneficiaire.particulier,
.mon-profil-update .part .recap-profile .beneficiaire.particulier,
.mon-profil-update .part .recap-situation .beneficiaire.particulier,
.mon-profil-update .part .recap-identifiant .beneficiaire.particulier,
.bloc-mes-alertes .part .recap-profile .beneficiaire.particulier,
.bloc-mes-alertes .part .recap-situation .beneficiaire.particulier,
.bloc-mes-alertes .part .recap-identifiant .beneficiaire.particulier,
.identifiant-connexion .part .recap-profile .beneficiaire.particulier,
.identifiant-connexion .part .recap-situation .beneficiaire.particulier,
.identifiant-connexion .part .recap-identifiant .beneficiaire.particulier {
  display: block;
}
.perso-form .part .modify-profile,
.mon-profil-update .part .modify-profile,
.bloc-mes-alertes .part .modify-profile,
.identifiant-connexion .part .modify-profile {
  float: right;
  font-weight: bold;
  text-align: right;
  width: 83px;
}
.perso-form .part .modify-profile a, .perso-form .part .modify-profile input,
.mon-profil-update .part .modify-profile a,
.mon-profil-update .part .modify-profile input,
.bloc-mes-alertes .part .modify-profile a,
.bloc-mes-alertes .part .modify-profile input,
.identifiant-connexion .part .modify-profile a,
.identifiant-connexion .part .modify-profile input {
  line-height: 2.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
}
.perso-form .part .modify-profile a:focus, .perso-form .part .modify-profile a:hover, .perso-form .part .modify-profile input:focus, .perso-form .part .modify-profile input:hover,
.mon-profil-update .part .modify-profile a:focus,
.mon-profil-update .part .modify-profile a:hover,
.mon-profil-update .part .modify-profile input:focus,
.mon-profil-update .part .modify-profile input:hover,
.bloc-mes-alertes .part .modify-profile a:focus,
.bloc-mes-alertes .part .modify-profile a:hover,
.bloc-mes-alertes .part .modify-profile input:focus,
.bloc-mes-alertes .part .modify-profile input:hover,
.identifiant-connexion .part .modify-profile a:focus,
.identifiant-connexion .part .modify-profile a:hover,
.identifiant-connexion .part .modify-profile input:focus,
.identifiant-connexion .part .modify-profile input:hover {
  color: #908E8D;
}
.perso-form .part .modify-profile input,
.mon-profil-update .part .modify-profile input,
.bloc-mes-alertes .part .modify-profile input,
.identifiant-connexion .part .modify-profile input {
  background: none;
  border: none;
  display: block;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.perso-form .part img,
.mon-profil-update .part img,
.bloc-mes-alertes .part img,
.identifiant-connexion .part img {
  float: left;
  margin: 0 10px 10px 0;
}
.perso-form .part img.picto-alerte,
.mon-profil-update .part img.picto-alerte,
.bloc-mes-alertes .part img.picto-alerte,
.identifiant-connexion .part img.picto-alerte {
  margin: 7px 10px 10px 0;
}
.perso-form .part img.coordonnees-profil,
.mon-profil-update .part img.coordonnees-profil,
.bloc-mes-alertes .part img.coordonnees-profil,
.identifiant-connexion .part img.coordonnees-profil {
  height: 18px;
  margin-top: 5px;
  width: 24px;
}
.perso-form .part img.photo-profil,
.mon-profil-update .part img.photo-profil,
.bloc-mes-alertes .part img.photo-profil,
.identifiant-connexion .part img.photo-profil {
  height: 142px;
  width: 142px;
}
.perso-form .part img.anniversaire,
.mon-profil-update .part img.anniversaire,
.bloc-mes-alertes .part img.anniversaire,
.identifiant-connexion .part img.anniversaire {
  margin-left: 9px;
  margin-right: 18px;
}
.perso-form .part img.modif-profil,
.mon-profil-update .part img.modif-profil,
.bloc-mes-alertes .part img.modif-profil,
.identifiant-connexion .part img.modif-profil {
  margin-top: 8px;
}
.perso-form .part img.modify-alerte,
.mon-profil-update .part img.modify-alerte,
.bloc-mes-alertes .part img.modify-alerte,
.identifiant-connexion .part img.modify-alerte {
  margin-top: 3px;
}
.perso-form .part img.suppr-alerte,
.mon-profil-update .part img.suppr-alerte,
.bloc-mes-alertes .part img.suppr-alerte,
.identifiant-connexion .part img.suppr-alerte {
  margin-top: 3px;
}
.perso-form .part .custom-label,
.mon-profil-update .part .custom-label,
.bloc-mes-alertes .part .custom-label,
.identifiant-connexion .part .custom-label {
  font-family: "raleway-semibold";
}
.perso-form .part .custom-label.first,
.mon-profil-update .part .custom-label.first,
.bloc-mes-alertes .part .custom-label.first,
.identifiant-connexion .part .custom-label.first {
  display: block;
  margin-top: 15px;
}
.perso-form .part .form-group.checkbox,
.mon-profil-update .part .form-group.checkbox,
.bloc-mes-alertes .part .form-group.checkbox,
.identifiant-connexion .part .form-group.checkbox {
  float: left;
  width: 70px;
}
.perso-form .part .form-group.checkbox:first-of-type,
.mon-profil-update .part .form-group.checkbox:first-of-type,
.bloc-mes-alertes .part .form-group.checkbox:first-of-type,
.identifiant-connexion .part .form-group.checkbox:first-of-type {
  margin-right: 20px;
}
.perso-form .part .form-group.checkbox.see-password,
.mon-profil-update .part .form-group.checkbox.see-password,
.bloc-mes-alertes .part .form-group.checkbox.see-password,
.identifiant-connexion .part .form-group.checkbox.see-password {
  width: 100%;
}
.perso-form .part .form-group.email-group,
.mon-profil-update .part .form-group.email-group,
.bloc-mes-alertes .part .form-group.email-group,
.identifiant-connexion .part .form-group.email-group {
  clear: both;
}
.perso-form .part .form-group.linked,
.mon-profil-update .part .form-group.linked,
.bloc-mes-alertes .part .form-group.linked,
.identifiant-connexion .part .form-group.linked {
  margin-top: 15px;
}
.perso-form .part .form-group input,
.mon-profil-update .part .form-group input,
.bloc-mes-alertes .part .form-group input,
.identifiant-connexion .part .form-group input {
  width: 100%;
}
.perso-form .part .form-group label,
.mon-profil-update .part .form-group label,
.bloc-mes-alertes .part .form-group label,
.identifiant-connexion .part .form-group label {
  font-family: "raleway-semibold";
}
.perso-form .part .form-group.span6,
.mon-profil-update .part .form-group.span6,
.bloc-mes-alertes .part .form-group.span6,
.identifiant-connexion .part .form-group.span6 {
  margin-left: 0;
}
.perso-form .part .form-group.span6.last,
.mon-profil-update .part .form-group.span6.last,
.bloc-mes-alertes .part .form-group.span6.last,
.identifiant-connexion .part .form-group.span6.last {
  margin-left: 2.5%;
}
.perso-form .part .form-group.span6.clear,
.mon-profil-update .part .form-group.span6.clear,
.bloc-mes-alertes .part .form-group.span6.clear,
.identifiant-connexion .part .form-group.span6.clear {
  clear: both;
}
.perso-form .part .form-group.span6.error input,
.mon-profil-update .part .form-group.span6.error input,
.bloc-mes-alertes .part .form-group.span6.error input,
.identifiant-connexion .part .form-group.span6.error input {
  margin-bottom: 0;
}
.perso-form .part .form-group label[for=beneficiaire],
.mon-profil-update .part .form-group label[for=beneficiaire],
.bloc-mes-alertes .part .form-group label[for=beneficiaire],
.identifiant-connexion .part .form-group label[for=beneficiaire] {
  display: inline-block;
}
.perso-form .part .form-group label[for=beneficiaire] + span.info-bulle.info-beneficiaire,
.mon-profil-update .part .form-group label[for=beneficiaire] + span.info-bulle.info-beneficiaire,
.bloc-mes-alertes .part .form-group label[for=beneficiaire] + span.info-bulle.info-beneficiaire,
.identifiant-connexion .part .form-group label[for=beneficiaire] + span.info-bulle.info-beneficiaire {
  float: right;
  margin: 0;
}
.perso-form .part .contact-afpa,
.mon-profil-update .part .contact-afpa,
.bloc-mes-alertes .part .contact-afpa,
.identifiant-connexion .part .contact-afpa {
  clear: both;
  padding-top: 15px;
}
.perso-form .part .contact-afpa p,
.mon-profil-update .part .contact-afpa p,
.bloc-mes-alertes .part .contact-afpa p,
.identifiant-connexion .part .contact-afpa p {
  color: #5A545A;
  display: inline-block;
  margin-right: 20px;
}
.perso-form .part .contact-afpa .checkbox label,
.mon-profil-update .part .contact-afpa .checkbox label,
.bloc-mes-alertes .part .contact-afpa .checkbox label,
.identifiant-connexion .part .contact-afpa .checkbox label {
  font-family: Arial, sans-serif;
}
.perso-form .beneficiaire,
.mon-profil-update .beneficiaire,
.bloc-mes-alertes .beneficiaire,
.identifiant-connexion .beneficiaire {
  line-height: 2.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  font-family: "raleway-semibold";
  word-wrap: break-word;
}
.perso-form .attached-center,
.mon-profil-update .attached-center,
.bloc-mes-alertes .attached-center,
.identifiant-connexion .attached-center {
  clear: both;
  float: none;
}
.perso-form .attached-center img,
.mon-profil-update .attached-center img,
.bloc-mes-alertes .attached-center img,
.identifiant-connexion .attached-center img {
  float: none;
  margin: 0 10px 0 0;
}
.perso-form .attached-center a:hover, .perso-form .attached-center a:focus,
.mon-profil-update .attached-center a:hover,
.mon-profil-update .attached-center a:focus,
.bloc-mes-alertes .attached-center a:hover,
.bloc-mes-alertes .attached-center a:focus,
.identifiant-connexion .attached-center a:hover,
.identifiant-connexion .attached-center a:focus {
  color: #5A545A;
  font-family: "raleway-regular";
  font-weight: bold;
}
.perso-form a.gray-button-commun, .perso-form html a.cta-gris, html .perso-form a.cta-gris, .perso-form #content a.cta-gris, #content .perso-form a.cta-gris, .perso-form a.pink-button-no-transition,
.mon-profil-update a.gray-button-commun,
.mon-profil-update html a.cta-gris,
html .mon-profil-update a.cta-gris,
.mon-profil-update #content a.cta-gris,
#content .mon-profil-update a.cta-gris,
.mon-profil-update a.pink-button-no-transition,
.bloc-mes-alertes a.gray-button-commun,
.bloc-mes-alertes html a.cta-gris,
html .bloc-mes-alertes a.cta-gris,
.bloc-mes-alertes #content a.cta-gris,
#content .bloc-mes-alertes a.cta-gris,
.bloc-mes-alertes a.pink-button-no-transition,
.identifiant-connexion a.gray-button-commun,
.identifiant-connexion html a.cta-gris,
html .identifiant-connexion a.cta-gris,
.identifiant-connexion #content a.cta-gris,
#content .identifiant-connexion a.cta-gris,
.identifiant-connexion a.pink-button-no-transition {
  cursor: pointer;
  float: left;
  margin: 20px 0 20px 0;
  width: 49%;
}
.perso-form a.gray-button-commun.alerte-button, .perso-form html a.alerte-button.cta-gris, html .perso-form a.alerte-button.cta-gris, .perso-form #content a.alerte-button.cta-gris, #content .perso-form a.alerte-button.cta-gris, .perso-form a.pink-button-no-transition.alerte-button,
.mon-profil-update a.gray-button-commun.alerte-button,
.mon-profil-update html a.alerte-button.cta-gris,
html .mon-profil-update a.alerte-button.cta-gris,
.mon-profil-update #content a.alerte-button.cta-gris,
#content .mon-profil-update a.alerte-button.cta-gris,
.mon-profil-update a.pink-button-no-transition.alerte-button,
.bloc-mes-alertes a.gray-button-commun.alerte-button,
.bloc-mes-alertes html a.alerte-button.cta-gris,
html .bloc-mes-alertes a.alerte-button.cta-gris,
.bloc-mes-alertes #content a.alerte-button.cta-gris,
#content .bloc-mes-alertes a.alerte-button.cta-gris,
.bloc-mes-alertes a.pink-button-no-transition.alerte-button,
.identifiant-connexion a.gray-button-commun.alerte-button,
.identifiant-connexion html a.alerte-button.cta-gris,
html .identifiant-connexion a.alerte-button.cta-gris,
.identifiant-connexion #content a.alerte-button.cta-gris,
#content .identifiant-connexion a.alerte-button.cta-gris,
.identifiant-connexion a.pink-button-no-transition.alerte-button {
  width: 100%;
}
.perso-form a.gray-button-commun, .perso-form html a.cta-gris, html .perso-form a.cta-gris, .perso-form #content a.cta-gris, #content .perso-form a.cta-gris,
.mon-profil-update a.gray-button-commun,
.mon-profil-update html a.cta-gris,
html .mon-profil-update a.cta-gris,
.mon-profil-update #content a.cta-gris,
#content .mon-profil-update a.cta-gris,
.bloc-mes-alertes a.gray-button-commun,
.bloc-mes-alertes html a.cta-gris,
html .bloc-mes-alertes a.cta-gris,
.bloc-mes-alertes #content a.cta-gris,
#content .bloc-mes-alertes a.cta-gris,
.identifiant-connexion a.gray-button-commun,
.identifiant-connexion html a.cta-gris,
html .identifiant-connexion a.cta-gris,
.identifiant-connexion #content a.cta-gris,
#content .identifiant-connexion a.cta-gris {
  margin-right: 2%;
}
.perso-form .link-part,
.mon-profil-update .link-part,
.bloc-mes-alertes .link-part,
.identifiant-connexion .link-part {
  background-color: #FFFFFF;
  clear: both;
  margin-top: 1px;
  padding: 20px;
}
.perso-form .link-part .linked,
.mon-profil-update .link-part .linked,
.bloc-mes-alertes .link-part .linked,
.identifiant-connexion .link-part .linked {
  margin-bottom: 10px;
}
.perso-form .link-part img,
.mon-profil-update .link-part img,
.bloc-mes-alertes .link-part img,
.identifiant-connexion .link-part img {
  float: left;
  margin-right: 10px;
}
.perso-form .link-part a,
.mon-profil-update .link-part a,
.bloc-mes-alertes .link-part a,
.identifiant-connexion .link-part a {
  display: block;
}
.perso-form .link-part a:hover, .perso-form .link-part a:focus,
.mon-profil-update .link-part a:hover,
.mon-profil-update .link-part a:focus,
.bloc-mes-alertes .link-part a:hover,
.bloc-mes-alertes .link-part a:focus,
.identifiant-connexion .link-part a:hover,
.identifiant-connexion .link-part a:focus {
  color: #5A545A;
  font-weight: bold;
}
.perso-form .link-part input,
.mon-profil-update .link-part input,
.bloc-mes-alertes .link-part input,
.identifiant-connexion .link-part input {
  width: 100%;
}

.mon-profil-update .part .form-group.checkbox {
  /* 	float: none; */
  width: 100%;
}

/**Espace presripteur : profil candidat **/
.espace-perso-suivit-candidat-portlet .portlet-suivi-candidat a.button-breadcrumb {
  background: transparent url("../images/afpa/back-pink.svg") no-repeat scroll 12px center/7px auto;
  display: inline-block;
  padding: 15px 20px 15px 30px;
}
.espace-perso-suivit-candidat-portlet .portlet-suivi-candidat a.button-breadcrumb:hover, .espace-perso-suivit-candidat-portlet .portlet-suivi-candidat a.button-breadcrumb:focus {
  color: #5A545A;
  font-weight: bold;
}

.portlet-suivi-candidat.mon-profil-update {
  font-family: "raleway-semibold";
}
.portlet-suivi-candidat.mon-profil-update #errors {
  font-family: Arial, sans-serif;
}
.portlet-suivi-candidat.mon-profil-update .recap-profile {
  width: 100%;
}
.portlet-suivi-candidat.mon-profil-update .recap-profile div.informations {
  float: left;
  width: 70%;
}
.portlet-suivi-candidat.mon-profil-update .recap-profile p {
  float: none;
}
.portlet-suivi-candidat.mon-profil-update .recap-profile p.infos-candidats {
  line-height: 1.25;
  font-size: 16px;
  font-size: 1.6rem;
  clear: both;
  font-family: Arial, sans-serif;
}
.portlet-suivi-candidat.mon-profil-update .avancement-candidat {
  background-color: #FFFFFF;
  padding: 20px;
}
.portlet-suivi-candidat.mon-profil-update .avancement-candidat div {
  padding: 10px 0;
}
.portlet-suivi-candidat.mon-profil-update .avancement-candidat img {
  margin: 0 12px 2px 0;
}
.portlet-suivi-candidat.mon-profil-update .avancement-candidat a {
  text-decoration: underline;
}
.portlet-suivi-candidat.mon-profil-update .avancement-candidat a:hover, .portlet-suivi-candidat.mon-profil-update .avancement-candidat a:focus {
  color: #5A545A;
  font-weight: bold;
}

.portlet-suivi-candidat.mon-profil-update .recap-profile div.informations {
  float: left;
  width: 70%;
}
.portlet-suivi-candidat.mon-profil-update .recap-profile div.informations p.infos-bloc {
  clear: both;
  margin-bottom: 0;
}
.portlet-suivi-candidat.mon-profil-update .recap-profile div.informations p.infos-bloc img {
  float: none;
}

/***Formulaire contacter l'AFPA**/
html .perso-form {
  clear: both;
}
html .perso-form .part img.contact {
  margin: 6px 10px 0 0;
}
html .perso-form input[type=submit] {
  background-color: #E3007E;
  color: #FFFFFF;
  float: right;
  font-weight: bold;
  width: 294px;
  padding: 15px 20px;
}
html .perso-form input[type=submit]:hover, html .perso-form input[type=submit]:focus {
  background-color: #CF004B;
}
html .perso-form .part .form-group.checkbox {
  width: 100%;
}
html .perso-form textarea {
  min-height: 260px;
  padding: 20px;
}

/*** Erreurs **/
#wrapper .perso-form .custom-select.error select {
  border: 1px solid #fa5555;
}
#wrapper .perso-form #zoneMail #errors {
  margin-bottom: 20px;
}

/**Bloc contact prescripteur **/
html #content .contact-prescripteur {
  background-color: #87BB34;
  color: #FFFFFF;
  display: table;
  float: right;
  height: 345px;
  margin-bottom: 20px;
  padding: 20px;
}
html #content .contact-prescripteur .picto-adresse {
  float: left;
  height: 25px;
  margin-right: 12px;
  width: 25px;
}
html #content .contact-prescripteur .infos-region {
  display: table-row;
}
html #content .contact-prescripteur .infos-region h4 {
  margin-bottom: 0;
}
html #content .contact-prescripteur .infos-region i {
  display: inline-block;
  margin-bottom: 12px;
}
html #content .contact-prescripteur .infos-region span {
  display: inline-block;
  margin-bottom: 5px;
}
html #content .contact-prescripteur .infos-region span.tel {
  background: url("../images/afpa/compte/tel-centre.svg") no-repeat scroll transparent;
  padding-left: 26px;
}
html #content .contact-prescripteur .infos-region span.fax {
  background: url("../images/afpa/compte/fax-centre.svg") no-repeat scroll transparent;
  padding-left: 26px;
}

.numTelephoneImg {
  max-width: 150px !important;
  max-height: 45px !important;
  position: relative !important;
  top: 0px !important;
}

.numTelephoneLink {
  display: inline-block !important;
  background: none !important;
  padding: 0px !important;
}

.numTelephoneLinkList {
  display: block !important;
  background: none !important;
  padding: 0px !important;
}

/*** Recherche espace prescripteur **/
.zone-recherche-formation-prescripteur {
  margin-bottom: 20px;
}

html .perso-form .zone-recherche-formation-prescripteur form.searchMenu {
  height: auto;
  margin-bottom: 0;
}
html .perso-form .zone-recherche-formation-prescripteur form.searchMenu img {
  height: 26px;
  width: 26px;
}
html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside {
  border-radius: 15px;
  background-color: #F1F1F1;
  min-height: 260px;
  padding: 20px;
}
html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside .form-group {
  margin-bottom: 2px;
  width: 270px;
}
html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside a {
  margin-bottom: 0;
  margin-top: 0;
  width: 270px;
}
html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside a.pink-button-no-transition {
  align-self: flex-start;
  line-height: 15px;
}
html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside a.simple-link, html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside .edito-blocs a, .edito-blocs html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside a, html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside .custom-back.back-neutral a, .custom-back.back-neutral html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside a, html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside .center-locator .search-result a, .center-locator .search-result html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside a,
html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside #centresList .search-result a,
#centresList .search-result html .perso-form .zone-recherche-formation-prescripteur form.searchMenu .inside a {
  margin-top: 10px;
}

html .perso-form .zone-recherche-formation-prescripteur .part {
  min-height: 428px;
  overflow: visible;
}

.zone-recherche-formation-prescripteur .simple-link, .zone-recherche-formation-prescripteur .edito-blocs a, .edito-blocs .zone-recherche-formation-prescripteur a, .zone-recherche-formation-prescripteur .custom-back.back-neutral a, .custom-back.back-neutral .zone-recherche-formation-prescripteur a, .zone-recherche-formation-prescripteur .center-locator .search-result a, .center-locator .search-result .zone-recherche-formation-prescripteur a,
.zone-recherche-formation-prescripteur #centresList .search-result a,
#centresList .search-result .zone-recherche-formation-prescripteur a {
  float: right;
  margin-top: 20px;
  padding-right: 30px;
}

html .perso-form a.simple-link-light, html .perso-form .temoignage .bottom a.white-link, .temoignage .bottom html .perso-form a.white-link, html .perso-form .custom-back.back-identity a, .custom-back.back-identity html .perso-form a, html .perso-form .custom-back.back-tools a, .custom-back.back-tools html .perso-form a, html .perso-form .custom-back.back-action a, .custom-back.back-action html .perso-form a, html .perso-form .center-locator .back-identity.search-result a, .center-locator .back-identity.search-result html .perso-form a,
html .perso-form #centresList .back-identity.search-result a,
#centresList .back-identity.search-result html .perso-form a, html .perso-form .center-locator .back-tools.search-result a, .center-locator .back-tools.search-result html .perso-form a,
html .perso-form #centresList .back-tools.search-result a,
#centresList .back-tools.search-result html .perso-form a, html .perso-form .center-locator .back-action.search-result a, .center-locator .back-action.search-result html .perso-form a,
html .perso-form #centresList .back-action.search-result a,
#centresList .back-action.search-result html .perso-form a {
  font-weight: bold;
}

/***Bloc mes alertes **/
.bloc-mes-alertes .bloc-list-alerte {
  clear: both;
}
.bloc-mes-alertes .bloc-list-alerte strong:hover, .bloc-mes-alertes .bloc-list-alerte strong:focus {
  color: #5A545A;
  font-weight: bold;
}
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution span {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  color: #908E8D;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide,
.bloc-mes-alertes .bloc-list-alerte .no-alerte,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete {
  background-color: #F1F1F1;
  margin-top: 10px;
  padding: 20px;
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide > div:first-of-type,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div:first-of-type,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div:first-of-type,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div:first-of-type {
  width: calc(95% - 130px);
  width: -webkit-calc(95% - 130px);
  width: -moz-calc(95% - 130px);
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide > div:first-of-type p,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div:first-of-type p,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div:first-of-type p,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div:first-of-type p {
  width: 100%;
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide > div:first-of-type a:hover, .bloc-mes-alertes .bloc-list-alerte .alerteValide > div:first-of-type a:focus,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div:first-of-type a:hover,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div:first-of-type a:focus,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div:first-of-type a:hover,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div:first-of-type a:focus,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div:first-of-type a:hover,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div:first-of-type a:focus {
  color: #5A545A;
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide > div:last-of-type,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div:last-of-type,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div:last-of-type,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div:last-of-type {
  width: 130px;
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide > div:last-of-type a,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div:last-of-type a,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div:last-of-type a,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div:last-of-type a {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
  display: block;
  font-weight: bold;
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide > div div,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div div,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div div,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div div {
  clear: both;
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide > div span,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div span,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div span,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div span {
  color: #908E8D;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.bloc-mes-alertes .bloc-list-alerte .alerteValide > div span.no-wrap,
.bloc-mes-alertes .bloc-list-alerte .no-alerte > div span.no-wrap,
.bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div span.no-wrap,
.bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div span.no-wrap {
  white-space: normal;
}

/*** Mes parametres de compte **/
.updtate-identifiant-connexion .formulaire-update label {
  font-family: "raleway-bold";
}
.updtate-identifiant-connexion .formulaire-update .see-password label {
  font-family: "raleway-semibold";
}
.updtate-identifiant-connexion .adresse,
.updtate-identifiant-connexion .part {
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 0 20px;
}
.updtate-identifiant-connexion .adresse.with-padding,
.updtate-identifiant-connexion .part.with-padding {
  padding-top: 10px;
}
.updtate-identifiant-connexion .adresse h2,
.updtate-identifiant-connexion .part h2 {
  padding-top: 15px;
}
.updtate-identifiant-connexion .adresse p,
.updtate-identifiant-connexion .part p {
  margin: 0;
}
.updtate-identifiant-connexion .adresse p.mandatory-field,
.updtate-identifiant-connexion .part p.mandatory-field {
  margin: -12px 0 5px 0;
}
.updtate-identifiant-connexion .adresse .form-group input[type=password],
.updtate-identifiant-connexion .adresse .form-group input[type=text],
.updtate-identifiant-connexion .part .form-group input[type=password],
.updtate-identifiant-connexion .part .form-group input[type=text] {
  width: 100%;
}
.updtate-identifiant-connexion .adresse {
  padding: 8px 20px 0;
}
.updtate-identifiant-connexion form .part {
  padding-bottom: 20px;
}
.updtate-identifiant-connexion .gray-button-commun, .updtate-identifiant-connexion html a.cta-gris, html .updtate-identifiant-connexion a.cta-gris, .updtate-identifiant-connexion #content a.cta-gris, #content .updtate-identifiant-connexion a.cta-gris,
.updtate-identifiant-connexion input[type=submit] {
  cursor: pointer;
  float: left;
  margin: 20px auto;
  width: 49%;
}
.updtate-identifiant-connexion input[type=submit] {
  background-color: #E3007E;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin-left: 2%;
  padding: 15px 20px;
}
.updtate-identifiant-connexion input[type=submit]:hover, .updtate-identifiant-connexion input[type=submit]:focus {
  background-color: #CF004B;
}

.adresse {
  clear: both;
  width: 100%;
}
.adresse .cle-identifiant {
  float: left;
}
.adresse p {
  width: 100%;
}
.adresse p.one-two {
  display: block;
  float: left;
  width: 49%;
}
.adresse p.one-two.first {
  margin-right: 2%;
}
.adresse .title {
  font-family: "raleway-bold";
}

.formulaire-update .password-group {
  clear: both;
}

a.delete-account {
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
  clear: both;
  color: #908E8D;
  cursor: pointer;
  display: block;
  text-decoration: underline;
}
a.delete-account:focus, a.delete-account:hover {
  color: #908E8D;
  font-weight: bold;
  text-decoration: none;
}

/*****************************************
*****Mes candidatures : espace perso *****
*****************************************/
.candidatures-recap .recap-anchor {
  display: block;
  position: relative;
  top: -330px;
  visibility: hidden;
}
.candidatures-recap .no-candidature {
  background-color: white;
  text-align: center;
  padding: 25px 25px;
}
.candidatures-recap .candidature-catalogues {
  display: flex;
  background-color: white;
  padding: 10px;
}
.candidatures-recap .candidature-catalogue {
  border-right: 1px solid #dedede;
  margin-left: 10px;
  float: left;
  width: 32.318%;
}
.candidatures-recap .candidature-catalogue h3.regular {
  line-height: 1.66667;
  font-size: 1.8rem;
  font-weight: normal;
  margin-top: 0;
  text-align: left;
}
.candidatures-recap .candidature-catalogue h3.regular:after {
  content: "";
  display: block;
  height: 1px;
  width: 83px;
  background-color: #dedede;
  margin: 10px 0 0 0;
}
.candidatures-recap .candidature-part {
  background-color: #FFFFFF;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 15px 20px 30px 20px;
}
.candidatures-recap .candidature-part img {
  float: left;
  margin-right: 10px;
}
.candidatures-recap .candidature-part:first-of-type {
  margin: 0;
  padding: 15px 20px 0 20px;
}
.candidatures-recap .candidature-part:nth-of-type(2) {
  padding: 2px 20px 30px 20px;
}
.candidatures-recap .candidature-part:last-of-type {
  margin-bottom: 0;
}
.candidatures-recap .candidature-part div {
  float: left;
}
.candidatures-recap .candidature-part div.first {
  width: 56%;
}
.candidatures-recap .candidature-part div.first h5 {
  color: #00A0E0;
}
.candidatures-recap .candidature-part div.first p {
  margin: 0;
}
.candidatures-recap .candidature-part div.second {
  float: right;
  /* 				width:31%; */
  width: 40%;
}
.candidatures-recap .candidature-part div.second .etiquette-candidature {
  float: right;
  text-align: right;
}
.candidatures-recap .candidature-part div.clear {
  clear: both;
  width: 100%;
}
.candidatures-recap .candidature-part div.clear a.simple-link, .candidatures-recap .candidature-part div.clear .edito-blocs a, .edito-blocs .candidatures-recap .candidature-part div.clear a, .candidatures-recap .candidature-part div.clear .custom-back.back-neutral a, .custom-back.back-neutral .candidatures-recap .candidature-part div.clear a, .candidatures-recap .candidature-part div.clear .center-locator .search-result a, .center-locator .search-result .candidatures-recap .candidature-part div.clear a,
.candidatures-recap .candidature-part div.clear #centresList .search-result a,
#centresList .search-result .candidatures-recap .candidature-part div.clear a {
  float: right;
  margin-top: 18px;
}
.candidatures-recap .candidature-part div.edito-blocs {
  height: auto;
  margin-top: 20px;
  max-width: 100%;
}
.candidatures-recap .candidature-part div.edito-blocs:hover {
  cursor: auto;
}
.candidatures-recap .candidature-part div.edito-blocs .header-news {
  margin: 5px 0 32px;
}
.candidatures-recap .candidature-part div.edito-blocs .header-news .bulle-date {
  border-radius: 18px;
  height: 105px;
}
.candidatures-recap .candidature-part div.edito-blocs .header-news div:last-of-type {
  margin-top: 7px;
}
.candidatures-recap .candidature-part div.edito-blocs img {
  float: left;
}
.candidatures-recap .candidature-part div.edito-blocs a, .candidatures-recap .candidature-part div.edito-blocs a:hover, .candidatures-recap .candidature-part div.edito-blocs a:focus {
  background-image: none;
  color: #5A545A;
  float: left;
  margin: 6px 0 20px 0;
  padding-left: 0px;
}
.candidatures-recap .candidature-part div.edito-blocs p {
  border-top: 1px solid #DEDEDE;
  color: #5A545A;
  margin: 0;
  padding-top: 18px;
  width: 100%;
}
.candidatures-recap .candidature-part div span.tag {
  margin-top: 18px;
}
.candidatures-recap .candidature-part div span.tag:first-of-type {
  margin-right: 10px;
}
.candidatures-recap .candidature-part div p {
  clear: both;
  color: #908E8D;
}
.candidatures-recap .candidature-part div p.legend-paragraphe {
  margin-top: 10px;
  text-align: right;
}

.candidatures-recap .candidature-part .pictoCPRO {
  line-height: 3.3720930233;
  font-size: 8.6px;
  font-size: 0.86rem;
  border-radius: 18px;
  background: #E3007E;
  color: #FFFFFF;
  display: block;
  float: left;
  height: 27px;
  margin: -2px 5px 0 0;
  padding-left: 1px;
  text-transform: uppercase;
  width: 27px;
}

.notifications-recap .notification-part {
  background-color: #FFFFFF;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 15px 20px 30px 20px;
  position: relative;
}
.notifications-recap .notification-part img {
  float: left;
  margin-right: 30px;
  height: 36px;
}
.notifications-recap .notification-part img.button {
  float: right;
  margin-right: 30px;
  height: 36px;
}
.notifications-recap .notification-part div.first {
  width: 56%;
}
.notifications-recap .notification-part div.first h5 {
  color: #00A0E0;
}
.notifications-recap .notification-part div.first p {
  margin: 0;
}
.notifications-recap .notification-part div.second {
  float: right;
  /* 				width:31%; */
  width: 40%;
}
.notifications-recap .notification-part div.second .etiquette-notification {
  float: right;
  text-align: right;
}
.notifications-recap .notification-part div.clear {
  clear: both;
  width: 100%;
}
.notifications-recap .notification-part div.clear a.simple-link, .notifications-recap .notification-part div.clear .edito-blocs a, .edito-blocs .notifications-recap .notification-part div.clear a, .notifications-recap .notification-part div.clear .custom-back.back-neutral a, .custom-back.back-neutral .notifications-recap .notification-part div.clear a, .notifications-recap .notification-part div.clear .center-locator .search-result a, .center-locator .search-result .notifications-recap .notification-part div.clear a,
.notifications-recap .notification-part div.clear #centresList .search-result a,
#centresList .search-result .notifications-recap .notification-part div.clear a {
  float: right;
  margin-top: 18px;
}
.notifications-recap .notification-part div.edito-blocs {
  height: auto;
  margin-top: 20px;
  max-width: 100%;
}
.notifications-recap .notification-part div.edito-blocs:hover {
  cursor: auto;
}
.notifications-recap .notification-part div.edito-blocs .header-news {
  margin: 5px 0 32px;
}
.notifications-recap .notification-part div.edito-blocs .header-news .bulle-date {
  border-radius: 18px;
  height: 105px;
}
.notifications-recap .notification-part div.edito-blocs .header-news div:last-of-type {
  margin-top: 7px;
}
.notifications-recap .notification-part div.edito-blocs a, .notifications-recap .notification-part div.edito-blocs a:hover, .notifications-recap .notification-part div.edito-blocs a:focus {
  background-image: none;
  color: #5A545A;
  margin: 6px 0 20px 0;
  padding-left: 0px;
}
.notifications-recap .notification-part div.edito-blocs p {
  border-top: 1px solid #DEDEDE;
  color: #5A545A;
  margin: 0;
  padding-top: 18px;
  width: 100%;
}
.notifications-recap .notification-part div span.tag {
  margin-top: 18px;
}
.notifications-recap .notification-part div p {
  display: inline-block;
  font-family: "raleway-semibold";
  clear: both;
  color: #000000;
}
.notifications-recap .notification-part div p.legend-paragraphe {
  margin-top: 10px;
  text-align: right;
}

.notifications-recap .notification-part > div::after {
  content: "";
  width: 95%;
  height: 1px;
  background-color: #f1f1f1;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10px;
}

/****Diagramme des candidatures***/
.zone-recap-candidatures-dashboard .candidatures-recap.diagramme .candidature-part {
  min-width: auto !important;
}

.candidatures-recap.diagramme {
  width: 336px;
  position: relative;
}
.candidatures-recap.diagramme .candidature-part {
  height: 100%;
  overflow: visible;
  position: relative;
  padding-top: 30px !important;
  min-width: 1024px;
}
.candidatures-recap.diagramme .recap-title {
  position: absolute;
  background-color: #87bb34;
  color: white;
  padding: 5px 10px 5px 10px;
  top: 15px;
  left: 30px;
  font-family: Gotham book, Arial, sans-serif;
}
.candidatures-recap.diagramme .recap-title-na {
  position: absolute;
  background-color: #5a545a;
  color: white;
  padding: 5px 10px 5px 10px;
  top: -35px;
  right: 0;
  font-family: Gotham book, Arial, sans-serif;
}
.candidatures-recap.diagramme .recap-title-na a {
  color: white;
  font-family: Gotham book, Arial, sans-serif;
  font-size: 1.6rem;
}
.candidatures-recap.diagramme .conteneur-diagramme {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  float: none;
  border: solid 1px #5a545a;
  border-radius: 10px;
  padding: 25px 10px 10px;
  /*** Gestion du positionnement des etiquettes **/
}
.candidatures-recap.diagramme .conteneur-diagramme .recap-titles .arrow-recap .h2 {
  font-family: Gotham black, Arial, sans-serif;
}
.candidatures-recap.diagramme .conteneur-diagramme .recap-titles .arrow-recap .h6 {
  font-family: Gotham bold, Arial, sans-serif;
}
.candidatures-recap.diagramme .conteneur-diagramme .recap-counters {
  background-image: url("../images/afpa/compte/timeline.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.candidatures-recap.diagramme .conteneur-diagramme .recap-counters .arrow-recap {
  font-family: Gotham black, Arial, sans-serif;
}
.candidatures-recap.diagramme .conteneur-diagramme .recap-counters .arrow-recap a {
  font-size: 60px;
  font-weight: bold;
}
.candidatures-recap.diagramme .conteneur-diagramme .recap-links .arrow-recap {
  line-height: 10px;
}
.candidatures-recap.diagramme .conteneur-diagramme .recap-links .arrow-recap a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  font-family: Gotham bold, Arial, sans-serif;
}
.candidatures-recap.diagramme .conteneur-diagramme .centrer {
  float: none;
  margin-right: 0;
  min-width: 196.8px;
  min-height: 71.3333px;
}
.candidatures-recap.diagramme .conteneur-diagramme .arrow-recap {
  width: 16%;
  min-width: 159.8px;
  min-height: 1px;
  position: relative;
  text-align: center;
  line-height: 97px;
  padding-right: 14px;
  font-size: 60px;
  font-weight: bold;
}
.candidatures-recap.diagramme .conteneur-diagramme .arrow-recap .arrow-recap-text {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
}
.candidatures-recap.diagramme .conteneur-diagramme .arrow-recap .arrow-recap-text:hover {
  text-decoration: underline;
}
.candidatures-recap.diagramme .conteneur-diagramme .arrow-recap .arrow-traitement-text {
  padding: 10% 10% 10% 10%;
}
.candidatures-recap.diagramme .conteneur-diagramme .arrow-recap .arrow-invitation-text {
  padding: 10% 10% 10% 10%;
}
.candidatures-recap.diagramme .conteneur-diagramme .arrow-recap .arrow-acceptee-text {
  padding: 5% 10% 5% 10%;
}
.candidatures-recap.diagramme .conteneur-diagramme .arrow-recap .arrow-canceled-text {
  padding: 10% 10% 10% 10%;
}
.candidatures-recap.diagramme .conteneur-diagramme .arrow-recap .arrow-formation-text {
  padding: 15% 10% 15% 10%;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap {
  line-height: 1.2307692308;
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0px;
  padding: 5px;
  position: absolute;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-canceled {
  top: 46px;
  left: -14px;
  max-width: 100px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-canceled:after {
  border-width: 16px 0 0 12px;
  bottom: -11px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-invitation {
  top: 16px;
  right: 0px;
  max-width: 129px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-invitation:after {
  border-width: 22px 5px 0px 5px;
  bottom: -23px;
  left: 22px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-formation {
  top: 238px;
  left: 18px;
  max-width: 135px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-formation:after {
  border-color: transparent transparent #44A33D;
  border-width: 0 6px 21px;
  right: 8%;
  height: 0;
  width: 0;
  top: -22px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-traitement {
  top: -3px;
  left: 67px;
  max-width: 110px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-traitement:after {
  bottom: -21px;
  border-width: 20px 6px 0 7px;
  left: 78px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-courrier-envoi {
  top: 188px;
  left: -14px;
  max-width: 101px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-courrier-envoi:after {
  border-width: 0px 21px 16px 10px;
  border-color: transparent transparent transparent #E3007E;
  right: -27px;
  top: -1px;
  height: 0;
  width: 0;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-acceptee {
  top: 223px;
  right: 0px;
  max-width: 135px;
}
.candidatures-recap.diagramme .conteneur-diagramme .etiquette-recap.etiquette-acceptee:after {
  border-color: transparent transparent #87BB34;
  border-width: 0 8px 30px;
  right: 65%;
  height: 0;
  width: 0;
  top: -31px;
}
.candidatures-recap.diagramme .texte {
  font-family: "raleway-bold";
  margin-top: 20px;
}

/******** Gestion des contrats pros ***/
.edit-tableau,
.gestion-tableau {
  background: #FFFFFF;
  padding: 20px;
  width: 100%;
}
.edit-tableau #errors,
.gestion-tableau #errors {
  margin-bottom: 20px;
}
.edit-tableau p.mandatory-field,
.gestion-tableau p.mandatory-field {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
}
.edit-tableau .title-logo,
.gestion-tableau .title-logo {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  float: left;
  margin-right: 5px;
  text-align: center;
}
.edit-tableau .message-success,
.gestion-tableau .message-success {
  clear: both;
}

.gestion-tableau {
  /*** Alertes d'ajout/suppression/creation**/
}
.gestion-tableau h2 {
  float: left;
}
.gestion-tableau a.create-contrat {
  line-height: 2.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat -26px -186px transparent;
  color: #908E8D;
  display: block;
  float: right;
  padding-left: 18px;
}
.gestion-tableau a.create-contrat:focus, .gestion-tableau a.create-contrat:hover {
  color: #908E8D;
  font-weight: bold;
}
.gestion-tableau .lfr-search-container {
  clear: both;
}
.gestion-tableau .lfr-search-container table {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}
.gestion-tableau .lfr-search-container table thead {
  background: #F1F1F1;
  font-family: "raleway-semibold";
}
.gestion-tableau .lfr-search-container table tbody tr td:last-of-type, .gestion-tableau .lfr-search-container table tbody tr td:nth-child(6) {
  text-align: center;
}
.gestion-tableau .lfr-search-container table tbody tr td:last-of-type a, .gestion-tableau .lfr-search-container table tbody tr td:nth-child(6) a {
  display: block;
  width: 16px;
}
.gestion-tableau .lfr-search-container table tbody tr td a.suppr-contrats img {
  height: 14px;
  width: 13px;
}
.gestion-tableau .alert-success, .gestion-tableau .alert-info {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
}

/*** Modification/edition contrats pros **/
html #wrapper .edit-tableau,
html #wrapper .gestion-tableau,
html #wrapper .gestion-contrats-pros {
  /*** controles de saisie**/
}
html #wrapper .edit-tableau form,
html #wrapper .gestion-tableau form,
html #wrapper .gestion-contrats-pros form {
  clear: both;
  overflow: hidden;
  width: 100%;
}
html #wrapper .edit-tableau form .form-group,
html #wrapper .gestion-tableau form .form-group,
html #wrapper .gestion-contrats-pros form .form-group {
  clear: both;
  min-height: 42px;
  position: relative;
}
html #wrapper .edit-tableau form .form-group p,
html #wrapper .gestion-tableau form .form-group p,
html #wrapper .gestion-contrats-pros form .form-group p {
  float: left;
  margin-left: 20%;
  min-height: 42px;
  padding-top: 8px;
  width: 80%;
}
html #wrapper .edit-tableau form .form-group.zone-editor,
html #wrapper .gestion-tableau form .form-group.zone-editor,
html #wrapper .gestion-contrats-pros form .form-group.zone-editor {
  min-height: 400px;
}
html #wrapper .edit-tableau form .form-group.zone-editor > div,
html #wrapper .gestion-tableau form .form-group.zone-editor > div,
html #wrapper .gestion-contrats-pros form .form-group.zone-editor > div {
  float: left;
  margin: 0 0 10px 20%;
  width: 80%;
}
html #wrapper .edit-tableau form .form-group.date-contrat,
html #wrapper .gestion-tableau form .form-group.date-contrat,
html #wrapper .gestion-contrats-pros form .form-group.date-contrat {
  clear: none;
  display: block;
}
html #wrapper .edit-tableau form .form-group.date-contrat label,
html #wrapper .gestion-tableau form .form-group.date-contrat label,
html #wrapper .gestion-contrats-pros form .form-group.date-contrat label {
  width: 39%;
}
html #wrapper .edit-tableau form .form-group.date-contrat input,
html #wrapper .gestion-tableau form .form-group.date-contrat input,
html #wrapper .gestion-contrats-pros form .form-group.date-contrat input {
  background: url("../images/afpa/sprite-edito.svg") no-repeat 96% -25px #FFFFFF;
  width: 29%;
}
html #wrapper .edit-tableau form .form-group.date-contrat input:hover, html #wrapper .edit-tableau form .form-group.date-contrat input:focus,
html #wrapper .gestion-tableau form .form-group.date-contrat input:hover,
html #wrapper .gestion-tableau form .form-group.date-contrat input:focus,
html #wrapper .gestion-contrats-pros form .form-group.date-contrat input:hover,
html #wrapper .gestion-contrats-pros form .form-group.date-contrat input:focus {
  background: url("../images/afpa/sprite-edito.svg") no-repeat 96% -209px #FFFFFF;
}
html #wrapper .edit-tableau form .form-group label:first-child,
html #wrapper .gestion-tableau form .form-group label:first-child,
html #wrapper .gestion-contrats-pros form .form-group label:first-child {
  margin-right: 2%;
  position: absolute;
  width: 18%;
}
html #wrapper .edit-tableau form .form-group input,
html #wrapper .gestion-tableau form .form-group input,
html #wrapper .gestion-contrats-pros form .form-group input {
  display: block;
  margin-left: 20%;
  width: 80%;
}
html #wrapper .edit-tableau form .form-group.control-group-radio input,
html #wrapper .gestion-tableau form .form-group.control-group-radio input,
html #wrapper .gestion-contrats-pros form .form-group.control-group-radio input {
  width: auto;
  margin-top: 0px;
}
html #wrapper .edit-tableau form .form-group.control-group-radio input:first-child,
html #wrapper .gestion-tableau form .form-group.control-group-radio input:first-child,
html #wrapper .gestion-contrats-pros form .form-group.control-group-radio input:first-child {
  margin-left: 20px;
}
html #wrapper .edit-tableau form .form-group.control-group-radio label:first-child,
html #wrapper .gestion-tableau form .form-group.control-group-radio label:first-child,
html #wrapper .gestion-contrats-pros form .form-group.control-group-radio label:first-child {
  /* display: block;
  width: 18%; */
}
html #wrapper .edit-tableau form .form-group.control-group-radio label:not(:first-child), html #wrapper .edit-tableau form .form-group.control-group-radio input,
html #wrapper .gestion-tableau form .form-group.control-group-radio label:not(:first-child),
html #wrapper .gestion-tableau form .form-group.control-group-radio input,
html #wrapper .gestion-contrats-pros form .form-group.control-group-radio label:not(:first-child),
html #wrapper .gestion-contrats-pros form .form-group.control-group-radio input {
  display: inline-block;
}
html #wrapper .edit-tableau form .form-group.control-group-radio label:not(:first-child),
html #wrapper .gestion-tableau form .form-group.control-group-radio label:not(:first-child),
html #wrapper .gestion-contrats-pros form .form-group.control-group-radio label:not(:first-child) {
  clear: both;
  margin-left: 20px;
}
html #wrapper .edit-tableau form .form-group.control-group-radio.error label:not(:first-child),
html #wrapper .gestion-tableau form .form-group.control-group-radio.error label:not(:first-child),
html #wrapper .gestion-contrats-pros form .form-group.control-group-radio.error label:not(:first-child) {
  color: #fa5555;
}
html #wrapper .edit-tableau form .custom-select select,
html #wrapper .gestion-tableau form .custom-select select,
html #wrapper .gestion-contrats-pros form .custom-select select {
  margin-left: 20%;
  padding: 4px 20px 4px 5px;
  width: 80%;
}
html #wrapper .edit-tableau .buttons-contrats,
html #wrapper .gestion-tableau .buttons-contrats,
html #wrapper .gestion-contrats-pros .buttons-contrats {
  clear: both;
  float: right;
  margin-top: 20px;
  width: 80%;
}
html #wrapper .edit-tableau .buttons-contrats a,
html #wrapper .gestion-tableau .buttons-contrats a,
html #wrapper .gestion-contrats-pros .buttons-contrats a {
  float: left;
  margin-right: 2%;
  width: 32%;
}
html #wrapper .edit-tableau .buttons-contrats a:last-of-type,
html #wrapper .gestion-tableau .buttons-contrats a:last-of-type,
html #wrapper .gestion-contrats-pros .buttons-contrats a:last-of-type {
  margin-right: 0%;
}
html #wrapper .edit-tableau .buttons-contrats.application-buttons a,
html #wrapper .gestion-tableau .buttons-contrats.application-buttons a,
html #wrapper .gestion-contrats-pros .buttons-contrats.application-buttons a {
  width: 49%;
}
html #wrapper .edit-tableau .form-validator-stack,
html #wrapper .gestion-tableau .form-validator-stack,
html #wrapper .gestion-contrats-pros .form-validator-stack {
  margin-left: 20%;
}

html #wrapper .edit-tableau form .form-group.logo-group label {
  float: left;
  position: unset;
  top: auto;
  transform: none;
}
html #wrapper .edit-tableau form .form-group.logo-group input.gray-input {
  background-color: #DEDEDE;
  color: #5A545A;
  display: block;
  float: left;
  font-weight: bold;
  margin: 5px 5px 10px 0;
  padding: 15px 20px;
  width: 250px;
}
html #wrapper .edit-tableau form .form-group.logo-group .logo-img {
  display: block;
  float: left;
  height: 57px;
  margin: 0 0 10px 5px;
}
html #wrapper .edit-tableau form .form-group.logo-group span, html #wrapper .edit-tableau form .form-group.logo-group label {
  line-height: 3.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
}

.gestion-contrats-pros form {
  margin-bottom: 0;
}

.edit-tableau .divDateEvent,
.edit-tableau .divDateRetrait {
  position: relative;
  margin-left: 14%;
  width: 29%;
}
.edit-tableau .divDateEvent a,
.edit-tableau .divDateRetrait a {
  position: absolute;
  top: 0;
  right: 0;
}
.edit-tableau .divDateEvent input,
.edit-tableau .divDateRetrait input {
  margin-left: 14%;
}
.edit-tableau .divDateEvent.error .help-inline,
.edit-tableau .divDateRetrait.error .help-inline {
  color: #fa5555;
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}

.edit-tableau .radio-right .radio-group {
  clear: unset;
  float: left;
  margin-top: 10px;
  width: 40%;
}
.edit-tableau .radio-right .radio-group:first-of-type {
  margin-left: 20%;
}
.edit-tableau .radio-right .radio-group input {
  margin: 0;
}
.edit-tableau .radio-right .radio-group label {
  float: left;
  margin: 10px 0 0 0;
  position: unset;
}

/***Gestion erreurs**/
#wrapper .edit-tableau select.error-field {
  border: 1px solid #fa5555;
}

/****APPLICATIONS ***/
.zone-mes-applications .groupe-applications {
  background-color: #FFFFFF;
  margin-bottom: 10px;
  padding: 15px 20px 10px 20px;
}
.zone-mes-applications .groupe-applications:last-of-type {
  margin-bottom: 20px;
}
.zone-mes-applications .groupe-applications .bloc-application {
  padding-top: 20px;
  padding-bottom: 10px;
  position: relative;
  background-color: #F1F1F1;
  width: 110px;
  height: 110px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 4px;
  text-align: center;
}
.zone-mes-applications .groupe-applications .bloc-application .mobile-indisponibilite {
  opacity: 0.3;
}
.zone-mes-applications .groupe-applications .bloc-application .curseur-indisponibilite {
  cursor: not-allowed;
}
.zone-mes-applications .groupe-applications .bloc-application .curseur-pointer {
  cursor: pointer;
}
.zone-mes-applications .groupe-applications .bloc-application span.info-bulle.warning {
  float: none;
  margin: 0;
  position: absolute;
  right: -3px;
  top: -3px;
}
.zone-mes-applications .groupe-applications .bloc-application h4 {
  text-align: center;
  word-wrap: break-word;
}
.zone-mes-applications .groupe-applications .bloc-application h4 a {
  text-align: center;
  color: inherited;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.zone-mes-applications .groupe-applications .bloc-application h4 a:hover {
  color: #5A545A;
}
.zone-mes-applications .groupe-applications .bloc-application .etiquette-formation {
  float: right;
}
.zone-mes-applications .groupe-applications .bloc-message,
.zone-mes-applications .groupe-applications .bloc-application p {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  color: #908E8D;
}
.zone-mes-applications .groupe-applications .bloc-application strong {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}

html .zone-mes-applications .titre-appli h4 {
  /*   float:left; */
  /*   margin-left:5px; */
  /*   margin-top:5px; */
}

.etiquette-formation.etiquette-orange {
  background-color: #F56538;
  border: 1px solid #F56538;
}
.etiquette-formation.etiquette-orange:after {
  border-color: #F56538 transparent transparent;
}
.etiquette-formation.etiquette-rose {
  background-color: #E3007E;
  border: 1px solid #E3007E;
}
.etiquette-formation.etiquette-rose:after {
  border-color: #E3007E transparent transparent;
}

/****************
****DASHBOARD****/
/****************/
.page-dashboard .bloc-portlet {
  margin-bottom: 10px;
  width: 335px;
}
.page-dashboard .bloc-portlet:nth-of-type(3n+2) {
  margin: 0 10px 10px 10px;
}

html #content .page-dashboard h1 {
  margin: 10px auto 30px auto;
}

/***Details dashboard**/
#content .dashboard-view {
  height: 345px;
  width: 334px;
}
#content .dashboard-view.tools-important-bloc h2 {
  line-height: 1;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 5px;
}
#content .dashboard-view.tools-important-bloc h3 {
  margin-bottom: 5px;
}
#content .dashboard-view.tools-important-bloc h3 span {
  line-height: 0.7586206897;
  font-size: 29px;
  font-size: 2.9rem;
}
#content .dashboard-view.tools-important-bloc h3 sup {
  font-weight: bold;
}
#content .dashboard-view.tools-important-bloc p.legend-progress {
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 5px;
  margin-top: 5px;
}
#content .dashboard-view.tools-important-bloc a {
  text-align: left;
}
#content .dashboard-view.tools-important-bloc a:hover, #content .dashboard-view.tools-important-bloc a:focus {
  border: none;
}
#content .dashboard-view.tools-important-bloc a.pink-button-no-transition {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #E3007E;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  height: 46px;
  text-align: center;
  margin-top: 20px;
}
#content .dashboard-view.tools-important-bloc a.pink-button-no-transition:hover, #content .dashboard-view.tools-important-bloc a.pink-button-no-transition:focus {
  background-color: #CF004B;
  font-family: Arial, sans-serif;
  margin-top: 20px;
  padding: 12px 15px;
}
#content .dashboard-view.small-dashboard {
  height: 212px;
}
#content .dashboard-view.completion-dashboard {
  height: inherit;
  width: inherit;
}
#content .dashboard-view .dashboard-subtitle {
  color: #908E8D;
}
#content .dashboard-view .dashboard-subtitle:after {
  /* Affiche la barre dessous le titre */
  background-color: #DEDEDE;
  margin: 14px 0 0 0px;
}
#content .dashboard-view .partie-recap {
  border-bottom: 1px solid #80d0f0;
  font-family: "raleway-semibold";
  height: 38.2%;
  overflow: hidden;
  width: 100%;
}
#content .dashboard-view .partie-recap .dashboard-profil-info {
  clear: both;
  margin-bottom: 4px;
  overflow: hidden;
}
#content .dashboard-view .partie-recap .dashboard-profil-info div {
  float: left;
  margin-right: 10px;
  text-align: center;
  width: 20px;
}
#content .dashboard-view .partie-recap .dashboard-profil-info p {
  float: left;
  margin-top: 3px;
  margin-bottom: 5px;
}
#content .dashboard-view .partie-completion {
  padding-top: 8px;
}
#content .dashboard-view p.financement-dashboard {
  height: 48%;
}

/***Details dashboard**/
.dashboard-view.notification {
  height: 345px;
  width: 600px;
}
.dashboard-view.notification.tools-important-bloc h2 {
  line-height: 1;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 5px;
}
.dashboard-view.notification.tools-important-bloc h3 {
  margin-bottom: 5px;
}
.dashboard-view.notification.tools-important-bloc h3 span {
  line-height: 0.7586206897;
  font-size: 29px;
  font-size: 2.9rem;
}
.dashboard-view.notification.tools-important-bloc h3 sup {
  font-weight: bold;
}
.dashboard-view.notification.tools-important-bloc p.legend-progress {
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 5px;
  margin-top: 5px;
}
.dashboard-view.notification.tools-important-bloc a {
  text-align: left;
}
.dashboard-view.notification.tools-important-bloc a:hover, .dashboard-view.notification.tools-important-bloc a:focus {
  border: none;
}
.dashboard-view.notification.tools-important-bloc a.pink-button-no-transition {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #E3007E;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  height: 46px;
  text-align: center;
  margin-top: 20px;
}
.dashboard-view.notification.tools-important-bloc a.pink-button-no-transition:hover, .dashboard-view.notification.tools-important-bloc a.pink-button-no-transition:focus {
  background-color: #CF004B;
  font-family: Arial, sans-serif;
  margin-top: 20px;
  padding: 12px 15px;
}
.dashboard-view.notification.small-dashboard {
  height: 212px;
}
.dashboard-view.notification.completion-dashboard {
  height: inherit;
  width: inherit;
}
.dashboard-view.notification .dashboard-subtitle {
  color: #908E8D;
}
.dashboard-view.notification .dashboard-subtitle:after {
  /* Affiche la barre dessous le titre */
  background-color: #DEDEDE;
  margin: 14px 0 0 0px;
}
.dashboard-view.notification .partie-recap {
  border-bottom: 1px solid #80d0f0;
  font-family: "raleway-semibold";
  height: 38.2%;
  overflow: hidden;
  width: 100%;
}
.dashboard-view.notification .partie-recap .dashboard-profil-info {
  clear: both;
  margin-bottom: 4px;
  overflow: hidden;
}
.dashboard-view.notification .partie-recap .dashboard-profil-info div {
  float: left;
  margin-right: 10px;
  text-align: center;
  width: 20px;
}
.dashboard-view.notification .partie-recap .dashboard-profil-info p {
  float: left;
  margin-top: 3px;
  margin-bottom: 5px;
}
.dashboard-view.notification .partie-completion {
  padding-top: 8px;
}
.dashboard-view.notification p.financement-dashboard {
  height: 48%;
}

/***Mon centre de rattachement*/
#content .dashboard-view.back-identity {
  padding: 20px;
}
#content .dashboard-view.back-identity h4 {
  margin-bottom: 0;
  padding-top: 15px;
}
#content .dashboard-view.back-identity img {
  float: left;
  margin-right: 12px;
}
#content .dashboard-view.back-identity img.picto-adresse {
  height: auto;
  width: 25px;
}
#content .dashboard-view.back-identity div {
  margin-bottom: 10px;
}
#content .dashboard-view.back-identity .center-state {
  line-height: 1.25;
  font-size: 16px;
  font-size: 1.6rem;
  clear: both;
  display: block;
  margin-top: 20px;
}
#content .dashboard-view.back-identity p {
  font-family: Arial, sans-serif;
}

/****Prochaine etape***/
#content .dashboard-view.evenement {
  cursor: default;
  padding: 20px;
}
#content .dashboard-view.evenement a.center-link {
  background: none;
  color: #5A545A;
  float: left;
  margin: 20px 0 18px 0;
  padding-left: 10px;
}
#content .dashboard-view.evenement img {
  float: left;
  margin-top: 18px;
}
#content .dashboard-view.evenement p {
  border-top: 1px solid #DEDEDE;
  clear: both;
  padding-top: 20px;
}

/*** Bloc mes financements **/
#content .dashboard-view .inside-dashboard {
  border-radius: 20px;
  background-color: #F1F1F1;
  padding: 20px;
}
#content .dashboard-view .inside-dashboard span.nb-financement {
  line-height: 1;
  font-size: 24px;
  font-size: 2.4rem;
  color: #E3007E;
  display: inline;
  font-family: "raleway-bold";
}
#content .dashboard-view .inside-dashboard a.simple-link, #content .dashboard-view .inside-dashboard .edito-blocs a, .edito-blocs #content .dashboard-view .inside-dashboard a, #content .dashboard-view .inside-dashboard .custom-back.back-neutral a, .custom-back.back-neutral #content .dashboard-view .inside-dashboard a, #content .dashboard-view .inside-dashboard .center-locator .search-result a, .center-locator .search-result #content .dashboard-view .inside-dashboard a,
#content .dashboard-view .inside-dashboard #centresList .search-result a,
#centresList .search-result #content .dashboard-view .inside-dashboard a {
  margin-bottom: 20px;
  margin-top: 0;
}
#content .dashboard-view .inside-dashboard a.reload {
  float: unset;
  font-weight: normal;
}
#content .dashboard-view .inside-dashboard a.reload:hover, #content .dashboard-view .inside-dashboard a.reload:focus {
  font-weight: bold;
}

#content .dashboard-view.student-funding .zone-metier {
  border-radius: 18px;
  background-color: #F1F1F1;
  height: 70%;
  overflow: hidden;
  padding: 20px;
  width: 100%;
}
#content .dashboard-view.student-funding .zone-metier .metier {
  display: table;
  height: 50%;
  width: 100%;
}
#content .dashboard-view.student-funding .zone-metier .metier a:hover {
  color: #E3007E;
  cursor: pointer;
}
#content .dashboard-view.student-funding .zone-metier .metier .percent, #content .dashboard-view.student-funding .zone-metier .metier p {
  display: table-cell;
  vertical-align: middle;
}
#content .dashboard-view.student-funding .zone-metier .metier .percent {
  position: relative;
  width: 71px;
}
#content .dashboard-view.student-funding .zone-metier .metier .percent span {
  line-height: 1;
  font-size: 24px;
  font-size: 2.4rem;
  color: #5A545A;
  font-family: "raleway-bold";
  left: 26%;
  position: absolute;
  top: 35%;
}
#content .dashboard-view.student-funding .zone-metier .metier p {
  font-family: "raleway-semibold";
  padding-bottom: 5px;
}
#content .dashboard-view.student-funding .zone-metier .metier p sup {
  font-family: "raleway-semibold";
  font-weight: bold;
}
#content .dashboard-view.student-funding a.simple-link, #content .dashboard-view.student-funding .edito-blocs a, .edito-blocs #content .dashboard-view.student-funding a, #content .dashboard-view.student-funding .custom-back.back-neutral a, .custom-back.back-neutral #content .dashboard-view.student-funding a, #content .dashboard-view.student-funding .center-locator .search-result a, .center-locator .search-result #content .dashboard-view.student-funding a,
#content .dashboard-view.student-funding #centresList .search-result a,
#centresList .search-result #content .dashboard-view.student-funding a,
#content .dashboard-view.student-funding a.simple-link:hover,
#content .dashboard-view.student-funding a.simple-link:focus {
  margin-top: 0px;
}

/****Bloc mes candidatures***/
#content .dashboard-view.bloc-mes-candidatures .candidature-part {
  height: 345px;
  width: 334px;
}
#content .dashboard-view.bloc-mes-candidatures .candidature-part h2 {
  margin-bottom: 5px;
}
#content .dashboard-view.bloc-mes-candidatures .candidature-part h5 {
  color: #00A0E0;
  margin-top: 5px;
}
#content .dashboard-view.bloc-mes-candidatures .candidature-part .second {
  float: none;
  width: 100%;
}
#content .dashboard-view.bloc-mes-candidatures .candidature-part .second p {
  margin: 0;
}
#content .dashboard-view.bloc-mes-candidatures .candidature-part .formation-recap {
  height: 109px;
  margin-top: 8px;
}
#content .dashboard-view.bloc-mes-candidatures .candidature-part .formation-recap,
#content .dashboard-view.bloc-mes-candidatures .candidature-part .clear div {
  clear: both;
  float: none;
}
#content .dashboard-view.bloc-mes-candidatures .candidature-part .clear {
  margin-bottom: 2px;
}
#content .dashboard-view.bloc-mes-candidatures span.tag {
  margin-bottom: 5px;
  margin-top: 0;
}
#content .dashboard-view.bloc-mes-candidatures p, #content .dashboard-view.bloc-mes-candidatures h4, #content .dashboard-view.bloc-mes-candidatures h5 {
  margin-bottom: 0;
}
#content .dashboard-view.bloc-mes-candidatures .title-formation {
  overflow: hidden;
  max-height: 45px;
  text-overflow: ellipsis;
  width: 100%;
}
#content .dashboard-view.bloc-mes-candidatures a.gray-button-commun, #content .dashboard-view.bloc-mes-candidatures a.cta-gris {
  clear: both;
}

/****Bloc mes alertes ***/
#content .dashboard-view.bloc-mes-alertes {
  background-color: #FFFFFF;
}
#content .dashboard-view.bloc-mes-alertes .alerte-evolution {
  margin-top: 8px;
  padding: 15px;
}
#content .dashboard-view.bloc-mes-alertes .alerte-evolution.little-view a {
  width: 100%;
}
#content .dashboard-view.bloc-mes-alertes .alerte-evolution p {
  line-height: 1.3571428571;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
}
#content .dashboard-view.bloc-mes-alertes .alerte-evolution p strong {
  line-height: 0.9285714286;
  font-size: 14px;
  font-size: 1.4rem;
}
#content .dashboard-view.bloc-mes-alertes .alerte-evolution a:hover, #content .dashboard-view.bloc-mes-alertes .alerte-evolution a:focus {
  color: #5A545A;
  font-weight: bold;
}
#content .dashboard-view.bloc-mes-alertes a.gray-button-commun, #content .dashboard-view.bloc-mes-alertes a.cta-gris {
  margin-bottom: 0px;
}

/***L'actu **/
#content .dashboard-view.actu-centre {
  background-color: #FFFFFF;
  padding: 20px;
}
#content .dashboard-view.actu-centre img {
  float: left;
  margin-right: 10px;
}
#content .dashboard-view.actu-centre hr {
  margin-bottom: 14px;
}
#content .dashboard-view.actu-centre .part {
  height: 60%;
}
#content .dashboard-view.actu-centre .part span {
  color: #E3007E;
}
#content .dashboard-view.actu-centre .part span:focus, #content .dashboard-view.actu-centre .part span:hover {
  color: #CF004B;
  font-weight: bold;
}
#content .dashboard-view.actu-centre .part p {
  height: 100%;
  overflow: hidden;
}
#content .dashboard-view.actu-centre .part p:focus, #content .dashboard-view.actu-centre .part p:hover {
  color: #5A545A;
}

/*** Chiffres cles dashboard prescripteur**/
#content .dashboard-view.chiffres-cles {
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 15px;
}
#content .dashboard-view.chiffres-cles img {
  float: left;
  margin-right: 8px;
}
#content .dashboard-view.chiffres-cles div {
  clear: both;
  min-height: 40px;
  padding: 15px 0 0 45px;
}
#content .dashboard-view.chiffres-cles div p, #content .dashboard-view.chiffres-cles div h4 {
  display: table-cell;
  vertical-align: middle;
}
#content .dashboard-view.chiffres-cles div h4 {
  padding-left: 8px;
}
#content .dashboard-view.chiffres-cles div p {
  line-height: 0.5555555556;
  font-size: 45px;
  font-size: 4.5rem;
  font-family: "raleway-bold";
}
#content .dashboard-view.chiffres-cles div:first-of-type {
  padding-top: 8px;
}
#content .dashboard-view.chiffres-cles div:first-of-type p {
  color: #00A0E0;
}
#content .dashboard-view.chiffres-cles div:nth-of-type(2) p {
  color: #E3007E;
}
#content .dashboard-view.chiffres-cles div:nth-of-type(3) p {
  color: #44A33D;
}
#content .dashboard-view.chiffres-cles div:nth-of-type(4) p {
  color: #F56538;
}
#content .dashboard-view.chiffres-cles div:nth-of-type(5) {
  margin-bottom: 0;
}
#content .dashboard-view.chiffres-cles div:nth-of-type(5) p {
  color: #a464a6;
}
#content .dashboard-view.chiffres-cles div:nth-of-type(6), #content .dashboard-view.chiffres-cles div:nth-of-type(7), #content .dashboard-view.chiffres-cles div:nth-of-type(8) {
  display: none;
}
#content .dashboard-view.chiffres-cles div.taille-quatre p {
  line-height: 0.6666666667;
  font-size: 30px;
  font-size: 3rem;
}

/* Espace presripteur : bloc suivre ses candidats **/
#content .bloc-portlet-candidat {
  width: 100%;
}
#content .bloc-portlet-candidat h1 {
  text-align: center;
}
#content .bloc-portlet-candidat .recherche-candidat-dashboard-portlet {
  background: #FFFFFF;
  min-height: 400px;
  padding: 20px;
}

html .bloc-portlet-candidat .zone-recherche-candidat {
  max-width: 334px;
}
html .bloc-portlet-candidat .zone-recherche-candidat form {
  border-radius: 18px;
  background-color: #F1F1F1;
  height: auto;
  padding: 5px 20px 20px 20px;
}
html .bloc-portlet-candidat .zone-recherche-candidat form a.pink-button-no-transition {
  float: none;
  margin: 0;
  width: 100%;
}
html .bloc-portlet-candidat .zone-recherche-candidat form input {
  width: 100%;
}
html .bloc-portlet-candidat .zone-recherche-candidat form .form-group {
  margin-bottom: 0;
}
html .bloc-portlet-candidat .zone-recherche-candidat form .help-inline {
  margin-bottom: 10px;
  margin-top: 0;
}

html .bloc-portlet-candidat .zone-services {
  background-color: #FFFFFF;
  padding: 20px;
  min-height: 453px;
}
html .bloc-portlet-candidat .zone-services hr {
  margin-bottom: 14px;
}

/* Espace prescripteur Actus**/
.bloc-portlet-actualites {
  width: 100%;
}
.bloc-portlet-actualites .actu-prescripteur {
  margin-top: 30px;
}
.bloc-portlet-actualites .actu-prescripteur h1 {
  margin: 0 auto 20px;
}
.bloc-portlet-actualites .actu-prescripteur .list-actus {
  margin-bottom: 10px;
}
.bloc-portlet-actualites .actu-prescripteur .list-actus > div {
  margin-bottom: 10px;
}
.bloc-portlet-actualites .actu-prescripteur .list-actus > div:nth-of-type(3n+2) {
  margin-left: 10px;
  margin-right: 10px;
}
.bloc-portlet-actualites .actu-prescripteur .pink-button-no-transition {
  display: block;
  margin: 0 auto;
  width: 200px;
}

/*********************************
*********Espace prescripteur******
******resultats recherche********/
.nbformation-prescripteur {
  line-height: 2.5;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #0070CA;
  clear: both;
  color: #FFFFFF;
  display: block;
  font-family: "raleway-semibold";
  height: 46px;
  margin: 0 auto 20px auto;
  max-width: 248px;
  text-align: center;
}

.prescripteur-list .title-programme {
  cursor: pointer;
}
.prescripteur-list .title-programme img {
  margin: 0;
  transition-duration: 0.7s;
}
.prescripteur-list .title-programme.active img {
  transform: rotate(90deg);
  transition-duration: 0.7s;
}

#content .dashboard-view.experiences {
  background-color: #FFFFFF;
  padding: 20px;
}
#content .dashboard-view.experiences h2 {
  margin-bottom: 5px;
  padding-left: 34px;
}
#content .dashboard-view.experiences h2:before {
  line-height: 1.1923076923;
  font-size: 26px;
  font-size: 2.6rem;
  content: "\f018";
  color: #00A0E0;
  font-family: "FontAwesome";
  left: 17px;
  position: absolute;
}
#content .dashboard-view.experiences.formations-pros span.picto {
  display: inline-block;
  float: left;
  margin-bottom: 0;
  width: 35px;
}
#content .dashboard-view.experiences.formations-pros span.picto:before {
  line-height: 1.1923076923;
  font-size: 26px;
  font-size: 2.6rem;
  color: #00A0E0;
  content: "\f018";
  font-family: "FontAwesome";
  position: absolute;
}
#content .dashboard-view.experiences.formations-pros h2 {
  padding-left: 0;
  margin-bottom: 0px;
}
#content .dashboard-view.experiences.formations-pros h2:before {
  content: "";
}
#content .dashboard-view.experiences.formations-pros p.subtitle {
  margin-bottom: 5px;
}
#content .dashboard-view.experiences .subtitle, #content .dashboard-view.experiences span {
  color: #908E8D;
}
#content .dashboard-view.experiences span {
  display: inline-block;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
#content .dashboard-view.experiences span.tag {
  color: #5A545A;
  margin-right: 10px;
  width: auto;
}
#content .dashboard-view.experiences .atouts span.tag {
  clear: both;
  display: block;
}
#content .dashboard-view.experiences a.simple-link, #content .dashboard-view.experiences .edito-blocs a, .edito-blocs #content .dashboard-view.experiences a, #content .dashboard-view.experiences .custom-back.back-neutral a, .custom-back.back-neutral #content .dashboard-view.experiences a, #content .dashboard-view.experiences .center-locator .search-result a, .center-locator .search-result #content .dashboard-view.experiences a,
#content .dashboard-view.experiences #centresList .search-result a,
#centresList .search-result #content .dashboard-view.experiences a {
  margin-top: 0;
}

/** Cas agenda **/
#content .dashboard-view.experiences.agenda-view h2:before {
  content: "\f073";
}
#content .dashboard-view.experiences.agenda-view h4 {
  color: #00A0E0;
  margin-bottom: -3px;
}
#content .dashboard-view.experiences.agenda-view div.inside-dashboard {
  height: 68%;
  margin-bottom: 10px;
  padding: 12px 20px;
}
#content .dashboard-view.experiences.agenda-view div.inside-dashboard span, #content .dashboard-view.experiences.agenda-view div.inside-dashboard strong {
  line-height: 1.2857142857;
  font-size: 14px;
  font-size: 1.4rem;
}
#content .dashboard-view.experiences.agenda-view div.inside-dashboard span:last-of-type {
  margin-bottom: 0;
}

/*** Cas mes formations pros**/
#content .dashboard-view.experiences p.inside {
  height: 68%;
}
#content .dashboard-view.experiences p.inside .inside {
  padding-top: 10px;
}
#content .dashboard-view.experiences p.inside-formations {
  margin-bottom: 0;
  height: 64%;
}
#content .dashboard-view.experiences p.inside-formations span {
  margin-bottom: 2px;
}

/*** Bloc competences **/
#content .dashboard-view.experiences ul {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 15px 0 10px 0;
}
#content .dashboard-view.experiences ul li {
  clear: both;
}
#content .dashboard-view.experiences ul span {
  display: block;
  float: left;
  width: 60%;
  /*white-space: pre-line;*/
}
#content .dashboard-view.experiences div.inside {
  height: 71%;
  overflow: hidden;
  padding: 0 0 0 13px;
}

span.stars {
  width: 40%;
}
span.stars[attr="0"] {
  background: url("../images/afpa/compte/stars-sprite.svg") no-repeat left 0 transparent;
}
span.stars[attr="1"] {
  background: url("../images/afpa/compte/stars-sprite.svg") no-repeat left -32px transparent;
}
span.stars[attr="2"] {
  background: url("../images/afpa/compte/stars-sprite.svg") no-repeat left -62px transparent;
}
span.stars[attr="3"] {
  background: url("../images/afpa/compte/stars-sprite.svg") no-repeat left -90px transparent;
}
span.stars[attr="4"] {
  background: url("../images/afpa/compte/stars-sprite.svg") no-repeat left -120px transparent;
}
span.stars[attr="5"] {
  background: url("../images/afpa/compte/stars-sprite.svg") no-repeat left -153px transparent;
}

/**** Espace prescripteur **/
html .suivre-candidats .zone-candidatures-recap {
  padding: 20px;
}
html .suivre-candidats .zone-candidatures-recap .candidatures-recap .candidature-part .conteneur-diagramme {
  float: none;
  margin: 40px auto auto;
}
html .suivre-candidats .zone-recherche-candidat {
  max-width: 372px;
  padding-top: 20px;
}
html .suivre-candidats .zone-recherche-candidat .part {
  background-color: #F1F1F1;
  border-radius: 18px;
  margin: 0 20px 20px;
  padding: 5px 20px 0;
}
html .suivre-candidats .zone-recherche-candidat .part form.searchMenu {
  padding: 0;
}
html .suivre-candidats .zone-recherche-candidat .part form.searchMenu .form-group {
  margin-bottom: 0;
}
html .suivre-candidats .zone-recherche-candidat a.pink-button-no-transition {
  margin-top: 0;
  width: 100%;
}
html .suivre-candidats .message-info {
  padding: 10px;
  font-family: "raleway-semibold";
}

.suivre-candidats {
  background-color: #FFFFFF;
}

html .liste-candidats {
  clear: both;
  margin-top: 15px;
  padding-bottom: 1px; /***Gere la fusion des marges pour le message d'erreur**/
}
html .liste-candidats table.table thead th {
  vertical-align: middle;
  width: 11%;
}
html .liste-candidats table.table-bordered {
  border: none;
}
html .liste-candidats table.table-bordered th, html .liste-candidats table.table-bordered td {
  border: none;
}
html .liste-candidats table.table-striped tbody td {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: none;
  height: 68px;
  vertical-align: middle;
}
html .liste-candidats table.table-striped tbody td a {
  text-decoration: underline;
}
html .liste-candidats table.table-striped tbody td a:hover, html .liste-candidats table.table-striped tbody td a:focus {
  color: #5A545A;
}
html .liste-candidats table th, html .liste-candidats table td {
  text-align: center;
}
html .liste-candidats table th.table-first-header {
  border-left: none;
}
html .liste-candidats table th a:hover,
html .liste-candidats table th a:focus {
  color: #5A545A;
}
html .liste-candidats table td .etiquette-formation:after,
html .liste-candidats table td .etiquette-courrier-envoi:after,
html .liste-candidats table td .etiquette-canceled:after,
html .liste-candidats table td .etiquette-invitation:after,
html .liste-candidats table td .etiquette-traitement:after,
html .liste-candidats table td .etiquette-acceptee:after {
  content: none;
}
html .liste-candidats table .taglib-search-iterator-page-iterator-bottom {
  padding: 0 15px 10px 15px;
}

/*** Page suivre mes candidats **/
.profile-top .liens-candidats {
  width: 100%;
}
.profile-top .liens-candidats p {
  width: 100%;
}
.profile-top .liens-candidats .liens {
  border-top: 1px solid #DEDEDE;
  margin: 0;
  padding: 20px 0 0 0;
}
.profile-top .liens-candidats .liens a.pdf-link {
  background: url("../images/afpa/compte/pdf-off.svg") no-repeat -204px 9px #DEDEDE;
  color: #5A545A;
  display: inline-block;
  padding: 12px 10px 12px 40px;
}
.profile-top .liens-candidats .liens a.pdf-link:hover, .profile-top .liens-candidats .liens a.pdf-link:focus {
  background: url("../images/afpa/compte/pdf-on.svg") no-repeat -204px -22px #DEDEDE;
}
.profile-top .liens-candidats .liens a.pdf-link.carte-visite {
  margin-right: 10px;
}
.profile-top .liens-candidats .liens a.magellan-profile {
  line-height: 0.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  float: right;
  margin-top: 11px;
  max-width: 51%;
  text-align: right;
}
.profile-top .liens-candidats .liens a.magellan-profile img {
  float: none;
  height: 26px;
  width: 22px;
}
.profile-top .liens-candidats .liens a:hover, .profile-top .liens-candidats .liens a:focus {
  color: #5A545A;
}

/*** Profil emploi du candidat, espace perso prescripteur **/
.part.onglets-candidats {
  padding: 0 0 20px 0;
  margin-top: 20px;
}
.part.onglets-candidats + .part {
  margin-top: 0;
}

ul.onglets-profil-candidat {
  margin: 0;
  width: 100%;
}
ul.onglets-profil-candidat li {
  background-color: #DEDEDE;
  color: #5A545A;
  list-style-type: none;
  font-weight: bold;
  text-align: center;
}
ul.onglets-profil-candidat li a {
  line-height: 1.25;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  padding: 15px;
}
ul.onglets-profil-candidat li a:hover, ul.onglets-profil-candidat li a:focus {
  line-height: 1.25;
  font-size: 16px;
  font-size: 1.6rem;
  color: #5A545A;
}
ul.onglets-profil-candidat li.current {
  background-color: #00A0E0;
}
ul.onglets-profil-candidat li.current a {
  color: #FFFFFF;
}

.part.coordonnees-candidat,
.part.candidats-for-prescripteur {
  margin-top: 0;
  padding: 0 20px 20px 15px;
}

.candidats-for-prescripteur .bloc-title {
  margin-bottom: 20px;
}
.candidats-for-prescripteur .bloc-title a.cross-more-pink-hover {
  border-bottom: 1px solid #DEDEDE;
  display: block;
  margin-top: 5px;
}
.candidats-for-prescripteur .bloc-title a.cross-more-pink-hover h2 {
  display: inline-block;
  margin-bottom: 5px;
}
.candidats-for-prescripteur .bloc-title a.cross-more-pink-hover img {
  display: inline-block;
  width: 26px;
  margin: 5px 12px 0 0;
}
.candidats-for-prescripteur .bloc-title a.cross-more-pink-hover img.time, .candidats-for-prescripteur .bloc-title a.cross-more-pink-hover img.favoris {
  margin: 0px 12px 0 0;
}
.candidats-for-prescripteur .bloc-title a.cross-more-pink-hover img.more {
  margin: 2px 12px 0 0;
}
.candidats-for-prescripteur .bloc-title a.cross-more-pink-hover img.fleche {
  float: right;
  margin: 15px 0 0 0;
  width: 15px;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}
.candidats-for-prescripteur .bloc-title a.cross-more-pink-hover img.CV {
  margin: 0px 12px 0 0;
  width: 20px;
}
.candidats-for-prescripteur .bloc-title a.cross-more-pink-hover:hover, .candidats-for-prescripteur .bloc-title a.cross-more-pink-hover:focus {
  color: #5A545A;
}
.candidats-for-prescripteur .bloc-title:last-of-type {
  margin-bottom: 0px;
}
.candidats-for-prescripteur .bloc-title a.collapsed img.fleche {
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}
.candidats-for-prescripteur .expandablezone {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "raleway-regular";
  padding: 20px 0 2px 20px;
}
.candidats-for-prescripteur .expandablezone div.liste {
  margin-bottom: 10px;
}
.candidats-for-prescripteur .expandablezone div.liste:last-of-type {
  margin-bottom: 0px;
}
.candidats-for-prescripteur .expandablezone h4 {
  color: #00A0E0;
  float: left;
  font-family: "raleway-bold";
  margin: 0;
}
.candidats-for-prescripteur .expandablezone ul {
  margin: 0 0 0 18px;
  width: 100%;
}
.candidats-for-prescripteur .expandablezone ul li {
  line-height: 1.25;
  font-size: 16px;
  font-size: 1.6rem;
  clear: both;
  margin-bottom: 10px;
}
.candidats-for-prescripteur .expandablezone ul li span.stars {
  float: right;
  width: 20%;
}
.candidats-for-prescripteur .expandablezone ul li span.libelle {
  float: left;
  max-width: 80%;
  width: 80%;
}

#content .candidats-for-prescripteur h2 {
  margin-bottom: 5px;
}

.candidats-for-prescripteur .expandablezone.formations h4 {
  float: none;
}
.candidats-for-prescripteur .expandablezone.formations.formations-liste h4 {
  float: left;
}

.candidats-for-prescripteur .loaderAjax img {
  float: none;
}

/**Actualites du candidat **/
.candidats-for-prescripteur .expandablezone.suivi-emploi {
  padding: 10px 0 0 0;
}

.candidats-for-prescripteur .inside-candid {
  border-radius: 18px;
  background-color: #F1F1F1;
  margin-bottom: 10px;
  padding: 20px;
}
.candidats-for-prescripteur .inside-candid:last-of-type {
  margin-bottom: 10px;
}

.candidats-for-prescripteur .expandablezone.criteres h4 {
  clear: both;
  float: none;
  padding-top: 10px;
  width: 100%;
}
.candidats-for-prescripteur .expandablezone.criteres h4:first-of-type {
  padding-top: 0px;
}
.candidats-for-prescripteur .expandablezone.criteres a {
  line-height: 1.5833333333;
  font-size: 12px;
  font-size: 1.2rem;
  clear: both;
  display: block;
  font-style: italic;
  padding-top: 10px;
  text-decoration: underline;
}
.candidats-for-prescripteur .expandablezone.criteres a:hover, .candidats-for-prescripteur .expandablezone.criteres a:focus {
  color: #5A545A;
  text-decoration: none;
}

.candidats-for-prescripteur .formation-part {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
.candidats-for-prescripteur .formation-part .first {
  float: left;
  width: 72%;
}
.candidats-for-prescripteur .formation-part .second {
  padding-right: 20px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 20px;
  width: 28%;
}
.candidats-for-prescripteur .formation-part h5 {
  clear: both;
  margin-bottom: 0;
  margin-top: 0;
}
.candidats-for-prescripteur .formation-part span.category-formation {
  line-height: 1.125;
  font-size: 16px;
  font-size: 1.6rem;
  color: #00A0E0;
  display: block;
  font-family: "raleway-semibold";
  width: 100%;
}
.candidats-for-prescripteur .formation-part span.lieu {
  color: #908E8D;
  display: block;
}
.candidats-for-prescripteur .formation-part span.date, .candidats-for-prescripteur .formation-part span.lieu {
  line-height: 1.5833333333;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
}
.candidats-for-prescripteur .formation-part span.date {
  color: #5A545A;
}
.candidats-for-prescripteur .formation-part .clear {
  clear: both;
}
.candidats-for-prescripteur .formation-part .clear span.tag {
  margin: 0 5px 0 0px;
}

.candidats-for-prescripteur span.emploi-libelle {
  color: #00A0E0;
  font-family: "raleway-semibold";
}

/***Profil competence du candidat - espace prescripteur **/
.competence-candidat.candidats-for-prescripteur h3 span {
  color: #00A0E0;
  font-family: "raleway-semibold";
}
.competence-candidat.candidats-for-prescripteur h3.regular.colored:after {
  /* Affiche la barre dessous le titre */
  background-color: #F1F1F1;
  margin: 20px 0 0 1px;
}

#wrapper .candidats-for-prescripteur .part.evolution {
  padding: 10px 0 0;
}
#wrapper .candidats-for-prescripteur .part.evolution .wrapper_bu {
  left: 36px;
}

#wrapper .candidats-for-prescripteur .buttons.buttonRight {
  right: 0;
}

/********** PRESCRIPTEUR PUBLIC ***/
.dashboard-view.prescripteur-public {
  background-color: #FFFFFF;
  padding: 20px;
}
.dashboard-view.prescripteur-public h3:after {
  background-color: #DEDEDE;
  margin: 14px 0 0 0px;
}

/** Layout des blocs edito**/
/*** Actualité / idées métiers **/
.recherche-actualite-portlet {
  height: 180px;
}

#search-idees-metiers,
.recherche-evenement {
  height: 115px;
}

.recherche-actualite-portlet form,
.generic-search form,
.recherche-evenement form,
#search-idees-metiers form {
  overflow: hidden;
  width: 100%;
}
.recherche-actualite-portlet form h2,
.generic-search form h2,
.recherche-evenement form h2,
#search-idees-metiers form h2 {
  float: left;
  width: 50%;
}
.recherche-actualite-portlet form .suppr-button,
.generic-search form .suppr-button,
.recherche-evenement form .suppr-button,
#search-idees-metiers form .suppr-button {
  float: left;
  width: 50%;
}
.recherche-actualite-portlet form .suppr-button a,
.generic-search form .suppr-button a,
.recherche-evenement form .suppr-button a,
#search-idees-metiers form .suppr-button a {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  background: url("../images/afpa/sprite-edito.svg") no-repeat 87px -2px transparent;
  background-size: 38px auto;
  display: block;
  float: right;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin-top: 9px;
  padding-right: 26px;
  width: 115px;
}
.recherche-actualite-portlet form .suppr-button a:hover,
.generic-search form .suppr-button a:hover,
.recherche-evenement form .suppr-button a:hover,
#search-idees-metiers form .suppr-button a:hover {
  color: #5A545A;
}
.recherche-actualite-portlet form #news-search,
.recherche-actualite-portlet form .event-search,
.recherche-actualite-portlet form .generic-search-divs,
.recherche-actualite-portlet form .metiers-search,
.generic-search form #news-search,
.generic-search form .event-search,
.generic-search form .generic-search-divs,
.generic-search form .metiers-search,
.recherche-evenement form #news-search,
.recherche-evenement form .event-search,
.recherche-evenement form .generic-search-divs,
.recherche-evenement form .metiers-search,
#search-idees-metiers form #news-search,
#search-idees-metiers form .event-search,
#search-idees-metiers form .generic-search-divs,
#search-idees-metiers form .metiers-search {
  clear: both;
}
.recherche-actualite-portlet form #news-search .form-group,
.recherche-actualite-portlet form .event-search .form-group,
.recherche-actualite-portlet form .generic-search-divs .form-group,
.recherche-actualite-portlet form .metiers-search .form-group,
.generic-search form #news-search .form-group,
.generic-search form .event-search .form-group,
.generic-search form .generic-search-divs .form-group,
.generic-search form .metiers-search .form-group,
.recherche-evenement form #news-search .form-group,
.recherche-evenement form .event-search .form-group,
.recherche-evenement form .generic-search-divs .form-group,
.recherche-evenement form .metiers-search .form-group,
#search-idees-metiers form #news-search .form-group,
#search-idees-metiers form .event-search .form-group,
#search-idees-metiers form .generic-search-divs .form-group,
#search-idees-metiers form .metiers-search .form-group {
  margin-bottom: 0;
}
.recherche-actualite-portlet form #news-search input:focus,
.recherche-actualite-portlet form .generic-search-divs input:focus,
.recherche-actualite-portlet form .event-search input:focus,
.generic-search form #news-search input:focus,
.generic-search form .generic-search-divs input:focus,
.generic-search form .event-search input:focus,
.recherche-evenement form #news-search input:focus,
.recherche-evenement form .generic-search-divs input:focus,
.recherche-evenement form .event-search input:focus,
#search-idees-metiers form #news-search input:focus,
#search-idees-metiers form .generic-search-divs input:focus,
#search-idees-metiers form .event-search input:focus {
  background: url("../images/afpa/sprite-edito.svg") no-repeat 96% -194px/35px auto white;
  box-shadow: none;
  color: #E3007E;
  font-weight: bold;
  opacity: 1;
}
.recherche-actualite-portlet form #news-search input:focus::-webkit-input-placeholder,
.recherche-actualite-portlet form .generic-search-divs input:focus::-webkit-input-placeholder,
.recherche-actualite-portlet form .event-search input:focus::-webkit-input-placeholder,
.generic-search form #news-search input:focus::-webkit-input-placeholder,
.generic-search form .generic-search-divs input:focus::-webkit-input-placeholder,
.generic-search form .event-search input:focus::-webkit-input-placeholder,
.recherche-evenement form #news-search input:focus::-webkit-input-placeholder,
.recherche-evenement form .generic-search-divs input:focus::-webkit-input-placeholder,
.recherche-evenement form .event-search input:focus::-webkit-input-placeholder,
#search-idees-metiers form #news-search input:focus::-webkit-input-placeholder,
#search-idees-metiers form .generic-search-divs input:focus::-webkit-input-placeholder,
#search-idees-metiers form .event-search input:focus::-webkit-input-placeholder { /* Sur Chrome*/
  color: #E3007E;
}
.recherche-actualite-portlet form #news-search input:focus::-ms-clear,
.recherche-actualite-portlet form .generic-search-divs input:focus::-ms-clear,
.recherche-actualite-portlet form .event-search input:focus::-ms-clear,
.generic-search form #news-search input:focus::-ms-clear,
.generic-search form .generic-search-divs input:focus::-ms-clear,
.generic-search form .event-search input:focus::-ms-clear,
.recherche-evenement form #news-search input:focus::-ms-clear,
.recherche-evenement form .generic-search-divs input:focus::-ms-clear,
.recherche-evenement form .event-search input:focus::-ms-clear,
#search-idees-metiers form #news-search input:focus::-ms-clear,
#search-idees-metiers form .generic-search-divs input:focus::-ms-clear,
#search-idees-metiers form .event-search input:focus::-ms-clear {
  display: none;
}
.recherche-actualite-portlet form #news-search .loupe-bloc,
.recherche-actualite-portlet form .generic-search-divs .loupe-bloc,
.recherche-actualite-portlet form .event-search .loupe-bloc,
.generic-search form #news-search .loupe-bloc,
.generic-search form .generic-search-divs .loupe-bloc,
.generic-search form .event-search .loupe-bloc,
.recherche-evenement form #news-search .loupe-bloc,
.recherche-evenement form .generic-search-divs .loupe-bloc,
.recherche-evenement form .event-search .loupe-bloc,
#search-idees-metiers form #news-search .loupe-bloc,
#search-idees-metiers form .generic-search-divs .loupe-bloc,
#search-idees-metiers form .event-search .loupe-bloc { /***Search actu espace prescripteur**/
  position: relative;
}
.recherche-actualite-portlet form #news-search .loupe-bloc .input-text-wrapper,
.recherche-actualite-portlet form .generic-search-divs .loupe-bloc .input-text-wrapper,
.recherche-actualite-portlet form .event-search .loupe-bloc .input-text-wrapper,
.generic-search form #news-search .loupe-bloc .input-text-wrapper,
.generic-search form .generic-search-divs .loupe-bloc .input-text-wrapper,
.generic-search form .event-search .loupe-bloc .input-text-wrapper,
.recherche-evenement form #news-search .loupe-bloc .input-text-wrapper,
.recherche-evenement form .generic-search-divs .loupe-bloc .input-text-wrapper,
.recherche-evenement form .event-search .loupe-bloc .input-text-wrapper,
#search-idees-metiers form #news-search .loupe-bloc .input-text-wrapper,
#search-idees-metiers form .generic-search-divs .loupe-bloc .input-text-wrapper,
#search-idees-metiers form .event-search .loupe-bloc .input-text-wrapper {
  width: 100%;
}
.recherche-actualite-portlet form #news-search .loupe-bloc .input-text-wrapper input,
.recherche-actualite-portlet form .generic-search-divs .loupe-bloc .input-text-wrapper input,
.recherche-actualite-portlet form .event-search .loupe-bloc .input-text-wrapper input,
.generic-search form #news-search .loupe-bloc .input-text-wrapper input,
.generic-search form .generic-search-divs .loupe-bloc .input-text-wrapper input,
.generic-search form .event-search .loupe-bloc .input-text-wrapper input,
.recherche-evenement form #news-search .loupe-bloc .input-text-wrapper input,
.recherche-evenement form .generic-search-divs .loupe-bloc .input-text-wrapper input,
.recherche-evenement form .event-search .loupe-bloc .input-text-wrapper input,
#search-idees-metiers form #news-search .loupe-bloc .input-text-wrapper input,
#search-idees-metiers form .generic-search-divs .loupe-bloc .input-text-wrapper input,
#search-idees-metiers form .event-search .loupe-bloc .input-text-wrapper input {
  background: #FFFFFF;
  color: #5A545A;
  font-weight: normal;
  width: 100%;
}
.recherche-actualite-portlet form #news-search .loupe-bloc a,
.recherche-actualite-portlet form .generic-search-divs .loupe-bloc a,
.recherche-actualite-portlet form .event-search .loupe-bloc a,
.generic-search form #news-search .loupe-bloc a,
.generic-search form .generic-search-divs .loupe-bloc a,
.generic-search form .event-search .loupe-bloc a,
.recherche-evenement form #news-search .loupe-bloc a,
.recherche-evenement form .generic-search-divs .loupe-bloc a,
.recherche-evenement form .event-search .loupe-bloc a,
#search-idees-metiers form #news-search .loupe-bloc a,
#search-idees-metiers form .generic-search-divs .loupe-bloc a,
#search-idees-metiers form .event-search .loupe-bloc a {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
}
.recherche-actualite-portlet form #news-search .city-bloc,
.recherche-actualite-portlet form .generic-search-divs .city-bloc,
.recherche-actualite-portlet form .event-search .city-bloc,
.generic-search form #news-search .city-bloc,
.generic-search form .generic-search-divs .city-bloc,
.generic-search form .event-search .city-bloc,
.recherche-evenement form #news-search .city-bloc,
.recherche-evenement form .generic-search-divs .city-bloc,
.recherche-evenement form .event-search .city-bloc,
#search-idees-metiers form #news-search .city-bloc,
#search-idees-metiers form .generic-search-divs .city-bloc,
#search-idees-metiers form .event-search .city-bloc {
  position: relative;
}
.recherche-actualite-portlet form #news-search .city-bloc input.event-city,
.recherche-actualite-portlet form .generic-search-divs .city-bloc input.event-city,
.recherche-actualite-portlet form .event-search .city-bloc input.event-city,
.generic-search form #news-search .city-bloc input.event-city,
.generic-search form .generic-search-divs .city-bloc input.event-city,
.generic-search form .event-search .city-bloc input.event-city,
.recherche-evenement form #news-search .city-bloc input.event-city,
.recherche-evenement form .generic-search-divs .city-bloc input.event-city,
.recherche-evenement form .event-search .city-bloc input.event-city,
#search-idees-metiers form #news-search .city-bloc input.event-city,
#search-idees-metiers form .generic-search-divs .city-bloc input.event-city,
#search-idees-metiers form .event-search .city-bloc input.event-city {
  background: #FFFFFF;
  width: 100%;
}
.recherche-actualite-portlet form #news-search .city-bloc input.event-city:focus,
.recherche-actualite-portlet form #news-search .city-bloc input.event-city:hover,
.recherche-actualite-portlet form .generic-search-divs .city-bloc input.event-city:focus,
.recherche-actualite-portlet form .generic-search-divs .city-bloc input.event-city:hover,
.recherche-actualite-portlet form .event-search .city-bloc input.event-city:focus,
.recherche-actualite-portlet form .event-search .city-bloc input.event-city:hover,
.generic-search form #news-search .city-bloc input.event-city:focus,
.generic-search form #news-search .city-bloc input.event-city:hover,
.generic-search form .generic-search-divs .city-bloc input.event-city:focus,
.generic-search form .generic-search-divs .city-bloc input.event-city:hover,
.generic-search form .event-search .city-bloc input.event-city:focus,
.generic-search form .event-search .city-bloc input.event-city:hover,
.recherche-evenement form #news-search .city-bloc input.event-city:focus,
.recherche-evenement form #news-search .city-bloc input.event-city:hover,
.recherche-evenement form .generic-search-divs .city-bloc input.event-city:focus,
.recherche-evenement form .generic-search-divs .city-bloc input.event-city:hover,
.recherche-evenement form .event-search .city-bloc input.event-city:focus,
.recherche-evenement form .event-search .city-bloc input.event-city:hover,
#search-idees-metiers form #news-search .city-bloc input.event-city:focus,
#search-idees-metiers form #news-search .city-bloc input.event-city:hover,
#search-idees-metiers form .generic-search-divs .city-bloc input.event-city:focus,
#search-idees-metiers form .generic-search-divs .city-bloc input.event-city:hover,
#search-idees-metiers form .event-search .city-bloc input.event-city:focus,
#search-idees-metiers form .event-search .city-bloc input.event-city:hover {
  background: #FFFFFF;
  color: #5A545A;
  font-weight: normal;
}
.recherche-actualite-portlet form #news-search .city-bloc a,
.recherche-actualite-portlet form .generic-search-divs .city-bloc a,
.recherche-actualite-portlet form .event-search .city-bloc a,
.generic-search form #news-search .city-bloc a,
.generic-search form .generic-search-divs .city-bloc a,
.generic-search form .event-search .city-bloc a,
.recherche-evenement form #news-search .city-bloc a,
.recherche-evenement form .generic-search-divs .city-bloc a,
.recherche-evenement form .event-search .city-bloc a,
#search-idees-metiers form #news-search .city-bloc a,
#search-idees-metiers form .generic-search-divs .city-bloc a,
#search-idees-metiers form .event-search .city-bloc a {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
}

html #wrapper input.date-input[type=text]:focus, html #wrapper input.date-input[type=text]:hover {
  color: #E3007E;
}

/** Mosaique des actualités **/
#resultList {
  margin: 0px auto 50px auto;
  overflow: hidden;
  width: 100%;
}
#resultList > div,
#resultList .idee-metier-resume {
  float: none; /** TODO :enlever cette propriété +  enlever les float a terme sur les blocs edito**/
  margin: 10px 10px 0 0;
}
#resultList > div:nth-child(3n+3),
#resultList .idee-metier-resume:nth-child(3n+3) {
  margin-right: 0;
}
#resultList.asset-deux-agenda {
  margin: 0px auto 20px auto;
  overflow: visible;
}
#resultList.asset-deux-agenda > div {
  margin: 0 0 10px 0;
}
#resultList.asset-deux-agenda > div:nth-of-type(2) {
  margin: 0 10px 10px 10px;
}

/*** Espace presse*/
#resultList.espace-presse > div {
  margin: 0 0 10px 0;
  width: 100%;
}

/*** Home page edito **/
/*** a la une ***/
.bloc-grand-format {
  margin-top: 8px;
  width: 678px;
}
.bloc-grand-format h1 {
  float: right;
  position: relative;
  right: 90px;
  transform: translate(-20%, -50%);
}
.bloc-grand-format .asset-une-actu {
  overflow: hidden;
  width: 100%;
}

.bloc-a-la-une {
  margin: 0px 0 0px 0;
  height: auto;
  overflow: visible;
}
.bloc-a-la-une.without-overflow {
  margin: 10px 0 30px 0;
  overflow: hidden;
}
.bloc-a-la-une #resultlist {
  margin: 0 auto 20px auto;
}
.bloc-a-la-une .asset-trois-actu {
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: -10px;
}
.bloc-a-la-une .asset-trois-actu > div {
  margin-bottom: 10px;
  width: 334px;
}
.bloc-a-la-une .asset-trois-actu > div:nth-child(2) {
  margin: 0 10px 10px 10px;
}

.edito-global {
  margin: 25px 0 10px 0;
  overflow: hidden;
}
.edito-global .three-edito .une-metier {
  margin-bottom: 10px;
  overflow: hidden;
  width: 334px;
}
.edito-global .three-edito .une-metier:nth-of-type(2) {
  margin: 0 10px 10px 10px;
}

.moreResults {
  clear: both;
  display: block;
  margin: 0 auto 40px auto;
  text-align: center;
  max-width: 334px;
}
/*** Blocs **/
.asset-calendrier {
  float: left;
  width: 334px;
  position: relative;
  z-index: 1;
}

.edito-blocs,
.temoignage {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "raleway-regular";
  height: 345px;
  width: 334px;
  position: relative;
  overflow: hidden;
}
.edito-blocs:hover,
.temoignage:hover {
  cursor: pointer;
}

.info-centre {
  background-color: #FFFFFF;
  margin-left: 35px;
  padding: 20px;
  overflow: hidden;
  height: 345px;
  width: 334px;
}
.info-centre h2 {
  margin-top: 10px;
}
.info-centre h2:after {
  background-color: #FFFFFF;
  margin: 25px 0 0 0;
}
.info-centre p {
  color: #5a545a;
  margin: 0 0 30px 0;
  margin-top: calc(50% - 60px);
  transform: translateY(-50%);
}

.edito-blocs.contrat-pro .content-contrat-small {
  padding: 20px;
  position: absolute;
}
.edito-blocs.contrat-pro .content-contrat-small .category-formation {
  color: #00A0E0;
  display: block;
  font-family: "raleway-semibold";
  margin-bottom: 10px;
}
.edito-blocs.contrat-pro .content-contrat-small .date-publication-contrat {
  color: #908E8D;
}
.edito-blocs.contrat-pro .content-contrat-small .tag-div {
  overflow: hidden;
  width: 100%;
}
.edito-blocs.decryptage.ouverture-clic.large .resume {
  text-align: start;
}

.edito-link-title {
  all: inherit !important;
}

.edito-blocs {
  background-color: #FFFFFF;
  float: left;
}
.edito-blocs.twitter {
  margin-top: 100px;
  right: 15px;
  padding: 10px 20px 20px 20px;
}
.edito-blocs.twitter img {
  float: left;
  height: 26px;
  width: 32px;
}
.edito-blocs.twitter h3:after {
  margin: 8px 0 0 -35px;
}
.edito-blocs.twitter .tweet {
  height: 198px;
  overflow: hidden;
  padding-top: 10px;
}
.edito-blocs.twitter .tweet span.twitter-name {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.edito-blocs.twitter .tweet p {
  margin-bottom: 24px;
}
.edito-blocs.twitter .tweet p:last-of-type {
  margin-bottom: 0px;
}
.edito-blocs img.picto {
  background-color: #FFFFFF;
  height: 43px;
  top: 0;
  width: 43px;
}
.edito-blocs .small-content {
  height: 230px;
}
.edito-blocs .small-content h3 {
  position: relative;
}
.edito-blocs .small-content span {
  display: block;
  font-family: "raleway-semibold";
}
.edito-blocs .etiquette-formation,
.edito-blocs img.picto {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}
.edito-blocs:hover {
  cursor: pointer;
}
.edito-blocs.with-margin {
  padding: 20px;
  width: 334px;
}
.edito-blocs .title-div {
  height: 40px;
  margin-bottom: 40px;
}
.edito-blocs p.strong {
  height: 175px;
  font-family: "raleway-bold";
  margin: 0;
  text-align: left;
}
.edito-blocs p.strong span.chiffres {
  line-height: 1;
  font-size: 70px;
  font-size: 7rem;
  color: #E3007E;
  display: block;
  margin-bottom: 6px;
}
.edito-blocs p.strong span.strong-text {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
}
.edito-blocs p sup {
  top: -14px;
}
.edito-blocs div.short, .edito-blocs div.full {
  display: block;
  width: 100%;
}
.edito-blocs div.short .teaser {
  display: block;
  height: 22px;
}
.edito-blocs div.short h3.teaser {
  display: block;
  height: 30px;
}
.edito-blocs div.full {
  display: none;
  height: 190px;
}
.edito-blocs div.full.active .teaser {
  display: block;
  height: 42px;
}
.edito-blocs div.full.active h3.teaser {
  display: block;
  height: 58px;
}
.edito-blocs.evenement h4 {
  text-transform: uppercase;
}
.edito-blocs.evenement .header-news {
  margin: 5px 0 6px 0;
  overflow: hidden;
  width: 100%;
}
.edito-blocs.evenement .header-news span {
  font-family: Arial, sans-serif;
}
.edito-blocs.evenement .header-news span.horaire {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  color: #E3007E;
  font-weight: bold;
}
.edito-blocs.evenement .header-news .bulle-date { /** bulle bleue sur les evenements **/
  border-radius: 10px;
  line-height: 0.8;
  font-size: 25px;
  font-size: 2.5rem;
  background-color: #00A0E0;
  color: #FFFFFF;
  font-family: "raleway-regular";
  float: left;
  margin-right: 8px;
  padding: 14px 20px;
  text-align: center;
  width: 88px;
}
.edito-blocs.evenement .header-news .bulle-date span {
  display: block;
}
.edito-blocs.evenement .header-news .bulle-date span.number {
  line-height: 1;
  font-size: 43px;
  font-size: 4.3rem;
  font-family: "raleway-semibold";
}
.edito-blocs.evenement .header-news div:last-of-type {
  float: left;
  width: 198px;
}
.edito-blocs figure {
  margin: 0;
  width: 100%;
}
.edito-blocs figure.news-figure { /*** Cas particulier pour le bloc agenda ***/ }
.edito-blocs figure.news-figure > div {
  height: 162px;
}
.edito-blocs figure.news-figure > div img {
  width: 100%;
}
.edito-blocs figure.news-figure figcaption {
  top: 162px;
}
.edito-blocs figure.news-figure figcaption.active {
  top: 118px;
}
.edito-blocs figure.news-figure figcaption .short, .edito-blocs figure.news-figure figcaption .full {
  height: 40px;
}
.edito-blocs figure.news-figure figcaption .short img, .edito-blocs figure.news-figure figcaption .full img {
  float: left;
  height: 25px;
  margin-right: 10px;
}
.edito-blocs figure.news-figure figcaption .short a, .edito-blocs figure.news-figure figcaption .full a {
  margin-top: 20px;
}
.edito-blocs figure.news-figure figcaption .short span, .edito-blocs figure.news-figure figcaption .full span {
  display: block;
  padding-top: 7px;
}
.edito-blocs figure.news-figure .resume {
  clear: both;
}
.edito-blocs figure > div {
  display: table-cell;
  height: 240px;
  width: 334px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.edito-blocs figure > div img {
  max-height: 240px;
  max-width: 334px;
}
.edito-blocs figure > div img.filter {
  -webkit-filter: brightness(80%);
  -moz-filter: brightness(80%);
  filter: brightness(80%);
  /** Filtre foncé sur l'image a l'état hover **/
}
.edito-blocs.large {
  width: 100%;
}
.edito-blocs.large figure > div {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.edito-blocs.large figure > div img {
  max-height: none;
  max-width: 100%;
}
.edito-blocs figcaption {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #FFFFFF;
  padding: 12px 20px 20px;
  position: absolute;
  top: 240px;
  width: 100%;
}
.edito-blocs figcaption:hover {
  cursor: pointer;
}
.edito-blocs figcaption.active {
  top: 125px;
}
.edito-blocs figcaption h3 {
  margin: 0;
}

/*** Cas particulier pour le bloc témoignage **/
.temoignage {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 20px 16px;
  background-color: #87BB34;
  color: #FFFFFF;
  float: left;
  height: 345px;
}
.temoignage.large {
  width: 100%;
}
.temoignage.large .top {
  height: 174px;
  margin-top: 0;
}
.temoignage.large .top .first {
  height: 145px;
}
.temoignage.large .top.minimize {
  height: 165px;
}
.temoignage.large .top.minimize .first {
  height: 135px;
}
.temoignage.large .short {
  height: 140px;
  margin-bottom: 30px;
}
.temoignage h3 {
  margin: 0;
  padding: 0;
}
.temoignage .top {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 190px;
  overflow: hidden;
  width: 100%;
}
.temoignage .top .first {
  height: 145px;
}
.temoignage .top div:last-of-type {
  float: right;
  width: 51.5%;
}
.temoignage .top .big-title {
  font-family: "raleway-semibold";
  line-height: 1.25;
  font-size: 24px;
  font-size: 2.4rem;
}
.temoignage .top .little-title {
  font-family: "raleway-semibold";
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
}
.temoignage .top .little-title i {
  display: block;
}
.temoignage .top.minimize {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 146px;
}
.temoignage .top.minimize .first {
  height: 116px;
}
.temoignage .top.minimize div:last-of-type .big-title {
  line-height: 1.2;
  font-size: 20px;
  font-size: 2rem;
}
.temoignage .top.minimize div:last-of-type .little-title {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
}
.temoignage .top .first {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  float: left;
  text-align: right;
  width: 47%;
}
.temoignage .top .first img {
  height: inherit;
}
.temoignage .bottom {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0px;
}
.temoignage .bottom .short,
.temoignage .bottom .full {
  height: 130px;
  margin-bottom: 30px;
}
.temoignage .bottom .short {
  margin-bottom: 30px;
}
.temoignage .bottom:before { /*** Guillemets blancs situés au dessus du texte **/
  top: -25px;
}
.temoignage .bottom a.white-link {
  font-weight: bold;
}
.temoignage .bottom p {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  position: relative;
}

.no-result {
  font-family: "raleway-medium";
  text-align: center;
  margin-bottom: 50px;
}

img.mask {
  -moz-border-radius-topleft: 70px;
  -webkit-border-top-left-radius: 70px;
  border-top-left-radius: 70px;
  -moz-border-radius-bottomleft: 70px;
  -webkit-border-bottom-left-radius: 70px;
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
}

/************************************
 **** Espace presse *****************
 ***********************************/
.espace-presse p {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "raleway-regular";
}
.espace-presse a.simple-link, .espace-presse .custom-back.back-neutral a, .custom-back.back-neutral .espace-presse a, .espace-presse .center-locator .search-result a, .center-locator .search-result .espace-presse a,
.espace-presse #centresList .search-result a,
#centresList .search-result .espace-presse a, .espace-presse .edito-blocs a, .edito-blocs .espace-presse a,
.espace-presse a.simple-link:hover,
.espace-presse a.simple-link:focus {
  margin-top: 10px;
}
.espace-presse .search-result {
  background-color: #FFFFFF;
  margin-top: 1px;
  padding: 20px;
}
.espace-presse h3 {
  margin: 5px 0;
}
.espace-presse .date {
  text-align: right;
}

.idee-metier-list {
  background-color: #FFFFFF;
  min-height: 234px;
  margin-bottom: 20px;
  overflow: hidden;
}
.idee-metier-list h3 {
  margin: 3px 0 14px 0;
}
.idee-metier-list h3 strong {
  color: #00A0E0;
  font-family: "raleway-semibold";
}
.idee-metier-list h3:after {
  background-color: #DEDEDE;
  margin: 5px 0 0 0;
}
.idee-metier-list div {
  float: left;
  height: inherit;
}
.idee-metier-list div:first-of-type {
  overlow: hidden;
  width: 33.59%;
}
.idee-metier-list div:first-of-type img {
  height: 100%;
  max-height: 100%;
  width: 100%;
}
.idee-metier-list div.content {
  padding: 10px 20px 20px;
  width: 66.41%;
}

/*** Asset publishers dont on ne veut pas le header ***/
#p_p_id_101_INSTANCE_presse_ .taglib-header,
#p_p_id_101_INSTANCE_details_ .taglib-header {
  display: none;
}

/***Template formation Small**/
.formation-small {
  background-color: #FFFFFF;
  float: left;
  height: 345px;
  padding: 10px 20px 20px;
  width: 334px;
}
.formation-small .etiquettes {
  text-align: right;
}
.formation-small .etiquettes .etiquette-formation {
  margin-bottom: 10px;
}
.formation-small .content-formation-small {
  clear: both;
  height: 245px;
  position: relative;
}
.formation-small .content-formation-small .inside {
  position: absolute;
}
.formation-small .content-formation-small .inside .category-formation {
  line-height: 1.2857142857;
  font-size: 14px;
  font-size: 1.4rem;
  color: #00A0E0;
  display: block;
  font-family: "raleway-semibold";
  margin-bottom: 12px;
}
.formation-small .content-formation-small .inside h4 a {
  line-height: 1.125;
  font-size: 16px;
  font-size: 1.6rem;
  background: none;
  font-family: "raleway-semibold";
  padding: 0;
}
.formation-small .content-formation-small .inside h4 a:hover {
  background: none;
  color: #5A545A;
  font-weight: bold;
}
.formation-small .last-places {
  clear: both;
  color: #E3007E;
  padding-top: 16px;
}
.formation-small .last-places img {
  height: 16px;
  margin-right: 10px;
}
.formation-small .simple-link-no-marge, .formation-small html a.simple-link, html .formation-small a.simple-link, .formation-small html .custom-back.back-neutral a, html .custom-back.back-neutral .formation-small a, .formation-small .custom-back.back-neutral html a, .custom-back.back-neutral html .formation-small a,
.formation-small html a:focus.simple-link,
html .formation-small a:focus.simple-link, .formation-small html a.lien-texte-simple, html .formation-small a.lien-texte-simple, .formation-small #content a.lien-texte-simple, #content .formation-small a.lien-texte-simple, .formation-small html .center-locator .search-result a, html .center-locator .search-result .formation-small a, .formation-small .center-locator html .search-result a, .center-locator html .search-result .formation-small a,
.formation-small html #centresList .search-result a,
html #centresList .search-result .formation-small a,
.formation-small #centresList html .search-result a,
#centresList html .search-result .formation-small a, .formation-small .center-locator .search-result html a, .center-locator .search-result html .formation-small a,
.formation-small #centresList .search-result html a,
#centresList .search-result html .formation-small a, .formation-small .center-locator .search-result div:nth-child(3) a, .center-locator .search-result div:nth-child(3) .formation-small a,
.formation-small #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) .formation-small a, .formation-small html .edito-blocs a, html .edito-blocs .formation-small a, .formation-small .edito-blocs html a, .edito-blocs html .formation-small a,
.formation-small html .edito-blocs a:focus,
html .edito-blocs .formation-small a:focus,
.formation-small .edito-blocs html a:focus,
.edito-blocs html .formation-small a:focus {
  clear: both;
  padding-left: 17px;
}

.formation-small.tags .tag:first-of-type {
  margin-right: 10px;
}

/*** Template formations déficitaires **/
.formation-small.formation-promouvoir h4 {
  color: #00A0E0;
}
.formation-small.formation-promouvoir p {
  font-family: "raleway-regular";
}

/* FAQ **/
/*CSS de la zone question :*/
.QR {
  margin-bottom: 1px;
  border: solid 1px lightgrey;
  border-radius: 5px;
}
.QR .questionzone {
  background-color: #FFFFFF;
  display: inline-block;
  padding: 15px 20px;
  width: 100%;
}
.QR .questionzone a {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-family: "raleway-regular";
}
.QR .questionzone a.question {
  padding-right: 30px;
}
.QR .questionzone a.collapsed {
  background: url("../images/afpa/plus-rose-faq.svg") no-repeat right top;
}
.QR .questionzone a.expanded { /*Changement de couleur pour la zone question (Rose et Gris) ainsi que l'image (Croix ou Plus)*/
  background: url("../images/afpa/croix-rose-faq.svg") no-repeat right top;
}
.QR .questionzone a:hover, .QR .questionzone a.expanded {
  color: #E3007E;
  font-weight: bold;
}

/*CSS de la zone reponse*/
.expandablezone {
  background-color: #FFFFFF;
  display: none;
}
.expandablezone div.answer {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 20px 40px;
}
.expandablezone .helpzone {
  border-top: 1px solid #DEDEDE;
}
.expandablezone .helpzone .helptext { /* zone Aide*/
  line-height: 1.3333333333;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
  padding: 5px 5.9% 0;
  margin: 0 0 5px 0;
}

.expandAll {
  margin: 10px auto 20px auto;
}

span.moyen-contact { /* encart moyens de contact */
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-family: "raleway-regular";
  padding-bottom: 18px;
}
span.moyen-contact strong {
  font-family: "raleway-semibold";
  font-weight: normal;
}

.recherche-faq-portlet {
  height: fit-content;
  margin: 0 0 30px 0;
}
.recherche-faq-portlet span {
  color: #FFFFFF;
}
.recherche-faq-portlet .portlet-borderless-container {
  height: 100%;
}

/** Navigation Categories FAQ **/
.portlet-asset-categories-navigation.results-header {
  display: none;
}
.portlet-asset-categories-navigation a {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  text-decoration: none;
  text-align: left;
  font-family: "raleway-regular";
  color: #5A545A;
}
.portlet-asset-categories-navigation a:hover, .portlet-asset-categories-navigation a:focus {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  text-decoration: none;
  font-weight: bold;
  font-family: "raleway-regular";
  color: #E3007E;
}
.portlet-asset-categories-navigation a.selectedLink {
  color: #E3007E;
  background: url("../images/afpa/chevron-rose.png") no-repeat left center;
  text-decoration: none;
  font-weight: bold;
}
.portlet-asset-categories-navigation a.selectedLink:visited {
  color: #E3007E;
}
.portlet-asset-categories-navigation a.selectedLink:focus {
  color: #E3007E;
}
.portlet-asset-categories-navigation a.selectedLink:hover {
  color: pink;
}
.portlet-asset-categories-navigation a.selectedLink:active {
  color: #E3007E;
}
.portlet-asset-categories-navigation a.selectedLink:hover, .portlet-asset-categories-navigation a.selectedLink:focus {
  background-image: url("../images/afpa/chevron-rose-hover.png");
  color: #CF004B;
  font-weight: bold;
  opacity: 1;
}
.portlet-asset-categories-navigation .accordion-heading .accordion-toggle {
  display: none;
  padding: 8px 15px;
}
.portlet-asset-categories-navigation .results-header {
  display: none;
}
.portlet-asset-categories-navigation ul {
  background-color: #FFFFFF;
  margin: 0 0 10px 0;
  padding: 14px 20px 14px 18px;
}
.portlet-asset-categories-navigation ul li {
  list-style-type: none;
  margin-bottom: 12px;
}
.portlet-asset-categories-navigation ul li:last-of-type {
  margin-bottom: 0;
}
.portlet-asset-categories-navigation ul li a.selectedLink {
  padding-left: 15px;
}

/********************************
***** Portlet Recherche FAQ *****
*********************************/
#wrapper .recherche-faq-portlet .search-form {
  background: url("../images/afpa/back-faq.svg") repeat-x center center #00A0E0;
  min-height: 195px;
  margin: 0px 0;
  padding: 1px 20px 20px 20px;
  text-align: center;
}
#wrapper .recherche-faq-portlet .search-form .form-group {
  margin-bottom: 5px;
}

/********************************
***** Liste déroulante **********
*********************************/
.faq-search-list {
  height: 46px;
  margin: 0 auto;
  width: 512px;
}
.faq-search-list .left-input {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: -1px;
}
.faq-search-list .ui-front input[type=text] {
  background: url("../images/afpa/loupe-recherche.svg") no-repeat scroll 0px 8px #FFFFFF;
  float: left;
  padding-left: 45px;
  width: 470px;
}
.faq-search-list .ui-front .ui-widget.ui-widget-content.faq-ul {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  /**Box shadow cross browers :*/
  -moz-box-shadow: 2px 4px 5px 0px #5a545a;
  -webkit-box-shadow: 2px 4px 5px 0px #5a545a;
  -o-box-shadow: 2px 4px 5px 0px #5a545a;
  box-shadow: 2px 4px 5px 0px #5a545a;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#5a545a, Direction=134, Strength=5);
  font-family: Arial, sans-serif;
  font-weight: normal;
  width: 470px;
  z-index: 1;
}
.faq-search-list .ui-front .ui-widget.ui-widget-content.faq-ul li {
  font-weight: normal;
  text-align: left;
}
.faq-search-list .ui-front .ui-widget.ui-widget-content.faq-ul li:hover {
  font-weight: bold;
}
.faq-search-list .end-input {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.faq-search-list .left-input, .faq-search-list .end-input {
  background-color: #FFFFFF;
  height: 46px;
  float: left;
  width: 20px;
}

/******************************
***** CSS DE ASSET FAQ ********
*******************************/
/* Surcharge des asset - retrait du padding par defaut */
#wrapper .faq_asset {
  padding: 0px;
}

/**HEADER FINANCEMENT + CPF **/
.header-financement,
.header-candidature,
.header-zoom,
.header-cpf,
.header-prise-rdv {
  background: url("../images/afpa/back-financement.svg") repeat-x top center #00A0E0;
  color: #FFFFFF;
  margin-bottom: 40px;
  overflow: hidden;
  padding-top: 1px;
}
.header-financement p,
.header-candidature p,
.header-zoom p,
.header-cpf p,
.header-prise-rdv p {
  margin: -5px auto 25px auto;
  text-align: center;
  width: 450px;
}

.header-zoom p {
  width: 100%;
}

.header-financement {
  background: url("../images/afpa/back-financement.svg") repeat-x top center #00A0E0;
}
.header-financement h1 {
  max-width: 705px;
}

.header-candidature,
.header-prise-rdv {
  background: url("../images/afpa/back-candidature.svg") repeat-x top center #00A0E0;
  height: 160px;
}

.header-cpf {
  background: url("../images/afpa/fond-cpf.svg") repeat-x top center #00A0E0;
}

.header-zoom {
  background: url("../images/afpa/back-competence.svg") repeat-x top center #00A0E0;
}

.afpa-zoom-competence-portlet {
  margin-bottom: 30px;
}
.afpa-zoom-competence-portlet form {
  margin-bottom: 0;
}

/**MENU LATERAL**/
aside.menu-financement {
  float: left;
  margin-left: 0;
  width: 32.66%;
}
aside.menu-financement.menu-candidature, aside.menu-financement.menu-competence {
  width: 32.66%;
}
aside.menu-financement.menu-flechage .step.actived .long-tag {
  background-color: #FFFFFF;
  color: #5A545A;
}
aside.menu-financement.menu-flechage .step.recap span {
  font-weight: normal;
}
aside.menu-financement.menu-flechage .step h3 {
  margin-bottom: 20px;
}
aside.menu-financement.menu-flechage .step .tag {
  float: none;
}
aside.menu-financement.menu-flechage .step .tag.long-tag span {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  width: 85%;
}
aside.menu-financement.menu-flechage .step span {
  display: block;
  float: left;
}
aside.menu-financement.menu-flechage .step span.long-span {
  width: 100%;
}
aside.menu-financement.menu-flechage .step img {
  float: right;
  margin: 12px 10px;
}
aside.menu-financement .tag {
  margin: 0 5px 5px auto;
}
aside.menu-financement .tag.long-tag {
  width: 100%;
}
aside.menu-financement .tag.long-tag a:hover, aside.menu-financement .tag.long-tag a:focus {
  color: #5A545A;
  font-weight: bold;
}
aside.menu-financement .clear {
  clear: both;
  padding-top: 10px;
}
aside.menu-financement .clear .simple-link, aside.menu-financement .clear .custom-back.back-neutral a, .custom-back.back-neutral aside.menu-financement .clear a, aside.menu-financement .clear .center-locator .search-result a, .center-locator .search-result aside.menu-financement .clear a,
aside.menu-financement .clear #centresList .search-result a,
#centresList .search-result aside.menu-financement .clear a, aside.menu-financement .clear .edito-blocs a, .edito-blocs aside.menu-financement .clear a {
  margin-top: 0;
}
aside.menu-financement .step {
  border-radius: 12px;
  background-color: #DEDEDE;
  font-family: "raleway-regular";
  margin: 0 0 10px 0;
  padding: 12px 20px;
}
aside.menu-financement .step h3 {
  display: inline-block;
}
aside.menu-financement .step span.chiffre {
  line-height: 1.875;
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  float: left;
  margin-right: 8px;
}
aside.menu-financement .step.active, aside.menu-financement .step.actived {
  background-color: #00A0E0;
  color: #FFFFFF;
  margin: 0 0 10px 0;
  position: relative;
  width: calc(100% + 10px);
  width: -webkit-calc(100% + 10px); /**Chrome/safari**/
  width: -moz-calc(100% + 10px); /**Firefox**/
}
aside.menu-financement .step.active:after, aside.menu-financement .step.actived:after {
  content: "";
  border: 17px solid transparent;
  border-left: 17px solid #00A0E0;
  position: absolute;
  right: -28px;
  top: 1px;
  z-index: 1;
}
aside.menu-financement .step.active span.chiffre, aside.menu-financement .step.actived span.chiffre {
  line-height: 1;
  font-size: 48px;
  font-size: 4.8rem;
  margin-top: 2px;
}
aside.menu-financement .step.actived { /*cas particulier pour le menu des candidatures formations**/ }
aside.menu-financement .step.actived h3 {
  margin-top: 14px;
}
aside.menu-financement .step.actived .inside {
  background: none;
  padding: 0;
}
aside.menu-financement .step.actived .inside .tag-off img {
  float: right;
}
aside.menu-financement .step.actived .inside .tag-off a {
  display: block;
  float: left;
  width: 90%;
}
aside.menu-financement .step.recap {
  background-color: #FFFFFF;
  padding: 12px 20px 20px 20px;
}
aside.menu-financement .step.recap span {
  font-weight: bold;
}
aside.menu-financement .step.recap span img {
  float: right;
}
aside.menu-financement .step.recap-candidature {
  background-color: #FFFFFF;
  padding: 12px 20px 20px 20px;
}
aside.menu-financement .step.recap-candidature h3,
aside.menu-financement .step.recap-candidature .chiffre {
  color: #00A0E0;
}
aside.menu-financement .step.recap-candidature .inside {
  background: none;
  padding: 0;
}
aside.menu-financement .step.recap-candidature .inside div {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 20px;
}
aside.menu-financement .step.recap-candidature .inside div img {
  float: right;
}
aside.menu-financement .step.recap-candidature .inside div .element-niveau-2 {
  display: block;
  float: left;
  width: 90%;
}
aside.menu-financement .step .inside {
  background: #F1F1F1;
  margin-top: 5px;
  overflow: hidden;
  padding: 14px 20px 20px 15px;
}
aside.menu-financement .step .inside h4 {
  float: left;
  width: 82%;
}
aside.menu-financement .step .inside img {
  float: right;
  margin: 2px 0 4px 0;
}
aside.menu-financement .step ul {
  margin: 8px 0 0 0;
}
aside.menu-financement .step ul li {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  list-style-type: none;
  margin-bottom: 12px;
  padding-left: 20px;
  position: relative;
}
aside.menu-financement .step ul li:before {
  border-radius: 8px;
  background-color: #E3007E;
  content: "";
  height: 8px;
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
}
aside.menu-financement .step ul li:last-of-type {
  margin-bottom: 2px;
}

/**** Formulaire Etapes ***/
html .row .financement-form #part1, html .row .financement-form #part4, html .row .financement-form #part2,
html .row .elegant-form #part1,
html .row .elegant-form #part4,
html .row .elegant-form #part2 {
  background-color: #FFFFFF;
  padding: 10px 40px 20px;
}
html .row .financement-form #part1, html .row .financement-form #part2,
html .row .elegant-form #part1,
html .row .elegant-form #part2 {
  margin-bottom: 10px;
}
html .row .financement-form #part1 > .control-group,
html .row .elegant-form #part1 > .control-group {
  padding-bottom: 10px;
}
html .row .financement-form #part1 > .control-group:last-of-type,
html .row .elegant-form #part1 > .control-group:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
html .row .financement-form #part3,
html .row .elegant-form #part3 {
  margin-top: 10px;
}
html .row .financement-form input[type=submit].span4,
html .row .elegant-form input[type=submit].span4 {
  display: block;
  margin: 20px auto 0 auto;
}
html .row .financement-form input.large-button, html .row .financement-form a.large-button,
html .row .elegant-form input.large-button,
html .row .elegant-form a.large-button {
  display: block;
  margin: 20px auto;
  width: 49%;
}
html .row .financement-form .inside,
html .row .elegant-form .inside {
  background-color: #FFFFFF;
  padding: 10px 40px 20px;
}
html .row .financement-form .inside.last,
html .row .elegant-form .inside.last {
  margin-top: 10px;
}
html .row .financement-form .inside.no-more,
html .row .elegant-form .inside.no-more {
  overflow: hidden;
}
html .row .financement-form .inside .carte-candidature,
html .row .elegant-form .inside .carte-candidature {
  margin: 15px auto;
  overflow: hidden;
  width: 334px;
}
html .row .financement-form .inside .carte-candidature .center-session p,
html .row .elegant-form .inside .carte-candidature .center-session p {
  color: #5A545A;
}
html .row .financement-form .inside .carte-candidature .aside-formations p,
html .row .elegant-form .inside .carte-candidature .aside-formations p {
  padding-left: 0;
}
html .row .financement-form .inside .carte-candidature .aside-formations #region-details ul li span.info-bulle,
html .row .elegant-form .inside .carte-candidature .aside-formations #region-details ul li span.info-bulle {
  margin: 0px 20px 0 0;
}
html .row .financement-form .inside .carte-candidature .aside-formations .next-formation .formation-prochaine p,
html .row .elegant-form .inside .carte-candidature .aside-formations .next-formation .formation-prochaine p {
  color: #FFFFFF;
}
html .row .financement-form h3,
html .row .elegant-form h3 {
  color: #00A0E0;
}
html .row .financement-form h3.cpf, html .row .financement-form h3.left-title,
html .row .elegant-form h3.cpf,
html .row .elegant-form h3.left-title {
  float: left;
}
html .row .financement-form h3.sub-title,
html .row .elegant-form h3.sub-title {
  line-height: 1.2222222222;
  font-size: 18px;
  font-size: 1.8rem;
  color: #5A545A;
}
html .row .financement-form h3.sub-title:after,
html .row .elegant-form h3.sub-title:after {
  background-color: #DEDEDE;
  margin: 10px 0 0 0;
}
html .row .financement-form h3.normal,
html .row .elegant-form h3.normal {
  line-height: 1.2222222222;
  font-size: 18px;
  font-size: 1.8rem;
  color: #5A545A;
}
html .row .financement-form h3.thematique-title,
html .row .elegant-form h3.thematique-title {
  color: #5A545A;
  float: left;
}
html .row .financement-form span.info-bulle,
html .row .elegant-form span.info-bulle {
  margin: 10px 0px 0 0;
}
html .row .financement-form span.or,
html .row .elegant-form span.or {
  color: #E3007E;
  float: left;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 12px 12px 0 0;
  text-transform: uppercase;
}
html .row .financement-form .control-group,
html .row .elegant-form .control-group {
  margin-bottom: 10px;
  clear: both;
  overflow: hidden;
  position: relative;
}
html .row .financement-form .control-group.checkbox span,
html .row .elegant-form .control-group.checkbox span {
  margin-bottom: 9px;
}
html .row .financement-form .control-group.checkbox label[for=aucun-metier],
html .row .elegant-form .control-group.checkbox label[for=aucun-metier] {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "raleway-semibold";
}
html .row .financement-form .control-group.checkQuestion label, html .row .financement-form .control-group.checkbox label[for=csp],
html .row .elegant-form .control-group.checkQuestion label,
html .row .elegant-form .control-group.checkbox label[for=csp] {
  padding-left: 12px;
}
html .row .financement-form .control-group.radio-group.inline,
html .row .elegant-form .control-group.radio-group.inline {
  clear: none;
  float: left;
  margin-right: 18px;
}
html .row .financement-form .control-group.radio-group.inline label,
html .row .elegant-form .control-group.radio-group.inline label {
  float: left;
}
html .row .financement-form .regionsSup,
html .row .elegant-form .regionsSup {
  display: table;
}
html .row .financement-form .regionsSup .two-part,
html .row .elegant-form .regionsSup .two-part {
  display: table-cell;
}
html .row .financement-form .regionsSup .two-part.with-margin,
html .row .elegant-form .regionsSup .two-part.with-margin {
  padding-left: 20px;
}
html .row .financement-form .regionsSup .two-part .custom-select,
html .row .elegant-form .regionsSup .two-part .custom-select {
  width: 100%;
}
html .row .financement-form .custom-select,
html .row .elegant-form .custom-select {
  float: left;
  width: 46%;
}
html .row .financement-form .custom-select.large-custom,
html .row .elegant-form .custom-select.large-custom {
  float: none;
  width: 55%;
}
html .row .financement-form .custom-select.alone,
html .row .elegant-form .custom-select.alone {
  float: none;
}
html .row .financement-form input[type=text],
html .row .elegant-form input[type=text] {
  float: left;
  margin-right: 10px;
  padding: 5px 10px 5px 20px;
}
html .row .financement-form input[type=text].three-four,
html .row .elegant-form input[type=text].three-four {
  width: 79.8%;
}
html .row .financement-form input[type=submit][disabled=disabled],
html .row .elegant-form input[type=submit][disabled=disabled] {
  background-color: #908E8D;
}
html .row .financement-form input.input-gray,
html .row .elegant-form input.input-gray {
  background-color: #DEDEDE;
  color: #5A545A;
  display: block;
  float: left;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 20px;
  text-align: center;
}
html .row .financement-form input.input-gray:hover, html .row .financement-form input.input-gray:focus,
html .row .elegant-form input.input-gray:hover,
html .row .elegant-form input.input-gray:focus {
  background-color: #5A545A;
  color: #FFFFFF;
}
html .row .financement-form label.label-light,
html .row .elegant-form label.label-light {
  line-height: 1.8333333333;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: transparent;
  color: #908E8D;
  display: block;
  float: left;
  margin: 10px 0 0 20px;
}
html .row .financement-form p,
html .row .elegant-form p {
  color: #908E8D;
  padding-left: 32px;
}
html .row .financement-form p.maj,
html .row .elegant-form p.maj {
  margin-top: -5px;
}
html .row .financement-form p.mandatory-field,
html .row .elegant-form p.mandatory-field {
  line-height: 1.8333333333;
  font-size: 12px;
  font-size: 1.2rem;
  clear: both;
  padding-left: 0;
}
html .row .financement-form p.mandatory-field.margin-bottom,
html .row .elegant-form p.mandatory-field.margin-bottom {
  margin-bottom: 30px;
}
html .row .financement-form p.progress-paragraphe,
html .row .elegant-form p.progress-paragraphe {
  color: #5A545A;
  padding: 0;
}
html .row .financement-form a.pink-button-no-transition,
html .row .elegant-form a.pink-button-no-transition {
  display: block;
  float: none;
  margin: 20px auto;
}
html .row .financement-form a.progress-paragraphe:focus, html .row .financement-form a.progress-paragraphe:hover,
html .row .elegant-form a.progress-paragraphe:focus,
html .row .elegant-form a.progress-paragraphe:hover {
  color: #5A545A;
  font-weight: bold;
}
html .row .financement-form .buttons-validation,
html .row .elegant-form .buttons-validation {
  margin: 30px 0 20px 0;
  overflow: hidden;
}
html .row .financement-form .buttons-validation a, html .row .financement-form .buttons-validation input,
html .row .elegant-form .buttons-validation a,
html .row .elegant-form .buttons-validation input {
  display: block;
  float: left;
  margin: 0;
  width: 49%;
}
html .row .financement-form .buttons-validation a:first-of-type,
html .row .elegant-form .buttons-validation a:first-of-type {
  margin-right: 2%;
}
html .row .financement-form .buttons-validation.style-un-bouton a, html .row .financement-form .buttons-validation.style-un-bouton input,
html .row .elegant-form .buttons-validation.style-un-bouton a,
html .row .elegant-form .buttons-validation.style-un-bouton input {
  float: none;
  margin: 0 auto;
}
html .row .financement-form .selectedRegions,
html .row .financement-form .selectDomaineInteret,
html .row .elegant-form .selectedRegions,
html .row .elegant-form .selectDomaineInteret {
  background-color: #FFFFFF;
  margin: 0;
}
html .row .financement-form .selectedRegions li,
html .row .financement-form .selectDomaineInteret li,
html .row .elegant-form .selectedRegions li,
html .row .elegant-form .selectDomaineInteret li {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  color: #908E8D;
  list-style-type: none;
  padding: 14px;
}
html .row .financement-form .selectedRegions li:last-of-type,
html .row .financement-form .selectDomaineInteret li:last-of-type,
html .row .elegant-form .selectedRegions li:last-of-type,
html .row .elegant-form .selectDomaineInteret li:last-of-type {
  border-bottom: 1px solid #DEDEDE;
}
html .row .financement-form .selectedRegions li a,
html .row .financement-form .selectDomaineInteret li a,
html .row .elegant-form .selectedRegions li a,
html .row .elegant-form .selectDomaineInteret li a {
  line-height: 1.2222222222;
  font-size: 18px;
  font-size: 1.8rem;
  color: #E3007E;
  float: right;
  font-family: "raleway-bold";
}
html .row .bouton-calendar {
  background: transparent url("../images/afpa/sprite-edito.svg") no-repeat scroll 96% -27px;
  cursor: pointer;
  display: block;
  float: left;
  height: 38px;
  width: 36px;
}
html .row .bouton-calendar:focus, html .row .bouton-calendar:hover {
  background: transparent url("../images/afpa/sprite-edito.svg") no-repeat scroll 96% -211px;
}
html .row #dateFinIndemnisation {
  background-color: #DEDEDE;
}

/*****Formulaire Clea**/
html .row .elegant-form .domaines-part {
  margin-bottom: 20px;
}
html .row .elegant-form .domaines-part .custom-select {
  width: 100%;
}
html .row .elegant-form .clea-button-submit {
  max-width: 334px;
}

table.resume-formation {
  margin-bottom: 10px;
  width: 100%;
}
table.resume-formation tr td {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "raleway-semibold";
  vertical-align: top;
  width: 49%;
}
table.resume-formation tr th {
  text-align: left;
  line-height: 1.42857;
  font-size: 1.4rem;
  font-family: "raleway-regular";
  width: 51%;
  font-weight: normal;
}

.savoir-plus,
.financement-form {
  float: left;
}
.savoir-plus.span8,
.financement-form.span8 {
  margin-left: 0;
}

.savoir-plus {
  background-color: #FFFFFF;
  padding: 10px 40px 20px;
}

#metiers-embauches {
  margin-top: 10px;
  padding-top: 1px;
}

/**** RESULTATS ACCORDEON**/
.bloc-financement {
  background-color: #FFFFFF;
  border-top: 1px solid #DEDEDE;
  overflow: hidden;
  padding: 10px 20px 15px 40px;
  width: 100%;
}
.bloc-financement .titre-sous-titre {
  display: flex;
  justify-content: space-between;
}
.bloc-financement .titre-sous-titre p {
  float: left;
  width: 90%;
}
.bloc-financement .contenu {
  clear: both;
}

/*** ETAPE 3***/
.page-reponse-financement-etape-3 {
  background-color: #FFFFFF;
  margin-bottom: 20px;
}
.page-reponse-financement-etape-3 .zone-titre-etape-3 {
  padding: 10px 20px 15px 40px;
}
.page-reponse-financement-etape-3 .zone-titre-etape-3 h3:after {
  /* Affiche la barre dessous le titre */
  background-color: #DEDEDE;
  margin: 23px 0 0 0;
}
.page-reponse-financement-etape-3 .zone-titre-etape-3 h3 strong {
  color: #00A0E0;
  font-family: "raleway-semibold";
}
.page-reponse-financement-etape-3 .zone-titre-etape-3 p {
  padding-top: 25px;
}

.zone-generique-financement,
.zone-print {
  float: right;
  overflow: hidden;
  width: 66.3%;
}
.zone-generique-financement .pink-button-no-transition,
.zone-print .pink-button-no-transition {
  display: block;
  float: left;
}

.formation-reload {
  float: right;
  text-align: center;
  width: 66.3%;
}
.formation-reload a {
  margin: 0 auto;
}

.zone-print {
  border-top: 1px solid #DEDEDE;
  margin-top: 20px;
}
.zone-print a {
  background: url("../images/afpa/print.svg") no-repeat center center;
  background-size: 20px auto;
  display: block;
  float: right;
  height: 22px;
  margin: 12px 40px 0 0;
  text-indent: -7777px;
  width: 22px;
}
.zone-print a:hover {
  background: url("../images/afpa/print-hover.svg") no-repeat center center;
}

/*******************************
 **** Zoom compétences**********
 ******************************/
.competence aside {
  margin-top: 44px;
}
.competence.step2 { /**Etape 2 module flechage**/ }
.competence.step2 aside {
  margin-top: 0;
}
.competence h2 {
  float: left;
  padding-left: 8px;
}
.competence p.mandatory-field {
  margin-top: 25px;
}

.competence-big-title {
  border-bottom: 1px solid #DEDEDE;
  min-height: 78px;
}

.competences-part {
  border-bottom: 1px solid #DEDEDE;
  padding: 30px 0 20px 0;
}
.competences-part:last-of-type {
  border-bottom: none;
  padding: 30px 0 0px 0;
}
.competences-part .competence-content {
  display: table;
}
.competences-part .competence-content .graduation {
  width: 320px;
}
.competences-part .competence-content .graduation label {
  display: inline-block;
  text-align: center;
  width: 21.5%;
}
.competences-part .competence-content .graduation label:first-of-type {
  margin-left: -28px;
}
.competences-part .competence-content .graduation label:first-of-type.reponse-slider-selectionne {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  color: #5A545A;
  font-weight: normal;
}
.competences-part .competence-content .graduation label:last-of-type {
  text-align: right;
  width: 10%;
}
.competences-part .competence-content .graduation label.reponse-slider-selectionne {
  line-height: 1.6666666667;
  font-size: 18px;
  font-size: 1.8rem;
  color: #E3007E;
  font-weight: bold;
}
.competences-part .competence-content .competence-title {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
.competences-part .competence-content .competence-title label {
  font-weight: bold;
  padding-right: 21px;
}
.competences-part .label-value {
  clear: both;
  color: #908E8D;
  padding-top: 15px;
}

/*** Progress bar **/
.progress-steps {
  background-color: #FFFFFF;
  margin-bottom: 10px;
  padding: 30px 40px;
}
.progress-steps .afpa-progress-bar {
  position: relative;
  padding-top: 5px;
  /****Curseur***/
}
.progress-steps .afpa-progress-bar span {
  border-radius: 18px;
  background: white;
  border: 6px solid #87BB34;
  display: block;
  height: 28px;
  top: 0;
  position: absolute;
  width: 27px;
  z-index: 2;
}
.progress-steps ul {
  display: table;
  margin: 0;
  width: 100%;
}
.progress-steps ul li {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  color: #908E8D;
  display: table-cell;
  list-style-type: none;
  padding-top: 30px;
  position: relative;
  z-index: 1;
}
.progress-steps ul li:before {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #F1F1F1;
  content: "";
  height: 12px;
  position: absolute;
  top: -7px; /** Update css from top : -4px */
  width: 6px;
}
.progress-steps ul li.step1 {
  text-align: left;
}
.progress-steps ul li.step1:before {
  left: 10%;
}
.progress-steps ul li.step2 {
  text-align: center;
}
.progress-steps ul li.step2:before {
  left: 91px;
}
.progress-steps ul li.step3 {
  text-align: right;
}
.progress-steps ul li.step3:before {
  right: 6px;
}
.progress-steps ul li.active {
  color: #5A545A;
}
.progress-steps ul li.active:before {
  background: #5A545A;
}

/********** Module flechage **/
.module-flechage .metiers-embauches .top-three {
  margin: 10px 0 0;
}
.module-flechage .metiers-embauches .top-three h3 {
  color: #5A545A;
  margin-top: 0;
}
.module-flechage .metiers-embauches .top-three > div {
  padding: 3px 0 14px 0;
}
.module-flechage .metiers-embauches .top-three > div div.first {
  padding: 0 10px;
}

/**** Cas particulier IE/firefox**/
.ie .progress-bar progress {
  border-radius: 18px;
}
.ie .progress-bar progress + span {
  top: -4px;
}
.ie .progress-bar ul {
  margin: -4px 0 0 0;
}

.firefox .progress-steps ul li:before {
  top: -4px;
}
.firefox .progress-steps ul li.step2::before {
  left: 93px;
}

/***Slider***/
.ui-slider {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  border-bottom: 18px solid #F1F1F1;
  border-left: none;
  border-right: none;
  border-top: 18px solid #F1F1F1;
  height: 37px;
  width: 300px;
}
.ui-slider .ui-state-default {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background: url("../images/afpa/arrows.svg") no-repeat center center #E3007E;
  border: none;
  cursor: pointer;
  height: 37px;
  margin-left: -1em;
  top: -1em;
  width: 37px;
}

/*** RESULTATS ZOOM COMPETENCES **/
#wrapper .resultats-zoom-competences {
  /***Bloc générique**/
}
#wrapper .resultats-zoom-competences.back {
  background-color: #FFFFFF;
  margin-bottom: 60px;
}
#wrapper .resultats-zoom-competences.back h3 {
  padding: 15px;
}
#wrapper .resultats-zoom-competences.one-job {
  margin-bottom: 10px;
}
#wrapper .resultats-zoom-competences.one-job .wrapper_bu {
  left: auto;
  position: relative;
  width: 100%;
}
#wrapper .resultats-zoom-competences.one-job a.simple-link, #wrapper .resultats-zoom-competences.one-job .custom-back.back-neutral a, .custom-back.back-neutral #wrapper .resultats-zoom-competences.one-job a, #wrapper .resultats-zoom-competences.one-job .center-locator .search-result a, .center-locator .search-result #wrapper .resultats-zoom-competences.one-job a,
#wrapper .resultats-zoom-competences.one-job #centresList .search-result a,
#centresList .search-result #wrapper .resultats-zoom-competences.one-job a, #wrapper .resultats-zoom-competences.one-job .edito-blocs a, .edito-blocs #wrapper .resultats-zoom-competences.one-job a {
  clear: both;
  margin: 0 auto;
  width: 180px;
}
#wrapper .resultats-zoom-competences .part {
  background-color: #FFFFFF;
  max-height: 345px; /*** rajuster la height ensuite **/
  padding: 10px 30px 30px;
  position: relative;
}
#wrapper .resultats-zoom-competences .part.evolution {
  height: auto;
  min-height: 500px;
}
#wrapper .resultats-zoom-competences h3 span {
  color: #00A0E0;
  font-family: "raleway-semibold";
}
#wrapper .resultats-zoom-competences h3.regular.colored:after {
  /* Affiche la barre dessous le titre */
  background-color: #F1F1F1;
  margin: 20px 0 0 1px;
}
#wrapper .resultats-zoom-competences .reload-specifique {
  right: 30px;
  position: absolute;
  top: 276px;
}
#wrapper .resultats-zoom-competences .wrapper_bu {
  width: 88%;
  height: 270px;
  left: 51px;
  position: absolute;
  z-index: 0;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule {
  background-color: #FFFFFF;
  box-shadow: 1px 1px 12px #555;
  padding: 1px 2px 2px;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .titre-vignette, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .titre-vignette {
  height: 50%;
  overflow: hidden;
  padding: 1px 20px 0 20px;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .titre-vignette h3, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .titre-vignette h3 {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .contenu-vignette, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .contenu-vignette {
  display: table;
  height: 50%;
  position: relative;
  width: 100%;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .contenu-vignette div, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .contenu-vignette div {
  display: table-cell;
  vertical-align: middle;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .contenu-vignette div.bloc, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .contenu-vignette div.bloc {
  display: flex;
  height: 45px;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .contenu-vignette div.percent, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .contenu-vignette div.percent {
  line-height: 0.6666666667;
  font-size: 30px;
  font-size: 3rem;
  display: table-cell;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .contenu-vignette div.percent svg, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .contenu-vignette div.percent svg {
  right: 40px;
  position: absolute;
  top: 26%;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .contenu-vignette div.percent span, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .contenu-vignette div.percent span {
  display: inline-block;
  font-weight: bold;
  text-align: right;
  padding: 22px 0 0 35px;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu .contenu-vignette div a, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule .contenu-vignette div a {
  background-color: #00A0E0;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  margin: auto;
  margin-left: 10px;
  padding: 4px 25px 4px 6px;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayL1, #wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayR1, #wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_center, #wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.vignette-centre, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayL1, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayR1, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_center, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.vignette-centre {
  position: absolute;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayL1, #wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayR1, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayL1, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayR1 {
  height: 70%;
  top: 10%;
  width: 42%;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayL1 .contenu-vignette div.percent, #wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayR1 .contenu-vignette div.percent, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayL1 .contenu-vignette div.percent, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayR1 .contenu-vignette div.percent {
  line-height: 1;
  font-size: 20px;
  font-size: 2rem;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayL1 .contenu-vignette div a, #wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayR1 .contenu-vignette div a, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayL1 .contenu-vignette div a, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayR1 .contenu-vignette div a {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 3px 6px 4px 20px;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.hidden_holder_bu, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.hidden_holder_bu {
  display: none;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_center, #wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.vignette-centre, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_center, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.vignette-centre {
  top: 5%;
  left: 22%;
  height: 80%;
  width: 52%;
  z-index: 1;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_center .contenu-vignette div.percent svg, #wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.vignette-centre .contenu-vignette div.percent svg, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_center .contenu-vignette div.percent svg, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.vignette-centre .contenu-vignette div.percent svg {
  right: 63px;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayL1, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayL1 {
  left: 3.2%;
}
#wrapper .resultats-zoom-competences .wrapper_bu .holder_bu.holder_bu_awayR1, #wrapper .resultats-zoom-competences .wrapper_bu .vignette-seule.holder_bu_awayR1 {
  left: 53%;
}
#wrapper .resultats-zoom-competences .recommencer-zoom {
  margin-top: 10px;
  overflow: hidden;
  width: 100%;
}
#wrapper .resultats-zoom-competences .recommencer-zoom form {
  margin: 0;
  width: 100%;
}
#wrapper .resultats-zoom-competences .recommencer-zoom form .inside {
  overflow: hidden;
}
#wrapper .resultats-zoom-competences .recommencer-zoom form .inside .search-job {
  margin: 0 auto;
  padding-top: 10px;
  width: 55.7%;
}
#wrapper .resultats-zoom-competences .recommencer-zoom form .inside .search-job input[type=text] {
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin: 0;
  width: 79.6%;
}
#wrapper .resultats-zoom-competences .recommencer-zoom form .inside .search-job input[type=submit] {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat center -137px #23BCEC;
  height: 46px;
  padding: 0;
  width: 20.4%;
}
#wrapper .resultats-zoom-competences .recommencer-zoom form .inside .search-job input[type=submit]:disabled {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat center -137px #908E8D;
}
#wrapper .resultats-zoom-competences .recommencer-zoom form .inside .search-job p {
  margin: 20px 0 0 20px;
  overflow: hidden;
  padding-left: 0;
  width: 100%;
}
#wrapper .resultats-zoom-competences .recommencer-zoom form .inside .search-job p a.reload {
  float: none;
  margin: 20px 0 0 20px;
  text-align: center;
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement {
  height: auto;
  margin: 15px 0;
  min-height: 128px;
  width: 100%;
  /***Bloc spécifique**/
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement .visuel {
  float: left;
  margin-right: 1%;
  width: 24%;
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement .header-news {
  margin: 0;
  width: 100%;
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement .header-news .bulle-date {
  left: 38px;
  position: absolute;
  top: 10px;
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement .header-news > div:last-of-type {
  padding: 10px;
  width: 75%;
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement .header-news > div:last-of-type > div span.till {
  display: block;
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement .header-news > div:last-of-type a {
  float: right;
  margin-top: 11px;
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement .header-news .resume {
  margin-top: 5px;
  padding: 0;
  width: 78%;
}
#wrapper .resultats-zoom-competences .edito-blocs.evenement .header-news .resume div {
  width: 100%;
}
#wrapper .resultats-zoom-competences .agenda {
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 0;
}
#wrapper .resultats-zoom-competences .agenda img {
  float: left;
  width: 23.8%;
}
#wrapper .resultats-zoom-competences .agenda .zone-texte {
  float: left;
  padding: 24px 10px 10px 10px;
  width: 76%;
}
#wrapper .resultats-zoom-competences .agenda .zone-texte h4 {
  text-transform: uppercase;
}
#wrapper .resultats-zoom-competences .agenda .zone-texte p {
  font-family: Arial, sans-serif;
}
#wrapper .resultats-zoom-competences .agenda .zone-texte a {
  float: right;
  margin-top: 0;
}

/*Zoom Compétence : caroussel métier**/
#wrapper .resultats-zoom-competences .buttons {
  filter: brightness(57%);
  height: 38px;
  top: 30%;
  position: absolute;
  width: 20px;
  z-index: 0;
}
#wrapper .resultats-zoom-competences .buttons.buttonLeft {
  background: rgba(0, 0, 0, 0) url("../images/afpa/homepage/carousel-nav-left-darken.png") no-repeat scroll 0 0;
  background-size: 19px auto;
}
#wrapper .resultats-zoom-competences .buttons.buttonRight {
  background: rgba(0, 0, 0, 0) url("../images/afpa/homepage/carousel-nav-right-darken.png") no-repeat scroll 0 0;
  background-size: 19px auto;
  right: 20px;
}

/**** Legende resultats zoom competences **/
.metier-legende {
  margin-top: 270px;
}
.metier-legende .liste-legende ul {
  display: block;
  margin-left: 0;
}
.metier-legende .liste-legende ul:first-of-type {
  margin-right: 2%;
}
.metier-legende .liste-legende ul li {
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
  height: 25px;
  list-style-type: none;
}
.metier-legende .liste-legende ul li svg {
  float: left;
  margin-right: 5px;
}

/** Résultats du zoom-competences **/
.detail-resultat-id-metier {
  display: block;
  background-color: white;
  margin-top: 10px;
  padding: 20px 30px 30px;
}
.detail-resultat-id-metier img.title-icon {
  float: left;
  margin-right: 10px;
  height: 26px;
}
.detail-resultat-id-metier h2 {
  text-align: left;
}
.detail-resultat-id-metier a.cross-more-pink-hover:hover, .detail-resultat-id-metier a.cross-multiply-pink-hover:hover {
  text-decoration: none;
}
.detail-resultat-id-metier .cross-more-pink-hover h2 {
  background: url("../images/afpa/plus-rose-faq.svg") no-repeat no-repeat right top;
}
.detail-resultat-id-metier .cross-multiply-pink-hover h2 {
  background: url("../images/afpa/croix-rose-faq.svg") no-repeat no-repeat right top;
}
.detail-resultat-id-metier table th {
  font-weight: bold;
}
.detail-resultat-id-metier table .left-column {
  text-align: right;
  padding-right: 5%;
  width: 83%;
}
.detail-resultat-id-metier table td.left-column {
  color: #908E8D;
  font-size: 14px;
}
.detail-resultat-id-metier table .right-column {
  text-align: left;
}
.detail-resultat-id-metier table img {
  height: 25px;
}
.detail-resultat-id-metier .blue-link {
  color: #00A0E0;
}

.part .detail-resultat-id-metier {
  padding: 0px;
  padding-top: 10px;
}

.detail-resultat-id-metier strong {
  font-weight: normal;
}

/***Formulaire Clea **/
.ie .clea-form option:hover, .ie .clea-form .ui-autocomplete.ui-widget-content li:hover, .ui-autocomplete.ui-widget-content .ie .clea-form li:hover,
.ie .clea-form option:focus,
.ie .clea-form .ui-autocomplete.ui-widget-content li:focus,
.ui-autocomplete.ui-widget-content .ie .clea-form li:focus {
  font-weight: normal;
}

/************** Bouton RELOAD***/
a.reload {
  color: #E3007E;
  float: right;
  font-weight: bold;
  margin-top: 13px;
}
a.reload:hover {
  color: #CF004B;
}
a.reload img {
  height: 20px;
}

.menu-financement a.reload {
  display: block;
  float: none;
  margin-top: 30px;
}

/***Page gestion des flux **/
.gestionFluxPage {
  padding: 20px 15px;
}

.gestionFluxForm form {
  margin: 0;
}
.gestionFluxForm ul {
  border: 1px solid #DEDEDE;
  margin: 0 0 30px;
}
.gestionFluxForm li {
  border-bottom: 1px solid #DEDEDE;
  list-style-type: none;
  padding: 10px 5px;
}
.gestionFluxForm li:last-of-type {
  border-bottom: none;
}
.gestionFluxForm li input {
  float: right;
}
.gestionFluxForm label {
  display: inline-block;
  padding-left: 5%;
}

.carre-rouge,
.carre-vert {
  display: inline-block;
  float: left;
  height: 15px;
  margin-top: 3px;
  width: 15px;
}

.carre-rouge {
  background-color: #FF0000;
}

.carre-vert {
  background-color: #01DF3A;
}

.buttons-flux a {
  display: inline-block;
  width: 49%;
}

/** Page imports ***/
.pageImports ul {
  margin: 0 0 0 15px;
}
.pageImports ul li a:hover,
.pageImports ul li a:focus {
  color: #5A545A;
  font-weight: bold;
}
.pageImports a.simple-link-no-marge, .pageImports html a.simple-link, html .pageImports a.simple-link, .pageImports html .custom-back.back-neutral a, html .custom-back.back-neutral .pageImports a, .pageImports .custom-back.back-neutral html a, .custom-back.back-neutral html .pageImports a, .pageImports html a.lien-texte-simple, html .pageImports a.lien-texte-simple, .pageImports #content a.lien-texte-simple, #content .pageImports a.lien-texte-simple, .pageImports html .center-locator .search-result a, html .center-locator .search-result .pageImports a, .pageImports .center-locator html .search-result a, .center-locator html .search-result .pageImports a,
.pageImports html #centresList .search-result a,
html #centresList .search-result .pageImports a,
.pageImports #centresList html .search-result a,
#centresList html .search-result .pageImports a, .pageImports .center-locator .search-result html a, .center-locator .search-result html .pageImports a,
.pageImports #centresList .search-result html a,
#centresList .search-result html .pageImports a, .pageImports .center-locator .search-result div:nth-child(3) a, .center-locator .search-result div:nth-child(3) .pageImports a,
.pageImports #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) .pageImports a, .pageImports html .edito-blocs a, html .edito-blocs .pageImports a, .pageImports .edito-blocs html a, .edito-blocs html .pageImports a {
  margin: 0 0 20px 0;
  padding-left: 17px;
}
.pageImports .warning {
  color: #FF0000;
  font-style: italic;
  margin-top: 20px;
}
.pageImports div {
  margin-top: 20px;
}

/**** Historique des flux **/
.historique-flux .questionzone a {
  color: #E3007E;
  font-family: "raleway-semibold";
}
.historique-flux .expandablezone {
  padding: 0 0 0 4.5%;
}
.historique-flux .expandablezone div {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  padding: 8px;
  width: 60%;
}
.historique-flux .expandablezone div:last-of-type {
  border-bottom: 1px solid #DEDEDE;
}
.historique-flux .expandablezone div a {
  text-decoration: underline;
}
.historique-flux .expandablezone div a:hover {
  color: #5A545A;
  text-decoration: none;
}
.historique-flux .expandablezone div span {
  display: inline-block;
  float: right;
}

html .informations-flux {
  background-color: #FFFFFF;
  padding: 15px 10px;
}
html .informations-flux .title {
  margin-left: 10px;
}
html .informations-flux .title h2 {
  float: left;
  padding-right: 40px;
}
html .informations-flux .title span {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  font-weight: bold;
  margin-top: 8px;
}
html .informations-flux .title span:first-of-type {
  margin-right: 15px;
}
html .informations-flux.eden {
  margin-bottom: 10px;
}
html .informations-flux.eden table {
  margin-left: 5%;
  width: 60%;
}
html .informations-flux.eden table.table-bordered {
  border: none;
}
html .informations-flux.eden table thead {
  display: none;
}
html .informations-flux.eden table tbody tr {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}
html .informations-flux.eden table tbody tr:nth-child(2n+1) td {
  background: none;
}
html .informations-flux.eden table tbody tr td {
  border-left: none;
  border-top: none;
  padding: 0;
}
html .informations-flux.flux {
  width: 100%;
}
html .informations-flux.flux .lfr-search-container {
  overflow: hidden;
}
html .informations-flux.flux table {
  width: 100%;
  max-width: 100%;
}
html .informations-flux.flux table thead {
  background-color: #ece4e4;
}
html .informations-flux.flux table thead, html .informations-flux.flux table tbody {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
}
html .informations-flux.flux table tbody td.approved {
  color: #01DF3A;
}
html .informations-flux.flux table tbody td.not-approved {
  color: #FF0000;
}
html .informations-flux.flux table tbody td a {
  text-decoration: underline;
}
html .informations-flux.flux table tbody td a:hover, html .informations-flux.flux table tbody td a:focus {
  color: #5A545A;
  text-decoration: none;
}

/***************************************
 ****Home page **************************
 ***************************************/
.afpa-hmp {
  /**** Visuel***/
}
.afpa-hmp .home-image {
  margin: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.afpa-hmp .home-image img {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .afpa-hmp .home-image .accroche-home-visuel {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .afpa-hmp .home-image .accroche-home-visuel {
    top: 60px;
  }
}
.afpa-hmp .global-homepage {
  position: relative;
  /**** zone projets**/
  /**** Recherche ***/
  /*** Trouver un centre homepage**/
  /***Localiser un centre **/
}
@media only screen and (max-width: 600px) {
  .afpa-hmp .global-homepage {
    margin-top: 1%;
    width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .afpa-hmp .global-homepage {
    margin-top: -20%;
    width: 1170px;
  }
}
.afpa-hmp .global-homepage .orientation-global {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .afpa-hmp .global-homepage .orientation-global {
    margin-bottom: 80px;
  }
}
.afpa-hmp .global-homepage .orientation-global .orientation {
  background-color: #FFFFFF;
  margin-bottom: 15px;
  padding: 15px 17px 20px 15px;
  margin-left: 5px;
}
@media only screen and (max-width: 600px) {
  .afpa-hmp .global-homepage .orientation-global .orientation {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 350px;
  }
}
@media only screen and (min-width: 600px) {
  .afpa-hmp .global-homepage .orientation-global .orientation {
    display: inline-table;
    width: 334px;
  }
}
.afpa-hmp .global-homepage .orientation-global .orientation:first-of-type {
  /*margin-right:10px;*/
}
.afpa-hmp .global-homepage .orientation-global .orientation:last-of-type {
  /*margin-left:10px;*/
}
@media only screen and (max-width: 600px) {
  .afpa-hmp .global-homepage .orientation-global .orientation .orientation-title {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .afpa-hmp .global-homepage .orientation-global .orientation .orientation-title h2 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) {
  .afpa-hmp .global-homepage .orientation-global .orientation .orientation-title h2 {
    float: left;
    text-transform: uppercase;
    width: 87%;
    word-spacing: -3px;
  }
}
.afpa-hmp .global-homepage .orientation-global .orientation .orientation-title img {
  float: right;
  height: auto;
  max-height: 25px;
  max-width: 39px;
}
.afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation {
  padding-top: 5px;
  width: 100%;
}
.afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation ul {
  margin: 0;
}
.afpa-hmp .global-homepage .orientation-global .orientation .lien-orientation ul li {
  margin-bottom: 10px;
  list-style-type: none;
}
.afpa-hmp .global-homepage .orientation-global .orientation .maj {
  clear: both;
}
.afpa-hmp .global-homepage .orientation-global .orientation .pink-button-no-transition {
  margin-top: 10px;
  width: 100%;
}
.afpa-hmp .global-homepage .trois-blocs {
  margin-bottom: 70px;
  position: relative;
}
.afpa-hmp .global-homepage #recherche-formation,
.afpa-hmp .global-homepage #recherche-centre,
.afpa-hmp .global-homepage #stats-qualiopi {
  height: 400px;
  margin: 0 10px 10px 0;
  width: 334px;
}
.afpa-hmp .global-homepage #search-formation-div {
  background-color: #FFFFFF;
  height: 452px;
  margin-left: -8px;
  padding: 0 10px;
}
.afpa-hmp .global-homepage #search-formation-div .form.searchMenu {
  height: inherit;
}
.afpa-hmp .global-homepage #search-formation-div .form-group.error {
  margin-bottom: 0;
}
.afpa-hmp .global-homepage .search-centre-home-page {
  background: url("../images/afpa/homepage/Trouver-un-centre.jpg") no-repeat center center transparent;
  background-size: cover;
  height: 322px;
  padding: 10px 20px;
  position: relative;
  width: 326px;
}
.afpa-hmp .global-homepage .search-centre-home-page #infobulle_geolocalisation {
  width: 150px;
}
.afpa-hmp .global-homepage .search-centre-home-page h2 {
  padding: 4px 3px 0;
}
.afpa-hmp .global-homepage .search-centre-home-page img {
  float: left;
  margin-right: 10px;
}
.afpa-hmp .global-homepage .search-centre-home-page .inside {
  height: 46px;
  margin-top: 75px;
  width: auto;
}
.afpa-hmp .global-homepage .search-centre-home-page .inside a#geolocalisationLink {
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: block;
  float: left;
  height: 46px;
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat -10px -449px #23BCEC;
  text-indent: -7777px;
  width: 43px;
}
.afpa-hmp .global-homepage .search-centre-home-page .inside a#submitButton {
  background-color: #00A0E0;
  float: left;
}
.afpa-hmp .global-homepage .search-centre-home-page .inside a#submitButton:hover {
  background-color: #0070CA;
}
.afpa-hmp .global-homepage .search-centre-home-page .inside .form-group {
  float: left;
  height: 45px;
  width: 60.48%;
}
.afpa-hmp .global-homepage .search-centre-home-page .inside .form-group input[type=text] {
  background-color: #23BCEC;
  border: none;
  color: #FFFFFF;
  width: 100%;
}
.afpa-hmp .global-homepage .search-centre-home-page .inside .form-group input[type=text]::-webkit-input-placeholder {
  color: #FFFFFF;
}
.afpa-hmp .global-homepage .recherche-evenement-homepage-portlet .search-centre-home-page {
  background: white;
  color: black;
}
.afpa-hmp .global-homepage .recherche-evenement-homepage-portlet .search-centre-home-page .inside {
  margin-top: 65px;
}

/* Tiny Carousel : affichage des logos partenaires*/
.slider-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.slider-content .slider {
  margin: 0 auto 40px auto;
  padding: 0 50px;
  position: relative;
  text-align: center;
  width: 1130px;
  display: flex;
}
.slider-content .slider .slick-track {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-content .slider .slick-slide {
  padding: 0 5px 0px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-content .slider img {
  height: 100%;
}
.slider-content .slider button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  width: 80px;
  position: relative;
}
.slider-content .slider .slick-prev {
  left: -15px;
  background: url("../images/afpa/homepage/carousel-nav-left.png");
  background-size: cover;
}
.slider-content .slider .slick-next {
  left: 15px;
  background: url("../images/afpa/homepage/carousel-nav-left.png");
  background-size: cover;
  transform: rotate(-180deg);
}

.votre-region.container {
  margin: 0 auto;
  overflow: hidden;
}
.votre-region.container .three-regions .relative {
  margin: 0 0 10px 0;
}
.votre-region.container .three-regions .relative:nth-of-type(2) {
  margin: 0 10px 10px 10px;
}

@media only screen and (max-width: 600px) {
  .HPMobileButton {
    display: inline-block;
    width: 15px;
    height: 10px;
  }
  .bloc_cache {
    display: none;
    margin-top: 20px;
  }
  topHomePage {
    margin-bottom: 22%;
  }
}
@media only screen and (min-width: 600px) {
  .HPMobileButton {
    display: none;
  }
}
/***FIX FIREFOX, IE**/
.ie .home-page-portlet .global-homepage .search-centre-home-page .inside a#geolocalisationLink,
.firefox .home-page-portlet .global-homepage .search-centre-home-page .inside a#geolocalisationLink {
  background: url("../images/afpa/center/store-lovator-sprite.svg") no-repeat -10px -451px #23BCEC;
}

.ie .home-page-portlet .global-homepage .search-centre-home-page .inside a#geolocalisationLink {
  margin-right: -1px;
}

/***************************************
 ****Popins**************************
 ***************************************/
/*** Popin de la vidéo - affichage en grand**/
.video-popin {
  border: none;
  width: auto;
}
.video-popin .ui-dialog-titlebar {
  background: none;
  border: none;
}
.video-popin .ui-dialog-titlebar button {
  background: url("../images/afpa/cross.svg") no-repeat scroll left top/21px auto transparent;
  border: none;
  height: 28px;
  margin-right: -5px;
  opacity: 1;
  text-indent: -77777px;
  width: 23px;
}
.video-popin .ui-dialog-titlebar button:focus {
  outline: none;
}
.video-popin #video {
  padding: 0;
  max-width: 900px;
  width: auto;
}
.video-popin #video iframe {
  display: block;
  margin: 0 auto;
  opacity: 1;
}

.ui-widget-overlay.overlay-video {
  background: #F1F1F1;
  opacity: 0.9;
  position: fixed;
  top: 0;
  width: 100%;
}

/**** Popins Formation **/
#error-no-sessions,
#error-too-many-candidatures,
#error-same-candidatures-twice,
.confirm-message,
.bandeau-up,
.error-message-orange {
  background-color: #a464a6;
  color: #FFFFFF;
  font-family: "raleway-regular";
  left: 0;
  padding: 20px 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100;
}
#error-no-sessions .close,
#error-too-many-candidatures .close,
#error-same-candidatures-twice .close,
.confirm-message .close,
.bandeau-up .close,
.error-message-orange .close {
  display: block;
  opacity: 1;
}
#error-no-sessions .close:focus, #error-no-sessions .close:hover,
#error-too-many-candidatures .close:focus,
#error-too-many-candidatures .close:hover,
#error-same-candidatures-twice .close:focus,
#error-same-candidatures-twice .close:hover,
.confirm-message .close:focus,
.confirm-message .close:hover,
.bandeau-up .close:focus,
.bandeau-up .close:hover,
.error-message-orange .close:focus,
.error-message-orange .close:hover {
  opacity: 1;
}

.confirm-message {
  background-color: #00A0E0;
}

.error-message-orange .container,
.bandeau-up .container,
.confirm-message .container {
  position: relative;
}
.error-message-orange .container p,
.bandeau-up .container p,
.confirm-message .container p {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  padding-right: 30px;
  position: relative;
}
.error-message-orange .container p a,
.bandeau-up .container p a,
.confirm-message .container p a {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFFFFF;
  text-decoration: underline;
}
.error-message-orange .container p a:hover, .error-message-orange .container p a:focus,
.bandeau-up .container p a:hover,
.bandeau-up .container p a:focus,
.confirm-message .container p a:hover,
.confirm-message .container p a:focus {
  font-weight: bold;
}
.error-message-orange .close,
.bandeau-up .close,
.confirm-message .close {
  position: absolute;
  right: 0;
  top: 0;
}

.error-message-orange {
  background-color: #F56538;
}

.bandeau-up.pink-popin {
  background-color: #E3007E;
}

#bandeau-probleme-version.active ~ .error-message-orange.active,
.session-info.active,
#error-message-atouts-number.active,
#error-too-many-candidatures.active,
#error-no-sessions.active,
#error-same-candidatures-twice.active,
#success-training-candidature.active {
  border-top: 2px solid #FFFFFF;
  top: 90px;
}

/** TOOLTIPS***/
html .tooltip-custom-theme,
.tooltipster-session,
.tooltipster-session-info,
.tooltipster-formation {
  background: #FFFFFF;
  border-radius: 5px;
  border: none;
  color: #E3007E;
}
html .tooltip-custom-theme .tooltipster-content,
.tooltipster-session .tooltipster-content,
.tooltipster-session-info .tooltipster-content,
.tooltipster-formation .tooltipster-content {
  line-height: 1.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  padding: 8px 10px;
}

html .tooltipster-session-info {
  color: #00A0E0 !important;
}

html .tooltip-custom-theme {
  width: 290px;
}

html .tooltip-custom-theme-home {
  background: #E3007E;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  width: 290px;
}
html .tooltip-custom-theme-home .tooltipster-content {
  line-height: 1.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  padding: 8px 10px;
}

#wrapper .recherche-centre-portlet form .form-group {
  display: inline;
}

.tooltipster-formation {
  width: 180px;
}

.tooltipster-session {
  width: 330px;
}

.tooltipster-applications-information,
.tooltipster-applications-indisponibilite {
  border-radius: 5px;
}
.tooltipster-applications-information .tooltipster-content,
.tooltipster-applications-indisponibilite .tooltipster-content {
  line-height: 1.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  padding: 8px 10px;
  /*TODO : a revoir, ne marche pas */
}
.tooltipster-applications-information .tooltipster-content span.titre,
.tooltipster-applications-indisponibilite .tooltipster-content span.titre {
  margin-bottom: 10px;
}

.tooltipster-applications-information {
  background-color: #FFFFFF;
  color: #5A545A;
  border: 1px solid #5A545A;
  /* 	width: 180px; */
}

.tooltipster-applications-indisponibilite {
  background-color: #E3007E;
  color: #FFFFFF;
  /* 	width: 180px; */
}

/*********************************************
 **** Global popin***************************
 ********************************************/
.global-popin {
  border: none;
  max-width: 900px;
  width: auto;
}
.global-popin .ui-dialog-content {
  background: none;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  color: #5A545A;
  opacity: 0.9;
  padding: 0 1em 0.5em;
}
.global-popin .ui-dialog-content .modal-header {
  border-bottom: 0;
  padding: 9px 15px 0px;
}
.global-popin .ui-dialog-content .modal-header > h3 {
  padding-left: 10px;
}
.global-popin .ui-dialog-content .modal-header > h3:after {
  background-color: #DEDEDE;
  margin: 10px 0 0 0;
}
.global-popin .ui-dialog-content .modal-header span {
  line-height: 0.8823529412;
  font-size: 34px;
  font-size: 3.4rem;
  color: #87BB34;
  display: block;
  margin: -15px 0 40px 0;
  text-align: center;
}
.global-popin .ui-dialog-content .modal-body {
  margin: 0 0 15px 0;
  padding-top: 5px;
}
.global-popin .ui-dialog-content .modal-body div {
  line-height: 2.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 10px;
}
.global-popin .ui-dialog-content .modal-body.modal-account {
  margin: 0 auto;
  max-width: 645px;
}
.global-popin .ui-dialog-titlebar {
  background: none;
  border: none;
}
.global-popin .ui-dialog-titlebar button {
  background: url("../images/afpa/cross.svg") no-repeat scroll left top/21px auto transparent;
  border: none;
  height: 28px;
  margin-right: -5px;
  opacity: 1;
  text-indent: -77777px;
  width: 23px;
}
.global-popin .ui-dialog-titlebar button:focus {
  outline: none;
}

.global-popin {
  /**Cas des modal de confirmation **/
}
.global-popin .buttons-cancel {
  margin: 80px auto 50px;
  max-width: 580px;
}
.global-popin .buttons-cancel a {
  cursor: pointer;
  width: 275px;
}
.global-popin .buttons-cancel.large {
  max-width: 650px;
}
.global-popin .buttons-cancel.large a {
  width: 284px;
}
.global-popin .buttons-cancel.large a.big-pink-button {
  margin: 0 5px 0 auto;
}
.global-popin .buttons-cancel.large a.pink-button-no-transition {
  display: block;
  margin: 0 auto;
}
.global-popin .buttons-cancel.large form {
  width: 100%;
}
.global-popin .buttons-cancel form {
  margin: 0 auto;
  width: 93%;
}
.global-popin.general-popin .ui-dialog-titlebar {
  float: right;
  margin-top: 10px;
  padding: 0;
  width: 48px;
}
.global-popin.general-popin .modal-header {
  padding: 0 15px;
}

.global-popin section, .bloc-mes-alertes.add-alerte-gestion section {
  clear: both;
  max-width: 580px;
}
.global-popin section p.great-title, .global-popin .modal-body p.great-title, .bloc-mes-alertes.add-alerte-gestion section p.great-title, .bloc-mes-alertes.add-alerte-gestion .modal-body p.great-title {
  margin-bottom: 35px;
  text-transform: none;
}
.global-popin section p.maj, .global-popin .modal-body p.maj, .bloc-mes-alertes.add-alerte-gestion section p.maj, .bloc-mes-alertes.add-alerte-gestion .modal-body p.maj {
  text-align: center;
}
.global-popin h3.underline-title, .bloc-mes-alertes.add-alerte-gestion h3.underline-title {
  margin-bottom: 15px;
  margin-top: 25px;
}
.global-popin h3.underline-title:after, .bloc-mes-alertes.add-alerte-gestion h3.underline-title:after {
  /* Affiche la barre dessous le titre */
  background-color: #DEDEDE;
  margin: 8px 0 0 0px;
}
.global-popin h3.underline-title + h3, .bloc-mes-alertes.add-alerte-gestion h3.underline-title + h3 {
  margin: 0;
}
.global-popin .regionsSup, .bloc-mes-alertes.add-alerte-gestion .regionsSup {
  margin-top: 15px;
}
.global-popin .regionsSup .two-part, .bloc-mes-alertes.add-alerte-gestion .regionsSup .two-part {
  float: left;
  width: 49%;
}
.global-popin .regionsSup .two-part:first-of-type, .bloc-mes-alertes.add-alerte-gestion .regionsSup .two-part:first-of-type {
  margin-right: 2%;
}
.global-popin .regionsSup .two-part.with-margin, .bloc-mes-alertes.add-alerte-gestion .regionsSup .two-part.with-margin {
  padding-top: 10px;
}
.global-popin .regionsSup .two-part.with-margin h3, .bloc-mes-alertes.add-alerte-gestion .regionsSup .two-part.with-margin h3 {
  margin-bottom: 15px;
}
.global-popin .regionsSup .buttons, .bloc-mes-alertes.add-alerte-gestion .regionsSup .buttons {
  clear: both;
  padding-top: 20px;
  text-align: center;
}
.global-popin input.normal-pink-button, .global-popin input.big-pink-button, .bloc-mes-alertes.add-alerte-gestion input.normal-pink-button, .bloc-mes-alertes.add-alerte-gestion input.big-pink-button {
  background-color: #E3007E;
  color: #FFFFFF;
  padding: 15px 20px;
}
.global-popin input.normal-pink-button:focus, .global-popin input.normal-pink-button:hover, .global-popin input.big-pink-button:focus, .global-popin input.big-pink-button:hover, .bloc-mes-alertes.add-alerte-gestion input.normal-pink-button:focus, .bloc-mes-alertes.add-alerte-gestion input.normal-pink-button:hover, .bloc-mes-alertes.add-alerte-gestion input.big-pink-button:focus, .bloc-mes-alertes.add-alerte-gestion input.big-pink-button:hover {
  background-color: #CF004B;
}
.global-popin input.big-pink-button, .bloc-mes-alertes.add-alerte-gestion input.big-pink-button {
  line-height: 1.0909090909;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "raleway-medium";
  width: 282px;
}
.global-popin input.normal-pink-button, .bloc-mes-alertes.add-alerte-gestion input.normal-pink-button {
  font-weight: bold;
  width: 334px;
}
.global-popin input.normal-pink-button:disabled, .bloc-mes-alertes.add-alerte-gestion input.normal-pink-button:disabled {
  background-color: #908E8D;
}
.global-popin span.light-color, .bloc-mes-alertes.add-alerte-gestion span.light-color {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  color: #908E8D;
}
.global-popin .selectedRegions, .bloc-mes-alertes.add-alerte-gestion .selectedRegions {
  background-color: #FFFFFF;
  margin: 0;
}
.global-popin .selectedRegions li, .bloc-mes-alertes.add-alerte-gestion .selectedRegions li {
  line-height: 1.5714285714;
  font-size: 14px;
  font-size: 1.4rem;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  color: #908E8D;
  list-style-type: none;
  padding: 12px;
}
.global-popin .selectedRegions li:last-of-type, .bloc-mes-alertes.add-alerte-gestion .selectedRegions li:last-of-type {
  border-bottom: 1px solid #DEDEDE;
}
.global-popin .selectedRegions li a, .bloc-mes-alertes.add-alerte-gestion .selectedRegions li a {
  line-height: 1.2222222222;
  font-size: 18px;
  font-size: 1.8rem;
  color: #E3007E;
  float: right;
  font-family: "raleway-bold";
}

.popin-confirmation-envoie-mail a,
.popin-confirmation-envoie-mail a:hover,
.popin-confirmation-envoie-mail a:focus {
  display: block;
  margin: 0 auto;
  max-width: 334px;
}

/*** Reset jquery styles **/
.ui-state-default .ui-icon {
  display: none;
}

.ui-dialog .ui-dialog-titlebar .ui-state-default .ui-icon {
  display: none;
  background-position-x: -80px;
  background-position-y: -128px;
}

.global-popin .popin-compte-non-active .buttons-cancel.large a.big-pink-button {
  margin: auto;
}

/* Popin CGU */
.global-popin .popin-validation-cgu p.great-title {
  margin-top: 0;
}
.global-popin .popin-validation-cgu .informations {
  margin: 30px;
  text-align: center;
}
.global-popin .popin-validation-cgu .cgu {
  overflow: auto;
  max-height: 250px;
  border: 1px solid #DEDEDE;
  padding: 10px;
}
.global-popin .popin-validation-cgu .mentions-legales {
  margin-top: 30px;
}
.global-popin .popin-validation-cgu .boutons {
  margin-top: 30px;
}
.global-popin .popin-validation-cgu .boutons a.big-pink-button, .global-popin .popin-validation-cgu .boutons a.big-gray-button {
  margin: 5px auto;
}

/* Popin Formation Adapte */
.global-popin.popin-bgwhite {
  background-color: white;
}

.global-popin .popin-contenu-formation {
  max-height: 720px;
}

.title-section {
  color: green;
  margin: 0 0 0 0;
  display: inline-block;
}

.cadre-section {
  border: 2px solid green;
  border-radius: 30px;
  padding-left: 10px;
  margin-bottom: 10px;
}

.contenu-section {
  display: none;
}

.buttonPopinPR {
  transform: rotate(45deg) translateY(-50%);
  display: inline-block;
  float: right;
  border: 0;
  height: 23px;
  width: 23px;
  position: absolute;
  right: 2rem;
}

.blocLeft {
  border-right-color: black;
  border-right: solid;
  margin-right: 2%;
}

.blocRight {
  margin-left: 2%;
}

/*
* COMMON
*/
.fullpage {
  height: 75vh;
  position: relative;
}

.fullpagefirst {
  height: 85vh;
  position: relative;
  padding-top: 25px;
}

.fullpageLast {
  height: 70vh;
  position: relative;
}

.blockheader {
  width: 100%;
  text-align: center;
  background: transparent;
  position: absolute;
  top: 0;
}

.blockfooter {
  width: 100%;
  text-align: center;
  background: transparent;
  position: absolute;
  bottom: 0;
}

.trianglebas {
  /*display: inline-block;*/
  display: none;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #000000;
}

.trianglehaut {
  /*display: inline-block;*/
  display: none;
  margin-top: 5px;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #000000;
}

.trianglehaut.white {
  border-bottom: 20px solid white;
}

@media all and (max-width: 1081px) {
  .fullpagefirst {
    height: 110vh;
  }
  .fullpageLast {
    height: 85vh;
  }
}
@media all and (max-width: 760px) {
  .fullpage {
    height: 100vh;
  }
}
@media all and (max-height: 400px) {
  .fullpagefirst {
    height: 250vh;
  }
  .fullpage {
    height: 200vh;
  }
  .fullpageLast {
    height: 150vh;
  }
}
/*
 * PAGE HEADER
 */
.pageH {
  margin: 0;
  background-color: #ffffff;
}

.pageH-div {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.pageH-texte {
  width: 50%;
}

.pageH-texte h2 {
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 8%;
  font-weight: bold !important;
  font-size: 28px !important;
}

.pageH-texte p {
  padding-left: 8%;
  padding-right: 8%;
  font-size: 18px !important;
}

.pageH-texte li {
  list-style: none;
  padding-top: 10px;
  font-size: 18px !important;
}

.pageH-texte img {
  margin-left: 5%;
  max-height: 24px;
}

.pageH-button {
  margin: 5% 8% !important;
  border: none;
  padding: 15px 40px;
  text-align: center;
  font-weight: bold !important;
  font-size: 21px !important;
}

.pageH-image {
  width: 50%;
  float: right;
  text-align: center;
}

.pageH-img {
  max-height: 82vh !important;
}

@media all and (max-width: 768px) {
  .pageH-texte h2 {
    font-size: 27px !important;
  }
}
@media all and (max-width: 500px) {
  .pageH-texte h2 {
    padding-left: 1%;
    padding-right: 1%;
  }
  .pageH-div {
    width: 100%;
    display: inline;
  }
  .pageH-button-div, .pageH-image {
    text-align: center;
    width: 100%;
  }
  .pageH-image {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .pageH-img {
    max-height: 22vh !important;
  }
  .pageH-texte {
    width: 100%;
  }
  .pageH-texte p {
    padding-left: 3%;
    padding-right: 3%;
  }
  .pageH-texte img {
    margin-left: 0%;
  }
}
@media all and (max-width: 320px) {
  .pageH-texte h2 {
    font-size: 18px !important;
  }
  .pageH-texte p, .pageH-texte li {
    font-size: 12px !important;
  }
  .pageH-img {
    display: none;
  }
}
/*
 * PAGE BODY
 */
.pageB {
  margin: 0;
  background-color: #ffffff;
}

.pageB-div {
  width: 100%;
}

.pageB-texte {
  padding-top: 8%;
  padding-left: 2%;
  padding-right: 2%;
}

.pageB-texte h2 {
  padding-top: 8%;
  font-weight: bold !important;
  font-size: 28px !important;
}

.pageB-texte p {
  padding-left: 80px;
  padding-right: 80px;
  font-size: 18px !important;
}

.pageB-texte li {
  padding-top: 10px;
  font-size: 18px !important;
}

.pageB-div img {
  margin-left: 5%;
  max-height: 24px;
}

.pageB-img {
  max-height: 61vh !important;
  max-width: 50% !important;
  margin-top: 6vh;
}

@media all and (max-width: 1024px) {
  .pageB-texte {
    padding-top: 0%;
    width: 100% !important;
  }
  .pageB-image {
    text-align: center;
    width: 100%;
  }
  .pageB-img {
    float: none !important;
    max-height: 35vh !important;
    max-width: 60% !important;
    margin-top: 5vh;
  }
}
@media all and (max-width: 320px) {
  .pageB-texte h2 {
    font-weight: bold !important;
    font-size: 18px !important;
  }
  .pageB-texte p {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 12px !important;
  }
  .pageB-texte li {
    padding-top: 8px;
    font-size: 12px !important;
  }
}
/*
 * PAGE FOOTER
 */
.pageF {
  margin: 0;
  background-color: #ffffff;
}

.pageF-div {
  width: 100%;
  padding: 0 6% 0 6%;
  text-align: center;
}

.pageF-texte {
  padding-top: 5%;
  padding-bottom: 2%;
}

.pageF-texte p {
  font-size: 18px !important;
}

.pageF-button {
  border: none;
  padding: 15px 40px;
  text-align: center;
  font-weight: bold !important;
  font-size: 21px !important;
}

.pageF-logoLeft {
  height: 100px !important;
  left: 5%;
  bottom: 0;
  position: absolute;
}

.pageF-footer-right {
  float: right;
}

.pageF-logoCenter {
  height: 100px !important;
  right: calc(10% + 100px);
  bottom: 0;
  position: absolute;
}

.pageF-logoRight {
  height: 100px !important;
  right: 5%;
  bottom: 0;
  position: absolute;
}

@media all and (max-width: 1152px) {
  .pageF-div {
    padding: 0 2% 0 2%;
    text-align: center;
  }
  .pageF-texte {
    padding-top: 4%;
    padding-bottom: 0%;
  }
}
@media all and (max-width: 1024px) {
  .pageF-texte {
    padding-top: 8%;
  }
  .pageF-footer-left {
    padding-top: 3%;
    width: 100%;
    text-align: center;
  }
  .pageF-footer-right {
    padding-top: 3%;
    float: none;
    width: 100%;
    text-align: center;
  }
  .pageF-logoLeft, .pageF-logoCenter, .pageF-logoRight {
    height: 65px !important;
    left: auto;
    bottom: auto;
    position: static;
  }
}
@media all and (max-width: 320px) {
  .pageF-texte {
    padding-top: 12%;
  }
  .pageF-texte p {
    font-size: 12px !important;
  }
}
/*
 * ANCRE
 */
.anchorFirst {
  display: block;
  position: relative;
  top: -36vh;
  visibility: hidden;
}

.anchor {
  display: block;
  position: relative;
  top: 0vh;
  visibility: hidden;
}

#search {
  width: 1030px;
  height: auto;
  padding: 1px; /**Annule la fusion des marges**/
}
#search h1 {
  padding-bottom: 30px;
}
#search form {
  height: 130px;
}
#search form .inside {
  border-bottom: 1px solid #DEDEDE;
}

#modal-recherche {
  height: 215px;
  overflow: auto;
}

.inputTextParcours {
  line-height: 1.57143;
  font-size: 1.4rem;
  border: 1px solid #dedede;
  box-shadow: none;
  border-radius: 0;
  color: #908e8d;
  font-family: Arial, sans-serif;
  height: 5.2rem;
  padding: 14px;
}

@media only screen and (max-width: 600px) {
  .inputParcoursMetier {
    width: 100px;
  }
}

@media only screen and (max-width: 600px) {
  .elementMetierParcours {
    width: 208px;
    margin-left: 1rem;
  }
}
@media only screen and (min-width: 600px) {
  .elementMetierParcours {
    width: 350px;
    margin-left: 5rem;
  }
}

#search,
#modal-recherche {
  background-color: #FFFFFF;
}
#search form .search-fomations-centers .inside,
#modal-recherche form .search-fomations-centers .inside {
  position: relative;
}
#search form .search-fomations-centers .inside .form-group,
#modal-recherche form .search-fomations-centers .inside .form-group {
  font-family: "raleway-semibold";
  margin: 0;
}
#search form .search-fomations-centers .inside .form-group input,
#modal-recherche form .search-fomations-centers .inside .form-group input {
  line-height: 3.5416666667;
  font-size: 24px;
  font-size: 2.4rem;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  border: none;
  color: #908E8D;
  font-family: "raleway-semibold";
  height: 85px;
  margin-bottom: 0px;
  width: 100%;
}
#search form .search-fomations-centers .inside .form-group input::-webkit-input-placeholder, #search form .search-fomations-centers .inside .form-group input::-moz-placeholder, #search form .search-fomations-centers .inside .form-group input:-ms-input-placeholder, #search form .search-fomations-centers .inside .form-group input:-moz-placeholder,
#modal-recherche form .search-fomations-centers .inside .form-group input::-webkit-input-placeholder,
#modal-recherche form .search-fomations-centers .inside .form-group input::-moz-placeholder,
#modal-recherche form .search-fomations-centers .inside .form-group input:-ms-input-placeholder,
#modal-recherche form .search-fomations-centers .inside .form-group input:-moz-placeholder {
  color: #908E8D;
}
#search form .search-fomations-centers .inside .form-group input.ui-autocomplete-loading,
#modal-recherche form .search-fomations-centers .inside .form-group input.ui-autocomplete-loading {
  color: #00A0E0;
}
#search form .search-fomations-centers .inside .form-group input:focus,
#modal-recherche form .search-fomations-centers .inside .form-group input:focus {
  border: none;
  box-shadow: none;
}
#search form .search-fomations-centers .inside .form-group input::-ms-clear,
#modal-recherche form .search-fomations-centers .inside .form-group input::-ms-clear {
  display: none;
}
#search .connexes,
#modal-recherche .connexes {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  color: #00A0E0;
  font-family: "raleway-regular";
  margin-top: 12px;
  text-align: center;
}
#search .connexes span,
#modal-recherche .connexes span {
  color: #908E8D;
}
#search .connexes a.popular-search-link.blue, #search .connexes span.popular-search-link.blue,
#modal-recherche .connexes a.popular-search-link.blue,
#modal-recherche .connexes span.popular-search-link.blue {
  color: #00A0E0;
  font-family: "raleway-semibold";
  text-decoration: underline;
}
#search .connexes a.popular-search-link.blue:hover, #search .connexes span.popular-search-link.blue:hover,
#modal-recherche .connexes a.popular-search-link.blue:hover,
#modal-recherche .connexes span.popular-search-link.blue:hover {
  color: #0070CA;
}
#search .connexes a.popular-search-link.gray, #search .connexes span.popular-search-link.gray,
#modal-recherche .connexes a.popular-search-link.gray,
#modal-recherche .connexes span.popular-search-link.gray {
  font-weight: bold;
}

#onglets {
  /*** KEEP ??**/
}
#onglets .buttons-search {
  margin: -23px auto 40px;
  overflow: hidden;
  text-align: center;
  width: 764px;
}
#onglets .buttons-search a, #onglets .buttons-search span {
  line-height: 2.5555555556;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #DEDEDE;
  color: #5A545A;
  display: inline-block;
  float: left;
  font-family: "raleway-semibold";
  height: 46px;
  margin-right: 10px;
  text-align: center;
  width: 22%;
}
#onglets .buttons-search a.last, #onglets .buttons-search span.last {
  margin: 0;
}
#onglets .buttons-search a span, #onglets .buttons-search a.clickable {
  cursor: pointer;
}
#onglets .buttons-search a span.active, #onglets .buttons-search a.clickable.active {
  background-color: #00A0E0;
  color: #FFFFFF;
}
#onglets .buttons-search a span.active.alone, #onglets .buttons-search a.clickable.active.alone {
  float: none;
}
#onglets .buttons-search a span:hover, #onglets .buttons-search a span:focus, #onglets .buttons-search a.clickable:hover, #onglets .buttons-search a.clickable:focus {
  background-color: #0070CA;
  color: #FFFFFF;
  outline: none;
}
#onglets #contentArticles, #onglets #contentCentres, #onglets #contentFormations, #onglets #contentContratsPro {
  width: 100%;
}
#onglets #contentArticles #nombre-formation, #onglets #contentCentres #nombre-formation, #onglets #contentFormations #nombre-formation, #onglets #contentContratsPro #nombre-formation {
  margin-bottom: 12px;
}
#onglets #contentArticles #nombre-formation h3, #onglets #contentCentres #nombre-formation h3, #onglets #contentFormations #nombre-formation h3, #onglets #contentContratsPro #nombre-formation h3 {
  display: inline;
}
#onglets #contentCentres #centresList {
  background-color: #FFFFFF;
  margin-bottom: 30px;
  overflow: hidden;
}
#onglets #contentCentres #centresList .search-result .center-city {
  background: url("../images/afpa/pastille-standard.svg") no-repeat 0 0 transparent;
  padding-top: 7px;
}
#onglets #articlesList {
  width: auto;
}
#onglets #articlesList > div {
  margin-bottom: 10px;
  width: 334px;
}
#onglets #articlesList > div:nth-child(odd) {
  margin-right: 7px;
  margin-left: 16px;
}
#onglets .button-moreResults {
  margin-top: 10px;
}
#onglets .button-moreResults {
  float: right;
  width: 66.35%;
}
#onglets #centresList {
  float: right;
}

/*** Boutons Bleu***/
#submitTextSearch {
  line-height: 2.5555555556;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #00A0E0;
  color: #FFFFFF;
  display: block;
  text-align: center;
  height: 46px;
  position: absolute;
  width: 64px;
  top: 20px;
}
#submitTextSearch:hover {
  background-color: #0070CA;
}

/*** Boutons Vert***/
#submitTextSearchHP {
  line-height: 2.875;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #44a33d;
  color: #FFFFFF;
  display: block;
  text-align: center;
  top: 20px;
  width: 300px;
  font-family: "raleway-bold";
}
#submitTextSearchHP:hover {
  background-color: #0070CA;
}

/*** Boutons Vert***/
#submitTextSearchHP {
  line-height: 2.875;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #44a33d;
  color: #FFFFFF;
  display: block;
  text-align: center;
  top: 20px;
  width: 300px;
  font-family: "raleway-bold";
}
#submitTextSearchHP:hover {
  background-color: #0070CA;
}

#submitTextSearch {
  right: 0;
}

.dialog-search #submitTextSearch {
  right: 54px;
}

.recherche-resultats-portlet { /***Englobe les facettes + les résultats de recherche***/ }
.recherche-resultats-portlet .portlet-borderless-container {
  overflow: hidden; /*** Permet de prendre la totalité de la hauteur de ses enfants flottants**/
}

/************************************
 **** Moteur recherche du menu*******
 ***********************************/
.search-menu-button { /*** Bouton du menu **/
  border-radius: 10px;
  background: url("../images/afpa/loupe-recherche-on.svg") no-repeat scroll 1% #FFFFFF;
  background-size: 21px auto;
  display: block;
  height: 33px;
  width: 200px;
}
.search-menu-button:focus, .search-menu-button:hover {
  background: url("../images/afpa/loupe-recherche-on.svg") no-repeat scroll 1% #FFFFFF;
  background-size: 21px auto;
}

.search-user-button { /*** Barre de recherche dans Gestion des utilisateurs **/
  border-radius: 10px;
  background: url("../images/afpa/loupe-recherche-on.svg") no-repeat scroll 1% #FFFFFF;
  background-size: 21px auto;
  display: block;
  text-indent: 40px;
  height: 45px;
  font-weight: bold;
  margin-top: 18px;
  font-size: 18px;
  width: 600px;
  font-family: raleway-regular;
}
.search-user-button:focus, .search-user-button:hover {
  background: url("../images/afpa/loupe-recherche-on.svg") no-repeat scroll 1% #FFFFFF;
  background-size: 21px auto;
}

.signed-out {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.signed-out .dialog-search { /***Positionnement a la connexion fermée**/
  top: 192px;
}

.admin-view.signed-in { /***Positionnement quand l'admin est connecté**/ }
.admin-view.signed-in .dialog-search {
  top: 244px;
}

.admin-view.signed-in.controls-hidden { /***Positionnement quand l'admin est connecté**/ }
.admin-view.signed-in.controls-hidden .dialog-search {
  top: 244px;
}

.signed-in {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.signed-in .dialog-search {
  top: 192px;
}

.ui-resizable-handle {
  display: none;
}

.dialog-search { /*** Modal **/
  background-color: #FFFFFF;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: none;
  overflow: visible;
  position: absolute;
  width: 100%;
}
.dialog-search .ui-dialog-titlebar { /*** Header a enlever **/
  display: none;
}
.dialog-search #modal-recherche {
  margin: 0 auto;
  padding: 0;
  max-width: 1024px;
}
.dialog-search #modal-recherche input {
  padding: 0;
}
.dialog-search .close-href { /*** Croix***/
  border: none;
  height: 26px;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 34px;
  width: 21px;
}

.ui-widget-overlay {
  position: absolute;
  top: 245px;
}
.ui-widget-overlay.overlay-popin { /***Popin espace perso*/
  background: #F1F1F1 none repeat-x scroll 50% 50%;
  opacity: 0.9;
  position: fixed;
  top: 0;
}

/**** Facettes ***/
#facet {
  float: left;
  margin: 0 0 20px 0;
  /***Bloc push recherche contrat pro**/
}
#facet .inside-facet {
  background-color: #FFFFFF;
  overflow: hidden;
}
#facet .delete-filters {
  padding: 10px 0 25px 18px;
}
#facet .delete-filters a {
  background: url("../images/afpa/sprite-edito.svg") no-repeat 230px -2px transparent;
  display: block;
  font-family: Arial, sans-serif;
  font-weight: normal;
  margin-left: 18px;
  text-decoration: underline;
}
#facet .delete-filters a:hover {
  color: #5A545A;
  font-weight: bold;
}
#facet h3 {
  padding: 2px 20px 5px 20px;
}
#facet hr {
  background-color: #F1F1F1;
  clear: both;
  padding-bottom: 1px;
}
#facet h4 {
  clear: both;
  float: left;
  margin-top: 5px;
  padding: 0 20px;
}
#facet h4.active {
  color: #E3007E;
  font-family: "raleway-semibold";
}
#facet .toggleFacet, #facet .toggleGeolocFacet {
  margin: 10px 20px 0 0;
}
#facet .toggleFacet:focus, #facet .toggleGeolocFacet:focus {
  outline: none;
}
#facet .facetOn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  clear: both;
  margin-bottom: 30px;
  padding: 5px 20px 0 20px;
}
#facet .facetOn ul {
  margin: 0;
}
#facet .facetOn ul li {
  list-style-type: none;
  margin-bottom: 10px;
  text-align: left;
  overflow: hidden;
  position: relative;
}
#facet .facetOn ul li.selected {
  background-color: #DEDEDE;
  min-height: 46px;
}
#facet .facetOn ul li.selected a {
  display: inline-block;
  font-weight: bold;
  padding: 14px 20px;
  width: 240px;
}
#facet .facetOn ul li.selected a:hover {
  color: #5A545A;
}
#facet .facetOn ul li a {
  padding-left: 20px;
}
#facet .facetOn ul li a, #facet .facetOn ul li span {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
}
#facet .facetOn ul li a:hover, #facet .facetOn ul li span:hover {
  color: #5A545A;
  font-weight: bold;
}
#facet .facetOn ul li a.number, #facet .facetOn ul li span.number {
  color: #E3007E;
  font-weight: bold;
}
#facet .facetOn ul li .suppr-button {
  height: 16px;
  float: right;
  margin: 15px 20px 0 0;
  padding: 0;
  text-indent: -77777px;
  width: 14px;
}
#facet .facetOn ul li .suppr-button a {
  background: url("../images/afpa/sprite-edito.svg") no-repeat scroll -12px 0px/38px auto transparent;
  display: block;
  height: 20px;
  width: inherit;
}
#facet .filters-input { /*** Filtre des dates**/
  clear: both;
  padding: 5px 20px 0 20px;
  overflow: hidden;
}
#facet .filters-input ul {
  margin: 0;
}
#facet .filters-input ul li {
  float: left;
  list-style-type: none;
}
#facet .filters-input ul li:first-of-type .form-group {
  margin-right: 10px;
}
#facet .filters-input ul li .form-group {
  margin-bottom: 0;
  width: 141px;
}
#facet .filters-input ul li .form-group input {
  background: url("../images/afpa/sprite-edito.svg") no-repeat 98px -25px #FFFFFF;
  height: 46px;
  width: 100%;
}
#facet .filters-input ul li .form-group input::-webkit-input-placeholder, #facet .filters-input ul li .form-group input::-moz-placeholder, #facet .filters-input ul li .form-group input:-ms-input-placeholder, #facet .filters-input ul li .form-group input:-moz-placeholder {
  color: #5A545A;
}
#facet .bien-choisir {
  clear: both;
  margin-top: 10px;
  width: 334px;
}
#facet .bien-choisir img {
  float: left;
  margin-right: 10px;
  max-width: 26px;
}
#facet .bien-choisir h4 {
  clear: none;
  float: left;
  margin-top: 0;
  padding: 0;
  width: 258px;
}
#facet .bien-choisir p {
  clear: both;
}

/***Blocs resultats recherche -Formations list-formations rapides list- services formations**/
html .nosServicesFormations.span8 {
  float: right;
}
html .nosServicesFormations .portlet-borderless-container {
  width: 100%;
}

.global-search-list,
#formationsDomainesList {
  background-color: #FFFFFF;
}
.global-search-list h3,
#formationsDomainesList h3 {
  font-family: "raleway-regular";
  padding: 4px 0 0 20px;
  margin-bottom: 0;
}
.global-search-list h3:after,
#formationsDomainesList h3:after {
  background-color: #DEDEDE;
  margin: 12px 0 0 0px;
}
.global-search-list h3.entree-rapide-img,
#formationsDomainesList h3.entree-rapide-img {
  background: url("../images/afpa/formation/entrees-rapides.svg") no-repeat scroll 20px 9px/25px auto transparent;
  display: inline-block;
  padding-left: 52px;
}
.global-search-list h3.entree-rapide-img:after,
#formationsDomainesList h3.entree-rapide-img:after {
  margin: 12px 0 0 -32px;
}

.global-search-list,
#formationsDomainesList,
#formationsCentreList {
  background-color: #FFFFFF;
  margin-bottom: 10px;
  padding: 1px;
}
.global-search-list div.item-list,
#formationsDomainesList div.item-list,
#formationsCentreList div.item-list {
  border-bottom: 1px solid #F1F1F1;
  padding: 20px 20px 30px 20px;
  position: relative;
  overflow: hidden;
}
.global-search-list div.item-list > .first-div,
#formationsDomainesList div.item-list > .first-div,
#formationsCentreList div.item-list > .first-div {
  min-height: 50px;
}
.global-search-list div.item-list:last-of-type,
#formationsDomainesList div.item-list:last-of-type,
#formationsCentreList div.item-list:last-of-type {
  border: none;
}
.global-search-list div.item-list.item-service,
#formationsDomainesList div.item-list.item-service,
#formationsCentreList div.item-list.item-service {
  display: table;
  width: 100%;
}
.global-search-list div.item-list.item-service .colonne-right,
#formationsDomainesList div.item-list.item-service .colonne-right,
#formationsCentreList div.item-list.item-service .colonne-right {
  display: table-cell;
  vertical-align: bottom;
  width: 24%;
}
.global-search-list div.item-list.item-service .colonne-right a,
#formationsDomainesList div.item-list.item-service .colonne-right a,
#formationsCentreList div.item-list.item-service .colonne-right a {
  margin: 0 0 10px 0;
}
.global-search-list div.item-list.item-service .colonne-left,
#formationsDomainesList div.item-list.item-service .colonne-left,
#formationsCentreList div.item-list.item-service .colonne-left {
  display: table-cell;
  width: 76%;
}
.global-search-list div.item-list .colonne-left,
#formationsDomainesList div.item-list .colonne-left,
#formationsCentreList div.item-list .colonne-left {
  float: left;
  width: 76%;
}
.global-search-list div.item-list .first-div,
#formationsDomainesList div.item-list .first-div,
#formationsCentreList div.item-list .first-div {
  float: left;
  width: 60%;
}
.global-search-list div.item-list .first-div h4,
#formationsDomainesList div.item-list .first-div h4,
#formationsCentreList div.item-list .first-div h4 {
  clear: both;
}
.global-search-list div.item-list .first-div h4 a,
#formationsDomainesList div.item-list .first-div h4 a,
#formationsCentreList div.item-list .first-div h4 a {
  line-height: 1.375;
  font-size: 16px;
  font-size: 1.6rem;
  float: none;
  font-family: "raleway-semibold";
  font-weight: normal;
  margin-top: 0;
  padding-left: 0;
}
.global-search-list div.item-list .first-div h4 a:hover, .global-search-list div.item-list .first-div h4 a:focus,
#formationsDomainesList div.item-list .first-div h4 a:hover,
#formationsDomainesList div.item-list .first-div h4 a:focus,
#formationsCentreList div.item-list .first-div h4 a:hover,
#formationsCentreList div.item-list .first-div h4 a:focus {
  color: #5A545A;
}
.global-search-list div.item-list .second-div,
#formationsDomainesList div.item-list .second-div,
#formationsCentreList div.item-list .second-div {
  padding-right: 20px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 20px;
  width: 40%;
}
.global-search-list div.item-list span.category-formation,
#formationsDomainesList div.item-list span.category-formation,
#formationsCentreList div.item-list span.category-formation {
  line-height: 1.875;
  font-size: 16px;
  font-size: 1.6rem;
  color: #00A0E0;
  font-family: "raleway-semibold";
}
.global-search-list div.item-list span.tag,
#formationsDomainesList div.item-list span.tag,
#formationsCentreList div.item-list span.tag {
  margin: 0 5px 0 0px;
}
.global-search-list div.item-list .clear,
#formationsDomainesList div.item-list .clear,
#formationsCentreList div.item-list .clear {
  clear: both;
}
.global-search-list div.item-list .clear .first-div,
#formationsDomainesList div.item-list .clear .first-div,
#formationsCentreList div.item-list .clear .first-div {
  width: 67%;
}
.global-search-list div.item-list a,
#formationsDomainesList div.item-list a,
#formationsCentreList div.item-list a {
  cursor: pointer;
  float: right;
  padding-left: 17px;
}
.global-search-list p.date-publication-contrat,
#formationsDomainesList p.date-publication-contrat,
#formationsCentreList p.date-publication-contrat {
  color: #908E8D;
}

.formation-service {
  margin-bottom: 40px;
}

/*** Facettes recherches Formations **/
.global-facet hr {
  margin: 8px 0 2px 0;
}
.global-facet hr:last-of-type {
  display: none;
}
.global-facet #facetCheckFormation ul {
  margin-left: 0;
}
.global-facet #facetCheckFormation ul li {
  padding-left: 40px;
  margin-bottom: 0;
  padding-bottom: 2%;
}
.global-facet #facetCheckFormation ul li:hover {
  background-color: #edf5ea;
  font-weight: bold;
  padding-bottom: 2%;
}
.global-facet div {
  padding-bottom: 5px;
}
.global-facet div ul {
  clear: both;
  margin-left: 40px;
}
.global-facet div ul li {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  list-style-type: none;
  margin-bottom: 10px;
  position: relative;
}
.global-facet div ul li:hover {
  font-weight: bold;
}
.global-facet div ul li.selected {
  background-color: #DEDEDE;
  min-height: 46px;
}
.global-facet div ul li.selected a {
  display: inline-block;
  font-weight: bold;
  padding: 14px 20px;
  width: 240px;
}
.global-facet div ul li.selected a:hover {
  color: #5A545A;
}
.global-facet div ul li.checked {
  cursor: pointer;
  padding-left: 30px;
}
.global-facet div ul li.checked a:hover, .global-facet div ul li.checked a:focus {
  font-weight: bold;
}
.global-facet div ul li.checked:before {
  background-color: #FFFFFF;
  border: 1px solid #DEDEDE;
  content: "";
  cursor: pointer;
  height: 21px;
  left: 0;
  position: absolute;
  top: 0px;
  width: 21px;
}
.global-facet div ul li a:hover {
  color: #5A545A;
  font-weight: bold;
}
.global-facet div ul li .suppr-button {
  height: 16px;
  float: right;
  margin: 15px 20px 0 0;
  padding: 0;
  text-indent: -77777px;
  width: 14px;
}
.global-facet div ul li .suppr-button a {
  background: url("../images/afpa/sprite-edito.svg") no-repeat scroll -12px 0px/38px auto transparent;
  display: block;
  height: 20px;
  width: inherit;
}
.global-facet div ul li span {
  color: #E3007E;
  font-weight: bold;
}

#contentCentres #centresList > div {
  border-bottom: 1px solid #F1F1F1;
}
#contentCentres #centresList > div:last-of-type {
  border: none;
}

/**Types de formation : resultat **/
.type-formation {
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 0 20px 20px;
  width: 100%;
}

.contrat-pro-search h3 {
  font-family: "raleway-regular";
}
.contrat-pro-search h3:after {
  /* Affiche la barre dessous le titre */
  background-color: #DEDEDE;
  margin: 8px 0 0 0px;
}

/*******************************
**** Recherche Prescripteur ***
*******************************/
.global-search-list .div.item-list.prescripteur-list {
  width: 70%;
}

.global-search-list .accordion-formation {
  clear: both;
  margin-bottom: 0;
  padding-top: 15px;
}
.global-search-list .accordion-formation h5 {
  color: #E3007E;
  display: inline-block;
  font-family: Arial, sans-serif;
  padding-right: 15px;
}
.global-search-list .accordion-formation .contenu-programme {
  width: 70%;
}
.global-search-list .accordion-formation .contenu-programme ul {
  clear: both;
  margin: 0;
}
.global-search-list .accordion-formation .contenu-programme ul li {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  list-style-type: none;
}
.global-search-list .accordion-formation p {
  clear: both;
  font-family: Arial, sans-serif;
}
.global-search-list .accordion-formation img {
  margin: 12px 0 0 12px;
}

/*** Bloc Map sur les formations**/
.aside-formations {
  margin-left: 10px;
  width: 334px;
}
.aside-formations .prescripteur-mention {
  margin: 1rem 0 1rem 0;
  text-align: center;
  padding: 1rem;
  background-color: white;
  border: 2px solid #a464a6;
}
.aside-formations .arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgb(227, 0, 126);
  right: 75px;
  z-index: 1;
  position: absolute;
}
.aside-formations .mettreEnAvantAlternance {
  background-color: rgb(227, 0, 126);
  color: white;
  font-family: raleway-semibold;
  font-size: 12px;
  text-align: center;
  height: 50px;
  display: block;
  line-height: 50px;
}
.aside-formations .mettreEnAvantAlternanceCenter {
  background-color: rgb(227, 0, 126);
  color: white;
  font-family: raleway-semibold;
  font-size: 12px;
  text-align: left;
  display: block;
}
.aside-formations .onglet-fiche {
  background-color: #DEDEDE;
  color: #5A545A;
  float: left;
  font-weight: bold;
  height: 54px;
  line-height: 54px;
  text-align: center;
  width: 49.7%;
}
.aside-formations .onglet-fiche:first-of-type {
  margin-right: 0.6%;
}
.aside-formations .onglet-fiche.active {
  background-color: #00A0E0;
  color: #FFFFFF;
}
.aside-formations .onglet-fiche.active:hover {
  color: #FFFFFF;
}
.aside-formations .onglet-fiche:hover {
  color: #5A545A;
}
.aside-formations .dynamic-content {
  background-color: #FFFFFF;
  clear: both;
  margin-bottom: 10px;
  padding: 1px;
}
.aside-formations .dynamic-content .modalite-carte p#chiffre-formation-school, .aside-formations .dynamic-content .modalite-carte p#chiffre-formation-alternately {
  clear: both;
  font-family: "raleway-regular";
}
.aside-formations .dynamic-content .modalite-carte .carte {
  padding: 0;
  margin: 20px 0 0 0;
  padding: 1px 0;
  position: relative;
  text-align: center;
}
.aside-formations .dynamic-content .modalite-carte .carte .map-zone {
  margin: 0 auto;
  position: relative;
  width: 260px;
}
.aside-formations .dynamic-content .modalite-carte .carte .map-zone .img-map-min {
  width: 260px;
}
.aside-formations .dynamic-content .modalite-carte .carte map area.active {
  cursor: pointer;
}
.aside-formations .dynamic-content .modalite-info {
  padding: 10px;
}
.aside-formations .dynamic-content .modalite-info .modalite-list {
  clear: both;
}
.aside-formations #message-job {
  font-weight: bold;
  margin: 15px 0;
  text-align: center;
}
.aside-formations .chiffre-formation {
  line-height: 1;
  font-size: 34px;
  font-size: 3.4rem;
  clear: both;
  color: #23BCEC;
  font-family: "raleway-bold";
}
.aside-formations .region-details {
  padding: 10px;
}
.aside-formations .region-details .return-map {
  background: transparent url("../images/afpa/back-pink.svg") no-repeat scroll left center/7px auto;
  color: #E3007E;
  padding-left: 20px;
}
.aside-formations .region-details img.picto-service {
  display: block;
  float: left;
  margin-right: 12px;
}
.aside-formations .region-details img.picto-service.lunch {
  height: 20px;
  width: 10px;
}
.aside-formations .region-details img.picto-service.sleep {
  height: 15px;
  margin-top: 4px;
  width: 20px;
}
.aside-formations .region-details .titre-region {
  margin: 10px 0 30px 0;
}
.aside-formations .region-details .titre-region span.colored {
  line-height: 1.2222222222;
  font-size: 18px;
  font-size: 1.8rem;
  color: #00A0E0;
}
.aside-formations .region-details .center-session {
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.aside-formations .region-details .center-session img {
  float: left;
}
.aside-formations .region-details .center-session p {
  float: left;
  margin: 0 0 12px 0;
  width: 75%;
}
.aside-formations .region-details .center-session p span {
  color: #00A0E0;
}
.aside-formations .region-details ul {
  clear: both;
  margin: 0 0 18px 0;
}
.aside-formations .region-details ul:last-of-type {
  margin: 0;
}
.aside-formations .region-details ul li {
  list-style-type: none;
  position: relative;
}
.aside-formations .region-details ul li input {
  float: left;
}
.aside-formations .region-details ul li label {
  cursor: default;
  display: inline-block;
  margin: 0;
  padding-left: 30px;
}
.aside-formations .region-details ul li span.info-bulle {
  margin: -4px 20px 0 0;
}
.aside-formations .region-details ul li span.radio-map {
  margin-right: -24px;
}
.aside-formations .region-details span.waiting {
  line-height: 1.2857142857;
  font-size: 14px;
  font-size: 1.4rem;
  color: #908E8D;
  display: block;
  font-style: italic;
  margin-left: 36px;
}
.aside-formations .region-details span.waiting img {
  margin-right: 10px;
}
.aside-formations form {
  margin: 0 0 10px 0;
}
.aside-formations form .carte.no-session {
  padding: 15px;
}

/*** Affichage Carte ***/
.aside-formations .dynamic-content .modalite-carte .header-map {
  padding: 0 0 0 10px;
}
.aside-formations .dynamic-content .modalite-carte .header-map h3 {
  float: left;
  margin: 10px 0 0 0;
}
.aside-formations .dynamic-content .modalite-carte #training-national-count-school,
.aside-formations .dynamic-content .modalite-carte #chiffre-formation-alternately {
  padding-left: 10px;
}
.aside-formations .dynamic-content .modalite-carte span.select-region {
  line-height: 2.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  color: #908E8D;
  display: inline-block;
  font-family: Arial, sans-serif;
  margin-top: 10px;
}

/*** Bloc appel gratuit - formation déficitaires  ***/
.aside-formations .back-action p {
  margin: 0;
}
.aside-formations .back-action p i {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
}

/**** Boutons **/
.aside-formations #alerte-mail button,
.aside-formations #alerte-mail .pink-button-no-transition {
  line-height: 0.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  background: #E3007E;
  font-family: Arial, sans-serif;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
.aside-formations #alerte-mail button:hover, .aside-formations #alerte-mail button:focus,
.aside-formations #alerte-mail .pink-button-no-transition:hover,
.aside-formations #alerte-mail .pink-button-no-transition:focus {
  background: #CF004B;
}
.aside-formations #alerte-mail button:disabled,
.aside-formations #alerte-mail .pink-button-no-transition:disabled {
  background: #908E8D;
  color: #FFFFFF;
}
.aside-formations #alerte-mail button img,
.aside-formations #alerte-mail .pink-button-no-transition img {
  margin-right: 10px;
}
.aside-formations .pink-button-no-transition,
.aside-formations .pink-button-no-transition:hover,
.aside-formations .pink-button-no-transition:focus {
  padding: 10px 20px;
}
.aside-formations button {
  border: none;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  padding: 7px 20px 14px 20px;
}
.aside-formations .mauve-button,
.aside-formations .blue-button {
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
.aside-formations .mauve-button.disabled,
.aside-formations .blue-button.disabled {
  background-color: #DEDEDE;
  color: #908E8D;
  cursor: not-allowed;
}

/***Bloc contact des formations ***/
.aside-formations .contact-formation {
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 10px 20px;
}
.aside-formations .contact-formation img {
  float: left;
  margin: 2px 10px 0 0;
}
.aside-formations .contact-formation span {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  margin-top: 8px;
}
.aside-formations .contact-formation span strong {
  line-height: 1.25;
  font-size: 16px;
  font-size: 1.6rem;
}
.aside-formations .contact-formation .gray-button, .aside-formations .contact-formation .moreResults a, .moreResults .aside-formations .contact-formation a {
  margin-top: 10px;
}

.numTelephoneImg {
  max-width: 150px !important;
  max-height: 45px !important;
  position: relative !important;
  top: 0px !important;
}

.numTelephoneLink {
  display: inline-block !important;
  background: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

/**** Bloc prochaines formations **/
.next-formation {
  border-radius: 12px;
  background-color: #87BB34;
  color: #FFFFFF;
  margin-top: 30px;
  min-height: 98px;
  padding: 20px;
  position: relative;
}
.next-formation.carte-next {
  margin: 30px 10px 10px 10px;
}
.next-formation img {
  float: left;
  height: 27px;
  margin: 0 10px 10px 0;
  width: 25px;
}
.next-formation .formation-prochaine {
  float: left;
  text-align: left;
  width: 78%;
}
.next-formation .formation-prochaine h5 {
  margin: 0;
}
.next-formation .formation-prochaine p {
  text-transform: lowercase;
}
.next-formation .formation-prochaine p:first-letter {
  text-transform: uppercase;
}
.next-formation:before {
  border-style: solid;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #87bb34 transparent;
  content: "";
  height: 0;
  left: 9px;
  position: absolute;
  top: -9px;
  width: 0;
}

/****Bloc en savoir plus sur les financements ***/
.student-funding {
  line-height: 1.4285714286;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  font-family: "raleway-regular";
  padding: 20px;
}
.student-funding strong {
  font-family: "raleway-semibold";
}
.student-funding a.simple-link, .student-funding .custom-back.back-neutral a, .custom-back.back-neutral .student-funding a, .student-funding .center-locator .search-result a, .center-locator .search-result .student-funding a,
.student-funding #centresList .search-result a,
#centresList .search-result .student-funding a, .student-funding .edito-blocs a, .edito-blocs .student-funding a {
  background: url("../images/afpa/chevron-rose.png") no-repeat scroll left 24px;
  padding-top: 20px;
}
.student-funding a.simple-link:hover, .student-funding .custom-back.back-neutral a:hover, .custom-back.back-neutral .student-funding a:hover, .student-funding .center-locator .search-result a:hover, .center-locator .search-result .student-funding a:hover,
.student-funding #centresList .search-result a:hover,
#centresList .search-result .student-funding a:hover, .student-funding .edito-blocs a:hover, .edito-blocs .student-funding a:hover, .student-funding a.simple-link:focus, .student-funding .custom-back.back-neutral a:focus, .custom-back.back-neutral .student-funding a:focus, .student-funding .center-locator .search-result a:focus, .center-locator .search-result .student-funding a:focus,
.student-funding #centresList .search-result a:focus,
#centresList .search-result .student-funding a:focus, .student-funding .edito-blocs a:focus, .edito-blocs .student-funding a:focus {
  background: url("../images/afpa/chevron-rose.png") no-repeat scroll left 24px;
  padding-top: 20px;
}
.student-funding img {
  float: left;
  margin: 0 10px 10px 0;
}
.student-funding span {
  display: block;
  margin-top: -3px;
}
.student-funding .gray-button, .student-funding .moreResults a, .moreResults .student-funding a {
  margin-top: 20px;
}

/*** Bloc 'etes vous fait pour ce métier'**/
.formation-zc {
  background-color: #FFFFFF;
  font-family: "raleway-semibold";
  height: 65px;
  margin-top: 10px;
  padding: 15px;
  width: 100%;
}
.formation-zc div {
  display: table-cell;
  vertical-align: middle;
}
.formation-zc div svg {
  right: 25%;
  top: 8px;
}
.formation-zc div span {
  line-height: 1.0833333333;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "raleway-semibold";
}

/** Version mobile bouton en fixed **/
@media only screen and (max-width: 600px) {
  .aside-formations #connexion-job {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    z-index: 9999 !important;
  }
}
/***TOP TROIS***/
#aroundYourTraining {
  clear: both;
  padding-top: 1px;
}

.top-three {
  clear: both;
  margin-bottom: 30px;
  margin-top: 50px;
  width: 100%;
}
.top-three .map-pastille-min,
.top-three area {
  cursor: default;
}
.top-three > div {
  background-color: #FFFFFF;
  font-family: "raleway-regular";
  padding: 3px 20px 14px 0px;
  overflow: hidden;
}
.top-three > div div.first {
  float: left;
  padding: 0 20px 0 15px;
  position: relative;
  text-align: center;
  width: 32.5%;
}
.top-three > div div.first.carte {
  display: table-cell; /** Pour gérer la vue sur les pages détails**/
  float: none;
  padding: 0 20px 15px 15px;
  top: 15px;
  width: 334px;
}
.top-three > div .top-trois-metier {
  float: right;
  width: 66%;
}
.top-three > div .top-trois-metier.map-view {
  display: table-cell; /** Pour gérer la vue sur les pages détails**/
  float: none;
  vertical-align: top;
  width: auto;
}
.top-three > div .top-trois-metier.map-view h3 {
  padding-top: 2px;
}
.top-three > div .top-trois-metier h3 span {
  color: #00A0E0;
  font-family: "raleway-semibold";
}
.top-three > div .top-trois-metier ul {
  margin: 24px 0 0;
}
.top-three > div .top-trois-metier li {
  list-style-type: none;
  margin-bottom: 20px;
}
.top-three > div .top-trois-metier li:first-of-type {
  background: url("../images/afpa/top-one.svg") no-repeat scroll left top/29px auto transparent;
}
.top-three > div .top-trois-metier li:nth-of-type(2) {
  background: url("../images/afpa/top-two.svg") no-repeat scroll left top/29px auto transparent;
}
.top-three > div .top-trois-metier li:nth-of-type(3) {
  background: url("../images/afpa/top-three.svg") no-repeat scroll left top/29px auto transparent;
  margin-bottom: 0;
}
.top-three > div .top-trois-metier li a, .top-three > div .top-trois-metier li span {
  line-height: 1.3333333333;
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-family: "raleway-regular";
  padding: 1px 0 0 40px;
}
.top-three > div .top-trois-metier li a:hover, .top-three > div .top-trois-metier li a:focus {
  color: #5A545A;
  font-weight: bold;
}

/*** IE spécifique **/
.ie .top-three > div div.carte.first {
  display: block;
}

.top-three.map-top > div {
  display: table;
  padding: 3px 20px 14px 35px;
  width: 100%;
}
.top-three.map-top .img-map-min {
  height: 278px;
  margin-left: 12px;
}

.top-three.small-view > div div.first {
  width: 25%;
}
.top-three.small-view > div div.top-trois-metier {
  width: 75%;
}
.top-three.small-view > div div.top-trois-metier ul {
  margin-top: 14px;
}
.top-three.small-view > div div.top-trois-metier li {
  margin-bottom: 10px;
}
.top-three.small-view > div div.top-trois-metier li:first-of-type {
  background: url("../images/afpa/top-one.svg") no-repeat scroll left top/23px auto transparent;
}
.top-three.small-view > div div.top-trois-metier li:nth-of-type(2) {
  background: url("../images/afpa/top-two.svg") no-repeat scroll left top/23px auto transparent;
}
.top-three.small-view > div div.top-trois-metier li:nth-of-type(3) {
  background: url("../images/afpa/top-three.svg") no-repeat scroll left top/23px auto transparent;
  margin-bottom: 0;
}
.top-three.small-view > div div.top-trois-metier li span { /** 12px = 1.2rem **/ /** 18px = 1.8rem **/
  line-height: 1.1428571429;
  font-size: 14px;
  font-size: 1.4rem;
}

/**top 3 recherche : onglet centre **/
.search-top-three {
  clear: both;
  padding-top: 1px;
}
.search-top-three .top-three {
  margin-top: 10px;
}

/**** Top 3 sur résultats zoom compétence***/
.metiers-zoom {
  background-color: #FFFFFF;
  clear: both;
  margin-top: 10px;
}
.metiers-zoom > h3 {
  color: #00A0E0;
  padding: 0 30px;
}
.metiers-zoom .top-three {
  margin-bottom: 0;
  margin-top: 10px;
}
.metiers-zoom .top-three h3 {
  margin-top: 0;
}

#visites-virtuelles-global {
  margin: 45px auto 70px auto;
  overflow: hidden;
  /*** Types de visites virtuelles (3 #)**/
}
#visites-virtuelles-global.savoir-alternance {
  clear: both;
  margin: 0 0 50px 0;
}
#visites-virtuelles-global.visit-formation {
  clear: both;
  margin: 0 0 50px 0;
}
#visites-virtuelles-global #bloc-0, #visites-virtuelles-global #bloc-1, #visites-virtuelles-global #bloc-2 {
  height: 345px;
  margin-bottom: 10px;
  width: 334px;
}
#visites-virtuelles-global #bloc-1 {
  margin: 0 10px 10px 10px;
}
#visites-virtuelles-global .back-action {
  position: relative;
}
#visites-virtuelles-global .back-action p {
  height: 130px;
  overflow: hidden;
}
#visites-virtuelles-global .back-action a {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#visites-virtuelles-global .virtual-visit,
#visites-virtuelles-global .domain,
#visites-virtuelles-global .back-action {
  height: 345px;
  width: 334px;
}

/*** Visites dans la liste d'article du search ***/
.virtual-visit {
  float: left;
  height: 345px;
  position: relative;
  width: 334px;
}
.virtual-visit a {
  left: 123px;
  position: absolute;
  top: 95px;
}
.virtual-visit figure {
  background-color: #FFFFFF;
  height: 100%;
  margin: 0;
  max-width: 100%;
}
.virtual-visit figure div {
  height: 240px;
  overflow: hidden;
  width: 100%;
}
.virtual-visit figure figcaption {
  padding: 10px 20px;
}
.virtual-visit figure figcaption h3 {
  margin: 0 0 5px 0;
}

.espace-perso-candidatures-recapitulatif-portlet .candidatures-recap .candidature-part {
  padding: 15px 20px;
  margin-bottom: -15px;
}

.zone-recap-candidatures-dashboard .espace-perso-candidatures-recapitulatif-prescriteur-portlet .candidatures-recap .candidature-part {
  padding: 15px 0 !important;
}
.zone-recap-candidatures-dashboard .espace-perso-candidatures-recapitulatif-prescriteur-portlet .candidatures-recap .candidature-part .recap-counters {
  background-size: 100% 100% !important;
}
.zone-recap-candidatures-dashboard .espace-perso-candidatures-recapitulatif-prescriteur-portlet .candidatures-recap .candidature-part .arrow-recap {
  min-width: 112px !important;
  font-size: 40px !important;
}
.zone-recap-candidatures-dashboard .espace-perso-candidatures-recapitulatif-prescriteur-portlet .candidatures-recap .candidature-part .arrow-recap h6 {
  font-size: 1.1rem !important;
}

.is-profil-emploi-vide {
  text-align: center;
  line-height: 200px;
}

.icon-home {
  background: url("../images/afpa/formation/hebergement.svg") no-repeat 0 0 transparent;
  background-size: 40px;
}

.icon-food {
  background: url("../images/afpa/formation/restauration.svg") no-repeat 0 0 transparent;
  background-size: 17px;
}

.icon-ok {
  background: url("../images/afpa/check.svg") no-repeat 0 0 transparent;
  background-size: 39px;
}

.icon-ko {
  background: url("../images/afpa/croix-bleu.svg") no-repeat 0 0 transparent;
  background-size: 37px;
}

.icon-ok-tt {
  background: url("../images/afpa/check.svg") no-repeat 0 0 transparent;
}

.icon-ko-tt {
  background: url("../images/afpa/croix-bleu.svg") no-repeat 0 0 transparent;
}

.elegant-form .rap-resultat {
  height: 500px;
  display: flex;
}
.elegant-form .rap-introduction, .elegant-form .rap-resultat {
  margin: 20px 0;
}
.elegant-form .rap-introduction .centrer, .elegant-form .rap-resultat .centrer {
  margin: auto;
  text-align: justify;
}
.elegant-form .rap-introduction .centrer div, .elegant-form .rap-resultat .centrer div {
  margin: 20px 0;
}
.elegant-form .rap-introduction .centrer a.large-button, .elegant-form .rap-resultat .centrer a.large-button {
  width: 100%;
}
.elegant-form .rap-introduction .centrer .afficher-rap-mobile, .elegant-form .rap-resultat .centrer .afficher-rap-mobile {
  display: none;
}

@media (max-width: 769px) {
  .elegant-form .rap-introduction .centrer .cacher-rap-mobile {
    display: none;
  }
  .elegant-form .rap-introduction .centrer .afficher-rap-mobile {
    display: block;
  }
}
.etablissements-region {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  padding: 1px 20px 10px 20px;
}
.etablissements-region hr {
  width: 25%;
}
.etablissements-region h3 {
  color: #87BB34;
}
.etablissements-region div {
  text-align: right;
  margin-right: 20px;
}

/* 	Fichier initie courant mai 2017 : */
/*	On y retrouve tous les wrappers (enveloppes) des portlets */
/*	Ne pas hesiter a l'enrichir suivant les specifites de chaque portlet  */
/*
	Utilisation de l id wrapper, pas le choix pour surcharger certaines proprietes CSS
	suite au remplacement de certains ids par des classes dans l'arborescence du CSS
*/
/*
	Ci-dessous, on utilise les classes declarees comme wrapper dans les fichiers liferay-portlet.xml
	afin de surcharger certaines proprietes pour les besoins de ces portlets
*/
.validation-cgu-portlet {
  display: none;
}

.validation-connexion-user-portlet {
  display: none;
}

.recherche-visite-virtuelle-portlet .parent-select {
  position: relative;
}

.espace-perso-monprofil-completion {
  display: none;
}

.recherche-evenement-homepage-portlet {
  background-color: #FFFFFF;
}
.recherche-evenement-homepage-portlet .portlet-body {
  padding-top: 8px;
  padding-bottom: 12px;
  height: 452px;
}
.recherche-evenement-homepage-portlet .portlet-body > img {
  margin-left: 20px;
}
.recherche-evenement-homepage-portlet .portlet-body h4 {
  display: inline;
}
.recherche-evenement-homepage-portlet .portlet-body p {
  margin-top: 68px;
}
.recherche-evenement-homepage-portlet .portlet-body a.simple-link-no-marge, .recherche-evenement-homepage-portlet .portlet-body html a.simple-link, html .recherche-evenement-homepage-portlet .portlet-body a.simple-link, .recherche-evenement-homepage-portlet .portlet-body html .custom-back.back-neutral a, html .custom-back.back-neutral .recherche-evenement-homepage-portlet .portlet-body a, .recherche-evenement-homepage-portlet .portlet-body .custom-back.back-neutral html a, .custom-back.back-neutral html .recherche-evenement-homepage-portlet .portlet-body a, .recherche-evenement-homepage-portlet .portlet-body html a.lien-texte-simple, html .recherche-evenement-homepage-portlet .portlet-body a.lien-texte-simple, .recherche-evenement-homepage-portlet .portlet-body #content a.lien-texte-simple, #content .recherche-evenement-homepage-portlet .portlet-body a.lien-texte-simple, .recherche-evenement-homepage-portlet .portlet-body html .center-locator .search-result a, html .center-locator .search-result .recherche-evenement-homepage-portlet .portlet-body a, .recherche-evenement-homepage-portlet .portlet-body .center-locator html .search-result a, .center-locator html .search-result .recherche-evenement-homepage-portlet .portlet-body a,
.recherche-evenement-homepage-portlet .portlet-body html #centresList .search-result a,
html #centresList .search-result .recherche-evenement-homepage-portlet .portlet-body a,
.recherche-evenement-homepage-portlet .portlet-body #centresList html .search-result a,
#centresList html .search-result .recherche-evenement-homepage-portlet .portlet-body a, .recherche-evenement-homepage-portlet .portlet-body .center-locator .search-result html a, .center-locator .search-result html .recherche-evenement-homepage-portlet .portlet-body a,
.recherche-evenement-homepage-portlet .portlet-body #centresList .search-result html a,
#centresList .search-result html .recherche-evenement-homepage-portlet .portlet-body a, .recherche-evenement-homepage-portlet .portlet-body .center-locator .search-result div:nth-child(3) a, .center-locator .search-result div:nth-child(3) .recherche-evenement-homepage-portlet .portlet-body a,
.recherche-evenement-homepage-portlet .portlet-body #centresList .search-result div:nth-child(3) a,
#centresList .search-result div:nth-child(3) .recherche-evenement-homepage-portlet .portlet-body a, .recherche-evenement-homepage-portlet .portlet-body html .edito-blocs a, html .edito-blocs .recherche-evenement-homepage-portlet .portlet-body a, .recherche-evenement-homepage-portlet .portlet-body .edito-blocs html a, .edito-blocs html .recherche-evenement-homepage-portlet .portlet-body a {
  display: block;
  margin: 7px 0 0 20px;
  padding-left: 15px;
  padding-top: 0;
}
.recherche-evenement-homepage-portlet .portlet-body a.simple-link-no-marge.increase-margin-top, .recherche-evenement-homepage-portlet .portlet-body html a.increase-margin-top.simple-link, html .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top.simple-link, .recherche-evenement-homepage-portlet .portlet-body html .custom-back.back-neutral a.increase-margin-top, html .custom-back.back-neutral .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top, .recherche-evenement-homepage-portlet .portlet-body .custom-back.back-neutral html a.increase-margin-top, .custom-back.back-neutral html .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top, .recherche-evenement-homepage-portlet .portlet-body html a.increase-margin-top.lien-texte-simple, html .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top.lien-texte-simple, .recherche-evenement-homepage-portlet .portlet-body #content a.increase-margin-top.lien-texte-simple, #content .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top.lien-texte-simple, .recherche-evenement-homepage-portlet .portlet-body html .center-locator .search-result a.increase-margin-top, html .center-locator .search-result .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top, .recherche-evenement-homepage-portlet .portlet-body .center-locator html .search-result a.increase-margin-top, .center-locator html .search-result .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top,
.recherche-evenement-homepage-portlet .portlet-body html #centresList .search-result a.increase-margin-top,
html #centresList .search-result .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top,
.recherche-evenement-homepage-portlet .portlet-body #centresList html .search-result a.increase-margin-top,
#centresList html .search-result .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top, .recherche-evenement-homepage-portlet .portlet-body .center-locator .search-result html a.increase-margin-top, .center-locator .search-result html .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top,
.recherche-evenement-homepage-portlet .portlet-body #centresList .search-result html a.increase-margin-top,
#centresList .search-result html .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top, .recherche-evenement-homepage-portlet .portlet-body .center-locator .search-result div:nth-child(3) a.increase-margin-top, .center-locator .search-result div:nth-child(3) .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top,
.recherche-evenement-homepage-portlet .portlet-body #centresList .search-result div:nth-child(3) a.increase-margin-top,
#centresList .search-result div:nth-child(3) .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top, .recherche-evenement-homepage-portlet .portlet-body html .edito-blocs a.increase-margin-top, html .edito-blocs .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top, .recherche-evenement-homepage-portlet .portlet-body .edito-blocs html a.increase-margin-top, .edito-blocs html .recherche-evenement-homepage-portlet .portlet-body a.increase-margin-top {
  margin-top: 128px;
}
.recherche-evenement-homepage-portlet .portlet-body .evenements-regionaux .edito-blocs {
  height: 126px;
  float: none;
  max-width: 325px;
}
.recherche-evenement-homepage-portlet .portlet-body .evenements-regionaux .edito-blocs.evenement .header-news {
  margin: 0;
}
.recherche-evenement-homepage-portlet .portlet-body .evenements-regionaux .edito-blocs figure.news-figure > div {
  display: none;
}
.recherche-evenement-homepage-portlet .portlet-body .evenements-regionaux .edito-blocs figure.news-figure figcaption {
  top: 0;
  padding: 15px 0 0 20px;
}
.recherche-evenement-homepage-portlet .portlet-body .evenements-nationaux {
  height: 248px;
}
.recherche-evenement-homepage-portlet .portlet-body .evenements-nationaux .texte {
  padding: 20px;
}

#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form {
  font-style: normal;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form h2 {
  margin-top: 20px;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form p {
  padding-left: 0;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form p.italic {
  font-style: italic;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form p.italic a {
  text-decoration: underline;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form p.message-resultat {
  margin: 30px 0 30px 0;
  text-align: center;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form a.pink-button-no-transition {
  margin: 0 auto;
  margin-right: none;
  float: none;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form .center {
  text-align: center;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form .center .submit {
  float: none;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte .elegant-form .submit {
  float: right;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte form {
  margin-left: 0;
}
#wrapper .afpa-jury-pro-portlet .portlet-body .creation-compte form .buttons-validation .disabled {
  background-color: #908E8D;
}
#wrapper .afpa-rap-jury-pro-portlet .elegant-form .rap-jury-pro .inside {
  margin: 10px 40px 20px;
}

.espace-perso-entreprise-diagflash-mosaique-portlet .module-diagflash-mosaique {
  /* 	TODO : A revoir (utiliser le principe des grilles bootstrap (span) ?, mosaique comme pour l'espace perso particulier ???) */
  height: 345px;
  /*     width: 334px; */
  background-color: #FFFFFF;
  padding: 20px;
}
.espace-perso-entreprise-diagflash-mosaique-portlet .module-diagflash-mosaique .cadre-interieur {
  height: 100%;
  position: relative;
}
.espace-perso-entreprise-diagflash-mosaique-portlet .module-diagflash-mosaique .cadre-interieur .gray-button, .espace-perso-entreprise-diagflash-mosaique-portlet .module-diagflash-mosaique .cadre-interieur .moreResults a, .moreResults .espace-perso-entreprise-diagflash-mosaique-portlet .module-diagflash-mosaique .cadre-interieur a {
  position: absolute;
  bottom: 0;
}

.espace-perso-entreprise-diagflash-questionnaire {
  /* 	a verifier */
}
.espace-perso-entreprise-diagflash-questionnaire .risque-encouru {
  color: #E3007E;
  text-align: center;
}
.espace-perso-entreprise-diagflash-questionnaire .risque-encouru .titre .symbole-euro {
  font-family: "raleway-semibold";
  font-size: 1.8rem;
  font-weight: normal;
}
.espace-perso-entreprise-diagflash-questionnaire .risque-encouru .titre h3 {
  display: inline;
}
.espace-perso-entreprise-diagflash-questionnaire .buttons-validation.style-deux-boutons {
  margin: 30px 0 20px 0;
  overflow: hidden;
}
.espace-perso-entreprise-diagflash-questionnaire .buttons-validation.style-deux-boutons a, .espace-perso-entreprise-diagflash-questionnaire .buttons-validation.style-deux-boutons input {
  display: block;
  float: left;
  margin: 0;
  width: 49%;
  line-height: 18px;
}
.espace-perso-entreprise-diagflash-questionnaire .buttons-validation.style-deux-boutons a:first-of-type {
  margin-right: 2%;
}
.espace-perso-entreprise-diagflash-questionnaire .QR .questionzone a {
  color: #E3007E;
  font-family: "raleway-semibold";
}
.espace-perso-entreprise-diagflash-questionnaire .cadre {
  background-color: #FFFFFF;
  padding: 20px 20px 30px;
}
.espace-perso-entreprise-diagflash-questionnaire .cadre.non-concerne {
  margin-bottom: 10px;
}
.espace-perso-entreprise-diagflash-questionnaire .cadre .texte {
  margin-bottom: 30px;
  font-family: "raleway-semibold";
  font-size: inherit;
}
.espace-perso-entreprise-diagflash-questionnaire .cadre .bouton,
.espace-perso-entreprise-diagflash-questionnaire .cadre .boutons {
  text-align: center;
}
.espace-perso-entreprise-diagflash-questionnaire .cadre .boutons p {
  margin: 20px 0 0 20px;
  overflow: hidden;
  padding-left: 0;
  width: 100%;
  color: #908e8d;
}
.espace-perso-entreprise-diagflash-questionnaire .cadre .boutons a.reload {
  float: none;
  margin: 20px 0 0 20px;
  text-align: center;
}

/* obligation de reprendre l'id pour surcharger  */
#content .espace-perso-entreprise-diagflash-questionnaire .cadre .titre {
  text-align: center;
}

/* lien utilise surtout pour ...  */
a.retour {
  background: transparent url("../images/afpa/back-pink.svg") no-repeat scroll 12px center/7px auto;
  display: inline-block;
  padding: 15px 20px 15px 30px;
}
a.retour:hover, a.retour:focus {
  color: #5A545A;
  font-weight: bold;
}

html .row .afpa-pagination-span8 {
  float: right;
}

.afpa-pagination {
  margin: 10px 0 20px 0;
  text-align: center;
  /* 	div { */
  /* 		display: inline-block; */
  /* 		background-color: $gray-separator; */
  /* 		padding: 5px; */
  /* 		&:hover { */
  /* 			background-color: $dark-blue; */
  /* 			a { */
  /* 				background:$chevron-white no-repeat left center; */
  /* 			} */
  /* 		} */
  /* 		&:first-child { */
  /* 			margin-right: 10px; */
  /* 			a, span { */
  /* 				display: inline-block; */
  /* 				@include rotate-deprecated(180deg); */
  /* 			} */
  /* 		} */
  /* 		&:last-child { */
  /* 			margin-left: 10px; */
  /* 		} */
  /* 	} */
  /* 	div:first-child { */
  /* 		margin-right: 10px; */
  /* 		a, span { */
  /* 			display: inline-block; */
  /* 			@include rotate-deprecated(180deg); */
  /* 		} */
  /* 	} */
}
.afpa-pagination a,
.afpa-pagination span {
  margin: 0 5px;
}
.afpa-pagination a:hover {
  font-size: 16px;
  font-weight: bold;
}
.afpa-pagination span.selected {
  font-weight: bold;
}
.afpa-pagination a:first-child, .afpa-pagination a:last-child,
.afpa-pagination span:first-child,
.afpa-pagination span:last-child {
  color: transparent;
  background: url("../images/afpa/chevron-gris.svg") no-repeat center #DEDEDE;
  /* background: $chevron-white no-repeat center $gray-separator; */
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  /* 			&:hover { */
  /* 				color: transparent; */
  /* 				background-color: $dark-blue; */
  /* 				background-image: $chevron-white; */
  /* /* 				background: $chevron-white no-repeat center $dark-blue; */
  /* 			} */
}
.afpa-pagination a:first-child,
.afpa-pagination span:first-child {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.afpa-pagination a:first-child:hover, .afpa-pagination a:last-child:hover {
  font-size: 14px;
}

.espace-perso-consultation-offre-portlet {
  /*-----------------Mise en forme des strucutures des box---------*/
  /*----------------Animation lors de la fermeture/ouverture des box-------*/
  /*-------------mise en forme des titres et textes----------------*/
  /****************Box 2************************/
  /*------------- Box 6 ------------------- */
  /*------------- Boutons ------------------- */
  /*------------------- Selection regions ---------------------*/
  /* Tooltip container */
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */
}
.espace-perso-consultation-offre-portlet #box0 #box6 {
  background-color: chartreuse;
  width: 1000px;
  height: 50px;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .espace-perso-consultation-offre-portlet #box0 #box6 {
    width: 250px;
  }
}
.espace-perso-consultation-offre-portlet .box {
  width: 49%;
  margin: 5px;
  background-color: white;
  border-radius: 10px;
  border-width: 1px;
  border-style: inset;
  padding-right: 10px;
}
@media only screen and (max-width: 1000px) {
  .espace-perso-consultation-offre-portlet .box {
    width: 500px;
  }
}
.espace-perso-consultation-offre-portlet #box1 {
  display: block;
}
.espace-perso-consultation-offre-portlet #box2 {
  display: block;
}
.espace-perso-consultation-offre-portlet #box6 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.espace-perso-consultation-offre-portlet .tooltipOffre {
  background-color: #E8F8FC;
  border: 1px solid #34aad9;
  color: #433F36;
  font-size: 11px;
  padding: 5px;
  position: absolute;
  width: 350px;
  z-index: 3000;
  text-align: left;
}
.espace-perso-consultation-offre-portlet .grid2x2, .espace-perso-consultation-offre-portlet form#rechercheOffreForm {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.espace-perso-consultation-offre-portlet .inactiveTitle {
  transition-duration: 0.3s;
  opacity: 0.2;
}
.espace-perso-consultation-offre-portlet .box.reducefacet {
  height: 50px;
}
.espace-perso-consultation-offre-portlet .hidefacet {
  display: none;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}
.espace-perso-consultation-offre-portlet .facetBase {
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  display: block;
  float: right;
  background: url("../images/close-facet.svg") no-repeat scroll left top/14px auto transparent;
  height: 14px;
  width: 14px;
  margin: 5px;
  cursor: pointer;
  margin-top: 10px;
}
.espace-perso-consultation-offre-portlet .closeCroix {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  display: block;
  float: right;
}
.espace-perso-consultation-offre-portlet .titlefacet {
  width: 100%;
  line-height: 30px;
  transition-duration: 0.3s;
  display: flex;
  justify-content: space-between;
  font-family: "raleway-bold";
}
.espace-perso-consultation-offre-portlet .formationoffre > label, .espace-perso-consultation-offre-portlet .listeformation > label, .espace-perso-consultation-offre-portlet .listeformation2 > label {
  font-size: 15px;
  padding: 0;
  justify-content: space-between;
  cursor: default;
}
.espace-perso-consultation-offre-portlet .formationoffre > label, .espace-perso-consultation-offre-portlet .listeformation > label, .espace-perso-consultation-offre-portlet .listeformation2 > label, .espace-perso-consultation-offre-portlet .listeformationlabel {
  font-family: "raleway-medium";
  align-items: center;
}
.espace-perso-consultation-offre-portlet .titlefacet > label, .espace-perso-consultation-offre-portlet label.titleBloc {
  color: #e3007e;
  font-family: "raleway-bold";
  margin: 15px 0 20px 15px;
  width: 75%;
  font-size: 25px;
}
.espace-perso-consultation-offre-portlet .formationoffre > label {
  justify-content: space-between;
  margin: 0;
  align-items: center;
  margin-top: 1em;
}
.espace-perso-consultation-offre-portlet .formationoffre {
  margin-left: 2%;
  margin-bottom: 2%;
}
.espace-perso-consultation-offre-portlet .formationoffre2 {
  margin-left: 2%;
  margin-bottom: 2%;
  justify-content: flex-start;
  align-content: space-between;
}
.espace-perso-consultation-offre-portlet .formationoffre3 {
  margin-left: 2%;
  margin-bottom: 2%;
}
.espace-perso-consultation-offre-portlet .formationoffre > label > input, .espace-perso-consultation-offre-portlet label > .selecteur {
  float: right;
  width: 60%;
  box-shadow: none;
  font-size: 1.4rem;
  border: 1px solid #dedede;
  box-shadow: none;
  border-radius: 0;
  color: #908e8d;
  font-family: Arial, sans-serif;
  height: 46px;
  padding: 0px;
  margin: 2%;
}
.espace-perso-consultation-offre-portlet label > span {
  background-color: #dedede;
  display: block;
  height: 46px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
}
.espace-perso-consultation-offre-portlet .listeformation > label {
  margin-left: 20px;
}
.espace-perso-consultation-offre-portlet .listeformation2 > label {
  margin-left: 0.8em;
}
.espace-perso-consultation-offre-portlet .listeformation > input[type=checkbox], .espace-perso-consultation-offre-portlet .listeformation2 > input[type=checkbox] {
  border: 3px solid #dedede;
  height: 20px;
  width: 20px;
  box-shadow: black;
  margin: 0;
}
.espace-perso-consultation-offre-portlet .compartiment {
  width: 50%;
  display: table;
  float: left;
  display: table-footer-group;
}
.espace-perso-consultation-offre-portlet .listeformation {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 50px;
}
.espace-perso-consultation-offre-portlet .listeformation2 {
  height: 3em;
  display: inline-block;
  width: auto;
}
.espace-perso-consultation-offre-portlet .dateInput {
  width: 150px;
  margin-left: 50px;
}
.espace-perso-consultation-offre-portlet #box6 > a, .espace-perso-consultation-offre-portlet #box6 > input {
  width: 250px;
}
@media only screen and (max-width: 1000px) {
  .espace-perso-consultation-offre-portlet #box6 > a, .espace-perso-consultation-offre-portlet #box6 > input {
    margin: 0 100px 20px 100px;
  }
}
.espace-perso-consultation-offre-portlet .normal-pink-button {
  background-color: #e3007e;
  color: white;
}
.espace-perso-consultation-offre-portlet .normal-pink-button:hover {
  background-color: #44a33d;
}
.espace-perso-consultation-offre-portlet input.normal-pink-button {
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  text-decoration: none;
  display: block;
  text-align: center;
}
.espace-perso-consultation-offre-portlet input.gray-button {
  cursor: pointer;
  background-color: darkgray;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 20px;
  display: inline-block;
  text-decoration: none;
  display: block;
  text-align: center;
}
.espace-perso-consultation-offre-portlet ul.selectedItems > li {
  line-height: 1.57143;
  font-size: 1.4rem;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  color: #908e8d;
  list-style-type: none;
  padding: 12px;
  background-color: white;
  margin-bottom: 5px;
  height: 46px;
}
.espace-perso-consultation-offre-portlet ul.selectedItems > li > a {
  line-height: 1.22222;
  font-size: 18px;
  font-size: 1.8rem;
  color: #e3007e;
  float: right;
  font-family: "raleway-bold";
}
.espace-perso-consultation-offre-portlet ul.selectedItems {
  width: auto;
  margin: 25px 0 10px 0px;
}
.espace-perso-consultation-offre-portlet label.labelInline {
  display: inline;
  left: 20px;
}
.espace-perso-consultation-offre-portlet .labelConsulation {
  display: inline-block;
  width: 24%;
}
.espace-perso-consultation-offre-portlet .icon-question-sign.info-bulle {
  vertical-align: top;
}
.espace-perso-consultation-offre-portlet .icon-question-sign.info-bulle img {
  max-height: 15px;
  position: relative;
}
.espace-perso-consultation-offre-portlet input.inputbox1 {
  margin-left: 5%;
  position: relative;
  width: 70%;
}
.espace-perso-consultation-offre-portlet .tdlabel {
  margin-left: 0.6em;
  margin-right: 0.2em;
}
.espace-perso-consultation-offre-portlet .tdselect {
  width: 150px !important;
}
.espace-perso-consultation-offre-portlet select.inputbox3 {
  position: relative;
  width: 15.5em;
  margin-left: 5%;
}
.espace-perso-consultation-offre-portlet .labelbox4 {
  display: inline !important;
  position: static;
}
.espace-perso-consultation-offre-portlet .labelbox4close {
  display: inline !important;
  position: absolute;
}
.espace-perso-consultation-offre-portlet .inputbox4 {
  width: 270px !important;
  position: relative;
}
.espace-perso-consultation-offre-portlet .inputbox5 {
  width: 50px !important;
  position: relative;
  margin-left: 20px;
}
.espace-perso-consultation-offre-portlet #calendarDemandeDispo {
  margin-left: 15px;
}
.espace-perso-consultation-offre-portlet .inputBlue {
  background-color: #00a0e0;
  width: 60px;
  height: 45px;
  color: white;
  margin-top: 2px;
  border-style: double;
  padding: 15px 20px;
  text-align: center;
  margin-right: 450px;
  cursor: pointer;
}
.espace-perso-consultation-offre-portlet .inputBlue:hover {
  background-color: #0070ca;
}
.espace-perso-consultation-offre-portlet .columnTab {
  width: 11%;
  padding-left: 5px;
  padding-right: 0;
}
.espace-perso-consultation-offre-portlet montab > .aui .table th, .espace-perso-consultation-offre-portlet .aui .table td {
  background-color: #f9f9f9;
  padding: 8px;
  line-height: 20px;
  text-align: center;
  border-top: 1px solid #ddd;
  vertical-align: middle;
}
.espace-perso-consultation-offre-portlet .aui .table th {
  font-size: 12px;
}
.espace-perso-consultation-offre-portlet .aui img {
  max-width: none;
}
.espace-perso-consultation-offre-portlet .aui .table thead th {
  vertical-align: middle;
  text-align: center;
}
.espace-perso-consultation-offre-portlet .table-striped tbody tr:nth-of-type(even) {
  background-color: #FFF;
}
.espace-perso-consultation-offre-portlet .colonneFormation {
  width: 17%;
  cursor: pointer;
}
.espace-perso-consultation-offre-portlet #adresseOrganisateur {
  font-family: raleway-bold;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #4718FF;
}
.espace-perso-consultation-offre-portlet #centreOrganisateur {
  font-family: raleway-bold;
  padding-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #5A545A;
}
.espace-perso-consultation-offre-portlet #titreDetailsOffre {
  font-family: Raleway-bold;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  background-color: #0070ca;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  color: white;
}
.espace-perso-consultation-offre-portlet .buttonOpen {
  width: 20px;
  border-radius: 50%;
  height: 20px;
  background-color: #3bea3b;
  border-color: #8a5656;
  border-style: double;
}
.espace-perso-consultation-offre-portlet .buttonOpen:hover {
  background-color: #34bd34;
}
.espace-perso-consultation-offre-portlet .buttonClose {
  width: 20px;
  border-radius: 50%;
  height: 20px;
  background-color: #ff1f1f;
  border-color: #8a5656;
  border-style: double;
}
.espace-perso-consultation-offre-portlet .buttonClose:hover {
  background-color: #d41e1e;
}
.espace-perso-consultation-offre-portlet .buttonCom {
  width: 22px;
  border-radius: 50%;
  height: 22px;
  /*border-color: #2eb0e5;*/
  border-style: double;
}
.espace-perso-consultation-offre-portlet .buttonCom.icon-edit {
  background: orange url("../images/afpa/compte/com-mco.svg") no-repeat center;
}
.espace-perso-consultation-offre-portlet .buttonCom.icon-edit:before {
  font-size: 1.5em;
  margin: -0.2em;
  vertical-align: bottom;
  background-color: orange;
}
.espace-perso-consultation-offre-portlet #boutonClear:hover {
  background-color: black;
  color: white;
}
.espace-perso-consultation-offre-portlet .clickDetailOffre {
  color: blue;
}
.espace-perso-consultation-offre-portlet .clickDetailOffre:hover {
  color: #00009e;
}
.espace-perso-consultation-offre-portlet .clickToolTipOffre {
  color: #e3007e;
}
.espace-perso-consultation-offre-portlet .clickToolTipOffre:hover {
  color: #c00060;
}
.espace-perso-consultation-offre-portlet .blocBlanc {
  background-color: aliceblue;
  border-radius: 5px;
  padding: 5px 5px 5px 5px;
  width: 49%;
  font-family: raleway-regular;
  margin-bottom: 1%;
}
.espace-perso-consultation-offre-portlet .blocRose {
  background: rgba(255, 109, 240, 0.19);
  width: 49%;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px 5px 5px 5px;
  font-family: raleway-regular;
}
.espace-perso-consultation-offre-portlet #buttonRetour {
  display: block;
  width: 150px;
  font-size: 1.8rem;
  background-color: rgb(0, 160, 224);
  color: white;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 0px;
  height: 100%;
}
.espace-perso-consultation-offre-portlet #buttonRetour:hover {
  background-color: #0070ca;
}
.espace-perso-consultation-offre-portlet .facet {
  font-family: raleway-regular;
  padding-left: 10px;
}
.espace-perso-consultation-offre-portlet .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.espace-perso-consultation-offre-portlet #filterDiv {
  background-color: #fedddd;
  display: flex;
  justify-content: space-between;
}
.espace-perso-consultation-offre-portlet #filterFinancement {
  display: flex;
  justify-content: space-between;
}
.espace-perso-consultation-offre-portlet #enteteTableau {
  font-family: raleway-regular;
  display: flex;
  justify-content: space-between;
}
.espace-perso-consultation-offre-portlet #filtreProduit {
  display: flex;
}
.espace-perso-consultation-offre-portlet #lblNbResultat {
  display: flex;
  margin-right: 5%;
}
.espace-perso-consultation-offre-portlet #resultatFilter {
  display: flex;
  color: #fa5555;
}
.espace-perso-consultation-offre-portlet #filtres {
  margin-left: 5%;
}
.espace-perso-consultation-offre-portlet #clearFilterTable {
  margin-top: 25%;
  margin-left: 5%;
  font-weight: bold;
}
.espace-perso-consultation-offre-portlet .tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
.espace-perso-consultation-offre-portlet .tooltip:hover .tooltiptext {
  visibility: visible;
}
.espace-perso-consultation-offre-portlet #addMultipleCommentButton {
  display: block;
}

#commentDialog {
  display: none;
}

#commentTextarea {
  display: inline-block;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  resize: vertical;
}

#commentGroupText {
  display: inline-block;
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
  resize: vertical;
}

#commentGroupDialog tr {
  line-height: 15px;
}

.ui-autocomplete {
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  border-bottom: solid;
  border-right: solid;
  border-left: solid;
}

* html .ui-autocomplete {
  height: 450px;
}

.separationen2 {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  padding-left: 2.5%;
}

.separationen2 > div > label {
  font-size: 15px;
  font-family: raleway-medium;
  display: inline;
}

/** a laisser en dernier **/
/****************************************************
 ****RESPONSIVE ESPACE PERSO*************************
 ****************************************************
  ***************************************************
 ****************************************************/
/*****************************************************
 **** responsive max-width 1370***********************
 ****************************************************/
@media (max-width: 1380px) {
  html .maxi-container .aside-account {
    width: 21%;
  }
  /***End 1370px**/
}
/*****************************************************
**** responsive max-width 1350***********************
****************************************************/
@media (max-width: 1350px) {
  .private-account aside div {
    text-align: center;
  }
  .private-account aside div .menu-title {
    display: block;
    margin: 5px auto;
    text-align: center;
  }
  .private-account aside div .logo {
    float: unset;
    margin-right: 0;
  }
  .private-account aside ul li:hover a:hover, .private-account aside ul li:hover a:focus, .private-account aside ul li:hover span:hover, .private-account aside ul li:hover span:focus, .private-account aside ul li:focus a:hover, .private-account aside ul li:focus a:focus, .private-account aside ul li:focus span:hover, .private-account aside ul li:focus span:focus {
    line-height: 1.125;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .private-account aside ul li.current span {
    line-height: 1.125;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .private-account aside ul li a, .private-account aside ul li span {
    line-height: 1.125;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px 12px 18px 21px;
  }
  .private-account aside ul li.mon-tableau-de-bord {
    background: transparent url("../images/afpa/compte/perso-sprite.svg") no-repeat scroll 5px -57px/30px auto;
  }
  .private-account aside ul li.mon-tableau-de-bord:hover, .private-account aside ul li.mon-tableau-de-bord:focus, .private-account aside ul li.mon-tableau-de-bord.current {
    background: #f1f1f1 url("../images/afpa/compte/perso-sprite.svg") no-repeat scroll 5px 17px/30px auto;
  }
  .private-account aside ul li.mon-profil {
    background: transparent url("../images/afpa/compte/perso-sprite.svg") no-repeat scroll 5px -199px/30px auto;
  }
  .private-account aside ul li.mon-profil.current, .private-account aside ul li.mon-profil:focus, .private-account aside ul li.mon-profil:hover {
    background: #f1f1f1 url("../images/afpa/compte/perso-sprite.svg") no-repeat scroll 5px -125px/30px auto;
  }
  .private-account aside ul li.mes-candidatures {
    background: transparent url("../images/afpa/compte/perso-sprite.svg") no-repeat scroll 5px -485px/30px auto;
  }
  .private-account aside ul li.mes-candidatures:hover, .private-account aside ul li.mes-candidatures:focus, .private-account aside ul li.mes-candidatures.current {
    background: #f1f1f1 url("../images/afpa/compte/perso-sprite.svg") no-repeat scroll 5px -411px/30px auto;
  }
  .private-account aside ul li.mon-contact-afpa {
    background: transparent url("../images/afpa/compte/tel-menu.svg") no-repeat scroll 14px center/18px auto;
  }
  .private-account aside ul li.mon-contact-afpa:hover, .private-account aside ul li.mon-contact-afpa:focus, .private-account aside ul li.mon-contact-afpa.current {
    background: #f1f1f1 url("../images/afpa/compte/tel-menu-hover.svg") no-repeat scroll 14px center/18px auto;
  }
  .private-account aside ul li.afpa-en-direct {
    background: transparent url("../images/afpa/compte/afpa-direct.svg") no-repeat scroll 13px center/18px auto;
  }
  .private-account aside ul li.afpa-en-direct:hover, .private-account aside ul li.afpa-en-direct:focus, .private-account aside ul li.afpa-en-direct.current {
    background: #f1f1f1 url("../images/afpa/compte/afpa-direct-hover.svg") no-repeat scroll 13px center/18px auto;
  }
  .private-account aside ul li.suivre-mes-candidats {
    background: transparent url("../images/afpa/compte/candidats.svg") no-repeat scroll 8px center/27px auto;
  }
  .private-account aside ul li.suivre-mes-candidats:hover, .private-account aside ul li.suivre-mes-candidats:focus, .private-account aside ul li.suivre-mes-candidats.current {
    background: #f1f1f1 url("../images/afpa/compte/candidats-hover.svg") no-repeat scroll 8px center/27px auto;
  }
  .private-account aside ul li.rechercher-une-formation {
    background: transparent url("../images/afpa/compte/rechercher-formation.svg") no-repeat scroll 11px center/21px auto;
  }
  .private-account aside ul li.rechercher-une-formation:hover, .private-account aside ul li.rechercher-une-formation:focus, .private-account aside ul li.rechercher-une-formation.current {
    background: #f1f1f1 url("../images/afpa/compte/rechercher-formation-hover.svg") no-repeat scroll 11px center/21px auto;
  }
  .private-account aside ul li.mes-notifications {
    background: transparent url("../images/afpa/compte/afpa-direct.svg") no-repeat scroll 13px center/18px auto;
  }
  .private-account aside ul li.mes-notifications:hover, .private-account aside ul li.mes-notifications:focus, .private-account aside ul li.mes-notifications.current {
    background: #f1f1f1 url("../images/afpa/compte/afpa-direct-hover.svg") no-repeat scroll 13px center/18px auto;
  }
  .private-account aside ul li.consultation-offre a:before {
    font-family: "FontAwesome";
    content: "\f002";
    position: absolute;
    line-height: 1;
    font-size: 18px;
    font-size: 1.8rem;
    left: 18%;
    text-indent: 0;
  }
  .private-account aside ul li.contrats-en-alternance a:before {
    line-height: 1;
    font-size: 18px;
    font-size: 1.8rem;
    left: 18%;
    text-indent: 0;
  }
  .private-account aside ul li.gestion-utilisateurs a:before {
    line-height: 1;
    font-size: 18px;
    font-size: 1.8rem;
    left: 18%;
    font-family: "FontAwesome";
    content: "\f0c0";
    position: absolute;
    text-indent: 0;
  }
  .private-account aside ul li.gestion-des-flux-afpa a:before {
    line-height: 1;
    font-size: 18px;
    font-size: 1.8rem;
    left: 18%;
    font-family: "FontAwesome";
    content: "\f074";
    position: absolute;
    text-indent: 0;
  }
  .private-account aside ul li.magellan-entreprise-recherche a:before, .private-account aside ul li.magellan-entreprise-profil a:before, .private-account aside ul li.magellan-entreprise-offre a:before, .private-account aside ul li.magellan-agenda a:before, .private-account aside ul li.magellan-parcours a:before, .private-account aside ul li.magellan-cre a:before, .private-account aside ul li.magellan-outils a:before, .private-account aside ul li.magellan-accompagnement a:before, .private-account aside ul li.magellan-recherches a:before {
    line-height: 1;
    font-size: 18px;
    font-size: 1.8rem;
    left: 9%;
  }
  html .maxi-container .aside-account {
    width: 18%;
  }
  /***End 1350px*/
}
/*****************************************************
 **** responsive max-width 1264***********************
 ****************************************************/
@media (max-width: 1264px) {
  .private-account aside div .menu-title {
    display: none;
  }
  .private-account aside ul li a, .private-account aside ul li span {
    text-indent: -7777px;
  }
  .private-account aside ul li.magellan-agenda a:before, .private-account aside ul li.magellan-parcours a:before, .private-account aside ul li.magellan-cre a:before, .private-account aside ul li.magellan-outils a:before, .private-account aside ul li.magellan-accompagnement a:before, .private-account aside ul li.magellan-recherches a:before {
    line-height: 1;
    font-size: 18px;
    font-size: 1.8rem;
    left: 18%;
    text-indent: 0;
  }
  html .maxi-container .aside-account {
    width: 12%;
  }
  /***Espace prescripteur **/
  .generic-search-divs .form-group {
    width: 32.66%;
  }
  .generic-search-divs .form-group input[type=text] {
    width: 100%;
  }
  /***End 1260px*/
}
/*****************************************************
 **** responsive max-width 1200***********************
 ****************************************************/
@media (max-width: 1200px) {
  html .maxi-container .aside-account {
    width: 100%;
  }
  html .maxi-container .page-dashboard {
    justify-content: center;
    -webkit-justify-content: center;
  }
  /***End 1200px*/
}
/*****************************************************
 **** responsive max-width 1175***********************
 ****************************************************/
@media (max-width: 1175px) {
  html .maxi-container .content-account {
    width: calc(100% - 134px - 1%);
  }
  html .maxi-container .content-account .page-dashboard .bloc-portlet,
  html .maxi-container .content-account .page-dashboard .bloc-portlet:nth-of-type(3n+2) {
    margin: 0 5px 10px 5px;
  }
  /**Espace Prescripteur **/
  html .row .perso-form .span8 {
    width: 100%;
  }
  html .row .contact-prescripteur.span4 {
    margin-top: 20px;
    width: 100%;
  }
  .bloc-portlet-actualites .actu-prescripteur .list-actus {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .bloc-portlet-actualites .actu-prescripteur .list-actus > div:nth-of-type(3n + 2) {
    margin-left: 0;
    margin-right: 0;
  }
  .bloc-portlet-actualites .actu-prescripteur .list-actus > div:nth-of-type(odd) {
    margin-right: 10px;
  }
  #resultList.afpa-direct-list > div:nth-of-type(even) {
    margin: 0 0 10px 0;
  }
  #resultList.afpa-direct-list > div:nth-of-type(odd) {
    margin: 0 10px 10px 0;
  }
  /***Onglets menu espace perso **/
  ul.onglets-espace-perso {
    justify-content: center;
    -webkit-justify-content: center;
  }
  ul.onglets-espace-perso li {
    margin-bottom: 8px;
  }
  ul.onglets-espace-perso li:last-of-type {
    margin-right: 10px;
  }
  #content .candidats-for-prescripteur h2 {
    line-height: 1.2;
    font-size: 20px;
    font-size: 2rem;
  }
  .profile-top .liens-candidats .liens a.magellan-profile {
    float: left;
    text-align: left;
    max-width: 100%;
    width: 100%;
  }
  /***End 1175px*/
}
/*****************************************************
 **** responsive max-width 831***********************
 ****************************************************/
@media (max-width: 831px) {
  html .maxi-container .content-account .page-dashboard .bloc-portlet:nth-of-type(2n+1), html .maxi-container .content-account .page-dashboard .bloc-portlet:nth-of-type(3n+2) {
    margin: 0 0px 10px 0px;
  }
  .bloc-portlet-actualites .actu-prescripteur .list-actus > div:nth-of-type(odd),
  .bloc-portlet-actualites .actu-prescripteur .list-actus > div:nth-of-type(2n+1) {
    margin-right: 0px;
  }
  /***End 831px*/
}
/*****************************************************
 **** responsive max-width 780***********************
 ****************************************************/
@media (max-width: 780px) {
  /**Menu de gauche**/
  html .maxi-container {
    margin: 0 10px;
  }
  html .maxi-container .content-account,
  html .maxi-container .aside-account {
    width: 100%;
  }
  .private-account .header-espace-perso {
    margin-bottom: 20px;
  }
  .private-account .header-espace-perso p {
    padding: 0 1%;
    width: 100%;
  }
  .private-account aside {
    min-height: auto;
    margin-bottom: 20px;
    padding: 1px;
  }
  .private-account aside div {
    display: none;
  }
  .private-account aside ul {
    margin: 20px 0 0;
    padding-bottom: 10px;
  }
  .private-account aside ul li {
    border-radius: 30px;
    display: inline-block;
    position: relative;
  }
  .private-account aside ul li span, .private-account aside ul li a {
    background: none;
  }
  .private-account aside ul li span:hover, .private-account aside ul li span:focus, .private-account aside ul li a:hover, .private-account aside ul li a:focus {
    background: none;
  }
  .private-account aside .disconnect {
    margin: 1%;
    position: unset;
    width: auto;
  }
  /*** Contenu Espace perso***/
  .mon-profil-update .part.situation-bloc,
  .identifiant-connexion .part.situation-bloc {
    margin-bottom: 20px;
  }
  /**** Sous menu espace perso****/
  ul.onglets-espace-perso {
    display: block;
  }
  ul.onglets-espace-perso li, ul.onglets-espace-perso li:nth-of-type(2n), ul.onglets-espace-perso li:last-of-type {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
  }
  /** Page mes applications **/
  .edit-tableau form {
    overflow: unset;
  }
  .edit-tableau form .form-group {
    /*.divDateEvent{
       float:unset;
       width:100%;
    }*/
  }
  .edit-tableau form .form-group label {
    position: unset;
    width: 100%;
  }
  .edit-tableau form .form-group div, .edit-tableau form .form-group input {
    float: unset;
    margin-left: 0;
    width: 100%;
  }
  .edit-tableau form .form-group div input, .edit-tableau form .form-group div select, .edit-tableau form .form-group input input, .edit-tableau form .form-group input select {
    margin-left: 0;
    width: 100%;
  }
  .edit-tableau form .form-group.zone-editor > div {
    margin-left: 0;
    width: 100%;
  }
  .edit-tableau .buttons-contrats {
    width: 100%;
  }
  .radio-right .radio-group:first-of-type {
    margin-left: 0;
  }
  .portlet-suivi-candidat.mon-profil-update {
    width: 100%;
  }
  /***End 780px*/
}
/*****************************************************
**** responsive max-width 710***********************
****************************************************/
@media (max-width: 707px) {
  #resultList.afpa-direct-list > div:nth-of-type(even),
  #resultList.afpa-direct-list > div:nth-of-type(odd) {
    margin: 0 0 10px 0;
  }
  .global-search-list .prescripteur-list a.simple-link-no-marge, .global-search-list .prescripteur-list html a.simple-link, html .global-search-list .prescripteur-list a.simple-link, .global-search-list .prescripteur-list html .custom-back.back-neutral a, html .custom-back.back-neutral .global-search-list .prescripteur-list a, .global-search-list .prescripteur-list .custom-back.back-neutral html a, .custom-back.back-neutral html .global-search-list .prescripteur-list a, .global-search-list .prescripteur-list html a.lien-texte-simple, html .global-search-list .prescripteur-list a.lien-texte-simple, .global-search-list .prescripteur-list #content a.lien-texte-simple, #content .global-search-list .prescripteur-list a.lien-texte-simple, .global-search-list .prescripteur-list html .center-locator .search-result a, html .center-locator .search-result .global-search-list .prescripteur-list a, .global-search-list .prescripteur-list .center-locator html .search-result a, .center-locator html .search-result .global-search-list .prescripteur-list a,
  .global-search-list .prescripteur-list html #centresList .search-result a,
  html #centresList .search-result .global-search-list .prescripteur-list a,
  .global-search-list .prescripteur-list #centresList html .search-result a,
  #centresList html .search-result .global-search-list .prescripteur-list a, .global-search-list .prescripteur-list .center-locator .search-result html a, .center-locator .search-result html .global-search-list .prescripteur-list a,
  .global-search-list .prescripteur-list #centresList .search-result html a,
  #centresList .search-result html .global-search-list .prescripteur-list a, .global-search-list .prescripteur-list .center-locator .search-result div:nth-child(3) a, .center-locator .search-result div:nth-child(3) .global-search-list .prescripteur-list a,
  .global-search-list .prescripteur-list #centresList .search-result div:nth-child(3) a,
  #centresList .search-result div:nth-child(3) .global-search-list .prescripteur-list a, .global-search-list .prescripteur-list html .edito-blocs a, html .edito-blocs .global-search-list .prescripteur-list a, .global-search-list .prescripteur-list .edito-blocs html a, .edito-blocs html .global-search-list .prescripteur-list a {
    float: none;
  }
  #formationsList.global-search-list .prescripteur-list .first-div {
    float: none;
    width: 100%;
  }
  #formationsList.global-search-list .prescripteur-list span.tag {
    margin: 0 5px 5px 0;
  }
}
/*****************************************************
 **** responsive max-width 480***********************
 ****************************************************/
@media (max-width: 480px) {
  html .maxi-container .content-account .page-dashboard .bloc-portlet {
    margin: 0 0 10px 0;
  }
  html .maxi-container .content-account .page-dashboard .bloc-portlet:nth-of-type(2n+1), html .maxi-container .content-account .page-dashboard .bloc-portlet:nth-of-type(3n+2) {
    margin: 0 0px 10px 0px;
  }
  /**** Page Mes applications **/
  .zone-mes-applications .groupe-applications .bloc-application .etiquette-formation {
    float: none;
  }
  /*** End 480px**/
}
/*******************************************************************************
**** responsive max-width 1050**************************************************
 ******************************************************************************/
@media (max-width: 1080px) {
  /***Bandeau deploy center locator**/
  #wrapper .recherche-centre-portlet .search-form.deploy {
    height: 300px;
  }
}
/*******************************************************************************
**** responsive max-width 1024**************************************************
 ******************************************************************************/
@media (max-width: 1024px) {
  .smaller,
  .afpa-breadcrumb-portlet .portlet-borderless-container,
  #logos-partenaires,
  html .container {
    width: 100%;
    padding-right: 0px;
  }
  /*********************************
  **** Homepage*********************
  *********************************/
  .home-page-portlet .home-page .accroche-home-visuel {
    margin-left: -48%;
    width: 100%;
  }
  /************ Centerlocator**/
  /***Bandeau deploy center locator**/
  #wrapper .recherche-centre-portlet .search-form {
    height: 170px;
  }
  #wrapper .recherche-centre-portlet .search-form.deploy {
    height: 300px;
  }
  /**** Page centre **/
  .debord-centrage.carousel-div .englob-infos-caroussel .back-identity {
    margin: -60px 10px 0;
  }
  .smaller-centre {
    justify-content: center;
  }
  .smaller-centre .director-word {
    margin-bottom: 10px;
  }
  /*****Blocs edito **/
  #search-idees-metiers {
    height: auto;
  }
  /**SEARCH **/
  #resultList {
    max-width: 690px;
  }
  #resultList > div:nth-child(3n+3),
  #resultList .idee-metier-resume:nth-child(3n+3) {
    margin-right: 0px;
  }
  /*** Espace presse*/
  #resultList.espace-presse > div {
    margin: 0 0 10px 0;
    width: 100%;
  }
  /**********Fiche formation deficitaire **/
  article.fiche-formation.fiche-deficitaire .flex-formation .afpa-lieux-et-dates-portlet {
    -webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1; /* OLD - Firefox 19- */
    -ms-flex-order: 1; /* TWEENER - IE 10 */
    -webkit-order: 1;
    order: 1;
  }
  /*** End 1024**/
}
/**********************************
 **** responsive max-width 1000 ****
***********************************/
@media (max-width: 1000px) {
  /********************
  **** HEADER ****
  ********************/
  #authentification-banner {
    padding: 15px 1% 20px;
  }
  #authentification-banner form span.explanation {
    float: left;
    width: 100%;
  }
  header #navigation {
    margin-top: 48px;
  }
  header #navigation span.title_ul {
    margin: 0 1.5%;
  }
  html #banner #navigation {
    display: block;
  }
  /****************************
  **** CONTENT / GENERIQUE ****
  ****************************/
  .afpa-breadcrumb-portlet,
  .smaller,
  .search-fomations-centers {
    padding: 0 2%;
  }
  #content {
    margin-top: -1px;
    padding: 1px 0;
  }
  /********************
  **** CENTRE *********
  *** DIRECTION REG.***
  ********************/
  /*** Page centre **/
  .carousel {
    height: 500px;
  }
  .debord-centrage .carousel-div .back-identity {
    margin: -70px 10px 0;
  }
  /***Page direction regionale**/
  .debord-centrage.direction-regionale .blocs-direction-regionale {
    /* TODO resolve error
    @extend %flex-box;*/
  }
  /********************
  **** RECHERCHE*******
  ********************/
  /**Recherche idees metiers + actualites **/
  #search-idees-metiers,
  .recherche-evenement,
  .recherche-actualite-portlet {
    height: auto;
  }
  #search-idees-metiers div.one-fourth,
  .recherche-evenement div.one-fourth,
  .recherche-actualite-portlet div.one-fourth {
    width: 32%;
  }
  #search-idees-metiers div.one-fourth:last-of-type {
    width: 32.4%;
  }
  /*** Forms Actualites***/
  #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-third,
  .event-search div.one-third,
  .generic-search-divs div.one-third,
  .metiers-search div.one-third {
    margin-right: 1%;
    width: 32.66%;
  }
  #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-third:nth-of-type(3),
  .event-search div.one-third:nth-of-type(3),
  .generic-search-divs div.one-third:nth-of-type(3),
  .metiers-search div.one-third:nth-of-type(3) {
    margin-right: 0;
  }
  #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite input[type=text],
  .event-search input[type=text],
  .generic-search-divs input[type=text],
  .metiers-search input[type=text] {
    margin-right: 1%;
    width: 32.66%;
  }
  #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite input[type=text]:nth-of-type(2),
  .event-search input[type=text]:nth-of-type(2),
  .generic-search-divs input[type=text]:nth-of-type(2),
  .metiers-search input[type=text]:nth-of-type(2) {
    margin-right: 0;
  }
  .generic-search-divs,
  .event-search .form-group {
    width: 32.66%;
  }
  .generic-search-divs input[type=text],
  .event-search .form-group input[type=text] {
    width: 100%;
  }
  /*********************************
  ****Home Page edito***************
  *********************************/
  html .edito-blocs.large figcaption.active {
    top: 160px;
  }
  html .edito-blocs.large a {
    margin-top: 20px;
  }
  html .edito-blocs.large figure > div img {
    transform: translate(-165px, 0%);
  }
  .temoignage.large .top.minimize {
    height: 125px;
  }
  .temoignage.large .top.minimize .first {
    height: 95px;
    width: 30%;
  }
  .temoignage.large .top.minimize div:last-of-type {
    width: 68%;
  }
  /*********************************
  ****Article + detail formation****
  *********************************/
  /*** Fiche formation detail**/
  article.fiche-formation .inside-left {
    width: 100%;
  }
  #visites-virtuelles-global.visit-formation h2 {
    text-align: center;
  }
  #visites-virtuelles-global #virtual {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
  }
  #visites-virtuelles-global #bloc-1 {
    margin: 0 0 0 10px;
  }
  .aside-formations {
    clear: both;
    float: none;
    margin: 0 auto 50px auto;
  }
  article.fiche-formation .formation-entete .social-bar.social-deficitaire {
    width: 100%;
  }
  article.fiche-formation .formations-deficitaires-relatives div.relative {
    justify-content: center;
    -webkit-justify-content: center;
  }
  /***DETAILS ARTICLES**/
  #content article .article-content div.same-subject {
    width: auto;
  }
  #content article .article-content div.same-subject h2 {
    text-align: center;
  }
  #content article .article-content div.same-subject .relative {
    float: none;
    margin: 0 auto 10px auto;
    width: 334px;
  }
  #content article .article-content div.same-subject .relative:nth-of-type(2n+1) {
    margin-right: auto;
  }
  /********************
  **** FOOTER ********
  ********************/
  footer .container {
    padding: 0 2%;
  }
  /***********IE***/
  .ie #news-search select + span,
  .ie .event-search select + span,
  .ie #search-idees-metiers select + span {
    width: 25.7%;
  }
  /*** Modal Rose ***/
  #modal-bis .modal-dialog-content,
  .modal-bis-menu .modal-dialog-content {
    margin-left: -10px;
  }
  #footer .reassurance .container .journal-content-article img {
    width: 10px;
  }
  /****** Fin 1000px**/
}
/******************************************************************
 **** responsive max-width 768 ****
 ********************/
@media (max-width: 769px) {
  /********************
  **** LAYOUT ****
  ********************/
  html .row [class*=span],
  html [class*=span] {
    width: 100%;
  }
  html .span4,
  html .row .span4 {
    margin: 10px 0 0 0;
  }
  html body {
    padding: 0;
  }
  /********************
  **** AUTHENTIFICATION ****
  ********************/
  html.ios #authentification-banner form input[type=text],
  html.ios #authentification-banner form input[type=password] {
    max-width: 100% !important; /** Pas propre mais seule facon de contrecarrer le !important rajoute dans bootstrap**/
    width: 100%;
  }
  #authentification-banner form input[type=text],
  #authentification-banner form input[type=password] {
    margin-bottom: 10px;
    margin-right: 0;
    width: 100%;
  }
  #authentification-banner form input[type=submit] {
    margin: 10px 0 0 0;
  }
  #authentification-banner form a.forgot-password {
    margin-bottom: 10px;
    width: 100%;
  }
  #authentification-banner form a.pink-button-no-transition {
    margin: 0 0 10px 0;
    width: 100%;
  }
  #authentification-banner form a.pink-button-no-transition[value="Se connecter"] {
    margin-right: 0;
  }
  #authentification-banner form span.explanation {
    float: unset;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #authentification-banner form span.separation {
    display: none;
  }
  #authentification-banner form span.login-error,
  #authentification-banner form span.password-error {
    position: initial;
  }
  /********************
  **** HEADER ****
  ********************/
  header .container heading {
    padding-right: 0px;
  }
  header {
    /*** Nav principale**/
  }
  header .heading {
    height: auto;
  }
  header .heading .header-links {
    float: right;
  }
  header .heading .header-links,
  header .heading nav {
    width: 100%;
  }
  header .heading nav ul li a.favoris, header .heading nav ul li a.panier, header .heading nav ul li span.favoris, header .heading nav ul li span.panier {
    padding: 12px 32px 10px;
    text-indent: -777777px;
  }
  header #navigation {
    position: relative;
  }
  header #navigation a.burger-icon {
    display: block;
    z-index: 15;
  }
  header #navigation span.title_ul {
    background: #FFFFFF;
    color: #908E8D;
    display: block;
    float: none;
    margin: 0;
    padding: 10px;
    text-align: left;
  }
  header #navigation .back-nav {
    display: none;
  }
  header #navigation ul {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: none;
    position: absolute;
    top: 46px;
    z-index: 5;
    width: 100%;
  }
  header #navigation ul.hide-nav {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
  }
  header #navigation ul li {
    float: none;
    text-align: left;
    width: 100%;
  }
  header #navigation ul li:nth-child(n) {
    background-color: #FFFFFF;
    width: 100%;
  }
  header #navigation ul li:nth-child(n) a,
  header #navigation ul li:nth-child(n) span {
    line-height: 1.1111111111;
    font-size: 18px;
    font-size: 1.8rem;
    color: #5A545A;
  }
  header #navigation ul li:nth-child(n):before {
    background-color: none;
  }
  header #navigation ul li:nth-child(n):hover:after {
    background: none;
  }
  header #navigation ul li:nth-child(n):nth-child(4) {
    border-bottom: 1px solid #DEDEDE;
  }
  header #navigation .search-navigation {
    right: 90px;
  }
  /********************
  ****MEGAMENU********
  ********************/
  #menu-nos-formations .container div.one-fourth, #menu-nos-formations .container div.two-three,
  #menu-particulier .container div.one-fourth,
  #menu-particulier .container div.two-three,
  #menu-partenaire .container div.one-fourth,
  #menu-partenaire .container div.two-three,
  #menu-afpa .container div.one-fourth,
  #menu-afpa .container div.two-three {
    width: 100%;
  }
  #menu-nos-formations .container div.one-fourth.first, #menu-nos-formations .container div.two-three.first,
  #menu-particulier .container div.one-fourth.first,
  #menu-particulier .container div.two-three.first,
  #menu-partenaire .container div.one-fourth.first,
  #menu-partenaire .container div.two-three.first,
  #menu-afpa .container div.one-fourth.first,
  #menu-afpa .container div.two-three.first {
    border-right: 0;
  }
  #menu-nos-formations .container div.one-fourth.last, #menu-nos-formations .container div.two-three.last,
  #menu-particulier .container div.one-fourth.last,
  #menu-particulier .container div.two-three.last,
  #menu-partenaire .container div.one-fourth.last,
  #menu-partenaire .container div.two-three.last,
  #menu-afpa .container div.one-fourth.last,
  #menu-afpa .container div.two-three.last {
    width: 100%;
  }
  #menu-particulier,
  #menu-nos-formations,
  #menu-partenaire,
  #menu-afpa {
    padding: 0 2%;
  }
  /********************
  **** FAQ************
  ********************/
  .recherche-faq-portlet {
    height: auto;
  }
  /********************
  **** ARTICLE*********
  ********************/
  .sticky-content {
    display: none;
  }
  /********************
  **** Fiche formation*
  ********************/
  article.fiche-formation {
    padding: 0 10px;
  }
  article.fiche-formation .formation-entete {
    margin-bottom: 25px;
  }
  article.fiche-formation .formation-entete .formation-title {
    -webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1; /* OLD - Firefox 19- */
    -ms-flex-order: 1; /* TWEENER - IE 10 */
    -webkit-order: 1;
    order: 1;
    width: 100%;
  }
  article.fiche-formation .formation-entete .pictos, article.fiche-formation .formation-entete .social-bar {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
    -ms-flex-order: 2; /* TWEENER - IE 10 */
    -webkit-order: 2;
    order: 2;
    width: auto;
  }
  article.fiche-formation .formation-entete .social-bar {
    align-self: baseline;
  }
  article.fiche-formation .flex-formation .afpa-lieux-et-dates-portlet {
    -webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1; /* OLD - Firefox 19- */
    -ms-flex-order: 1; /* TWEENER - IE 10 */
    -webkit-order: 1;
    order: 1;
  }
  #formationsDomainesList div.item-list .first-div {
    float: none;
    width: 100%;
  }
  #formationsDomainesList div.item-list .clear .first-div {
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
  }
  #formationsDomainesList div.item-list a {
    clear: both;
    float: none;
  }
  #formation-domaine {
    padding-top: 20px;
  }
  .formations-blocs,
  #visites-virtuelles-global.visit-formation {
    margin: 0 0 20px;
  }
  article.fiche-formation .formation-entete .social-bar.social-deficitaire {
    width: 100%;
  }
  /********************
  ****CENTER LOCATOR***
  ********************/
  /***Recherche**/
  .center-locator .search-result {
    height: auto;
  }
  .center-locator .search-result div:first-child, .center-locator .search-result div:nth-child(2) {
    float: unset;
    text-align: left;
    width: 100%;
  }
  .center-locator .search-result div:nth-child(2) {
    height: auto;
    margin: 10px auto;
  }
  .custom-back.back-identity.center-locator-information-bloc, .center-locator .back-identity.center-locator-information-bloc.search-result,
  #centresList .back-identity.center-locator-information-bloc.search-result {
    float: unset;
    width: 100%;
  }
  /**** Fiche etablissement/centre**/
  .debord-centrage.direction-regionale .blocs-direction-regionale {
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 10px;
  }
  .etablissement-header .etablissement-title {
    padding: 0 1%;
    width: 100%;
  }
  .etablissement-header .social-right {
    margin: 0 auto 10px auto;
    position: relative;
  }
  /****Contrats pros ***/
  article.contat-pro-detail {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding: 0 10px;
  }
  article.contat-pro-detail .column-left {
    float: unset;
    -webkit-box-ordinal-group: 0; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 0; /* OLD - Firefox 19- */
    -ms-flex-order: 0; /* TWEENER - IE 10 */
    -webkit-order: 0;
    order: 0;
    width: 100%;
  }
  article.contat-pro-detail .column-left img {
    padding: 0;
    width: 130px;
  }
  article.contat-pro-detail .column-middle {
    float: unset;
    -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
    -ms-flex-order: 2; /* TWEENER - IE 10 */
    -webkit-order: 2;
    order: 2;
    width: 100%;
  }
  article.contat-pro-detail .column-right {
    float: unset;
    -webkit-box-ordinal-group: 0; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 0; /* OLD - Firefox 19- */
    -ms-flex-order: 0; /* TWEENER - IE 10 */
    -webkit-order: 0;
    order: 0;
    padding: 0;
  }
  article.contat-pro-detail .info-article div {
    float: unset;
    width: 100%;
  }
  article.contat-pro-detail .info-article div:last-of-type {
    margin-top: 10px;
  }
  article.contat-pro-detail a.pink-button {
    max-width: 334px;
    margin: 0 auto 20px;
    width: 100%;
  }
  article.contat-pro-detail a.pink-button-disabled {
    max-width: 334px;
    margin: 0 auto 20px;
    width: 100%;
  }
  /********************
  ****RECHERCHE*******
  ********************/
  #wrapper .recherche-centre-portlet .search-form, #wrapper .recherche-centre-portlet .search-form {
    height: 170px;
  }
  #wrapper .recherche-centre-portlet .search-form.deploy, #wrapper .recherche-centre-portlet .search-form.deploy {
    height: 320px;
  }
  #wrapper .recherche-centre-portlet .search-form .inside, #wrapper .recherche-centre-portlet .search-form .inside {
    margin-bottom: 10px;
    width: 100%;
  }
  #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.one-third, #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite div.control-group,
  .event-search div.one-third,
  .event-search div.control-group,
  .generic-search-divs div.one-third,
  .generic-search-divs div.control-group,
  .metiers-search div.one-third,
  .metiers-search div.control-group {
    width: 100%;
  }
  #advancedSearchForm {
    margin: 0 auto;
  }
  #advancedSearchForm div {
    float: unset;
    margin-right: 0;
    width: 100%;
  }
  #onglets .buttons-search {
    width: 100%;
  }
  #onglets .buttons-search a, #onglets .buttons-search span {
    margin-right: 1%;
  }
  #onglets .button-moreResults {
    float: none;
    margin: 0 auto;
  }
  #onglets .button-moreResults .moreResults {
    width: auto;
  }
  #onglets .global-search-list {
    float: none;
    margin-left: 0;
  }
  #facet {
    float: unset;
    overflow: hidden;
    margin: 0 0 20px 0;
  }
  /*************************
  **** HOMEPAGE EDITO*******
  *************************/
  .bloc-grand-format h1 {
    float: none;
    transform: translate(-21%, -50%);
    right: auto;
  }
  .bloc-grand-format .asset-une-actu {
    padding-bottom: 5px;
  }
  .edito-blocs.twitter {
    float: none;
    margin: 10px 31px;
  }
  /********************
  **** PAGE CENTRE*****
  ********************/
  .carousel {
    height: 450px;
  }
  .carousel #carousal menu li a.carousel-menu-next,
  .carousel #carousal menu li a.carousel-menu-prev {
    top: -184px;
  }
  .debord-centrage.carousel-div .englob-infos-caroussel {
    width: 100%;
  }
  .debord-centrage.carousel-div .englob-infos-caroussel .liste-formation-div {
    position: static;
    padding-top: 20px;
    z-index: 4;
  }
  .debord-centrage.carousel-div .englob-infos-caroussel .back-identity {
    margin: 10px 10px 0;
  }
  .debord-centrage.carousel-div .englob-infos-caroussel .agenda {
    margin-top: 10px;
  }
  .director-word {
    margin: 10px auto;
  }
  .services {
    margin: 0 auto;
    padding: 20px 10px;
  }
  /**************************
  ****Zoom Competence********
  **************************/
  .competence h2 {
    float: none;
  }
  /**** POPINS***/
  .global-popin .buttons-cancel.large a {
    margin: 5px auto;
  }
  /********************
  ****CENTER LOCATOR***
  ********************/
  .creation-compte {
    width: 100%;
  }
  .creation-compte .inside .englob-input .control-group {
    float: none;
    width: 100%;
  }
  .creation-compte .inside .control-group.see-password {
    float: none;
    margin: -10px 0 8px 0;
  }
  .creation-compte .inside .control-group.radio-group {
    float: none;
  }
  .creation-compte .inside .bloc-email input {
    width: 100%;
  }
  .creation-compte #mentionsLegales {
    padding: 0 1% 10px 1%;
  }
  .creation-compte .newsletter-checkbox,
  .creation-compte .cgu-link {
    padding: 0 1%;
  }
  .creation-compte input[type=submit] {
    display: block;
    float: none;
    margin: 25px auto 0;
  }
  html .row .creation-compte .control-group.radio-group.inline {
    float: none;
  }
  /**********************************
  ***Reinitialisation password*******
  **********************************/
  .reinitialize form .inside {
    width: 100%;
  }
  #wrapper .verify-email .button-holder {
    margin: 25px 0 0 0;
  }
  #wrapper .verify-email .button-holder .btn:first-of-type {
    margin: 0;
  }
  /**************************
  ****FORMULAIRES************
  **************************/
  .header-financement,
  .header-candidature,
  .header-zoom,
  .header-cpf {
    margin-bottom: 20px;
  }
  .header-financement p,
  .header-candidature p,
  .header-zoom p,
  .header-cpf p {
    width: 90%;
  }
  html .candidature {
    padding: 0 10px;
  }
  html .candidature .elegant-form {
    margin-left: 0;
  }
  html .candidature .elegant-form .clea-form .form-group input {
    width: 100%;
  }
  input.half-input {
    width: 100%;
  }
  input#dateDisponibilite {
    width: 80%;
  }
  input.small-input {
    width: 50%;
  }
  html .row .elegant-form .custom-select.large-custom {
    width: 100%;
  }
  /***********IE***/
  .ie #search-idees-metiers select + span,
  .ie .event-search select + span,
  .ie .generic-search-divs select + span,
  .ie #news-search select + span {
    width: 16%;
  }
  /**********POPINS****/
  .global-popin.general-popin .regionsSup .two-part {
    margin-right: 0;
    width: 100%;
  }
  /********************
  **** footer****
  ********************/
  footer .infos-footer .span4 {
    border: none;
  }
  footer .infos-footer .span4:nth-child(2), footer .infos-footer .span4:nth-child(3) {
    border-right: none;
    float: none;
    padding: 0;
  }
  footer .infos-footer .twitter-footer {
    border-right: none;
  }
  footer .nav-footer,
  footer .clear {
    text-align: center;
  }
  footer .clear {
    padding: 20px 0 5px;
  }
  /************************
  **** Gestion des flux****
  *************************/
  .historique-flux .expandablezone {
    padding: 0 0 0 1%;
  }
  .historique-flux .expandablezone div {
    width: 90%;
  }
  /**End 768px */
}
/******************************************************************
 **** responsive max-width 767px **********************************
 *****************************************************************/
@media (max-width: 767px) { /***Styles inferieur a 767px**/
  /*************************
  ****PAGE CENTRE***********
  *************************/
  html .carousel {
    margin-bottom: 10px;
  }
  .carousel {
    height: 350px;
  }
  .carousel #carousal menu li a.carousel-menu-next,
  .carousel #carousal menu li a.carousel-menu-prev {
    top: -158px;
  }
  .debord-centrage.map-centre {
    height: auto;
    margin-top: 10px;
  }
  .debord-centrage.map-centre .center-location {
    margin-top: 10px;
  }
  .debord-centrage.map-centre .center-location .center-context {
    left: 0;
    margin: 2%;
    min-height: auto;
    position: inherit;
    top: 0;
    width: 96%;
  }
  .debord-centrage.last {
    margin-top: 10px;
  }
  .debord-centrage.last .list-formation {
    margin: 0 10px;
    padding: 0;
    width: 100%;
  }
  .director-word {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1;
    -moz-column-gap: 1;
    -ms-column-gap: 1;
    -o-column-gap: 1;
    column-gap: 1;
    height: auto;
    margin: 0 10px;
  }
  .director-word div.first {
    width: 334px;
  }
  .big-mask {
    float: none;
    margin: 0 auto 10px auto;
  }
  /*************************
  ****DETAILS ARTICLES******
  *************************/
  /****Temoignage*********/
  article .header-article {
    height: auto;
  }
  article .header-article .header-teaser {
    float: none;
    width: 100%;
  }
  /****Idee métier ***/
  article {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  article .info-article {
    margin: 10px 0 20px;
  }
  article .info-article div.infosMetiers {
    width: 100%;
  }
  article .info-article div.infosMetiers:first-of-type {
    margin: 0 1.25% 0 0;
  }
  article .info-article .metier-resume {
    margin-top: 10px;
    width: 100%;
  }
  #content p.exergue {
    margin: 10px 0 34px 10px;
    padding-left: 10px;
  }
  /**** Détail evenement **/
  article .infos-pratiques {
    height: auto;
    overflow: visible;
  }
  article .infos-pratiques .custom-back, article .infos-pratiques .center-locator .search-result, .center-locator article .infos-pratiques .search-result,
  article .infos-pratiques #centresList .search-result,
  #centresList article .infos-pratiques .search-result {
    margin-top: 10px;
    min-height: auto;
    position: initial;
    width: 100%;
  }
  /****Center locator**/
  #wrapper .center-locator {
    margin: 10px 0 0;
    width: 100%;
  }
  #wrapper .center-locator span.nombre-resultats {
    display: block;
    position: inherit;
    right: unset;
    text-align: center;
    top: unset;
  }
  #wrapper .center-locator .nombre-resultats-title h3 {
    text-align: center;
  }
  #wrapper .center-locator .nombre-resultats-title,
  #wrapper .center-locator .search-result {
    width: 100%;
  }
  .formation-page-centre {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 334px;
  }
  .formation-page-centre #formationsCentreList div.item-list a {
    clear: both;
    float: none;
  }
  /**** Actualites **/
  #content .recherche-actualite-portlet form h2,
  #content .recherche-evenement form h2,
  #content #search-idees-metiers form h2 {
    float: none;
    text-align: center;
    width: 100%;
  }
  .recherche-actualite-portlet form .suppr-button,
  .recherche-evenement form .suppr-button,
  #search-idees-metiers form .suppr-button {
    float: none;
    text-align: center;
    width: 100%;
  }
  .recherche-actualite-portlet form .suppr-button a,
  .recherche-evenement form .suppr-button a,
  #search-idees-metiers form .suppr-button a {
    display: inline-block;
    float: none;
    margin-bottom: 15px;
  }
  #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite input[type=text],
  .event-search input[type=text],
  .generic-search-divs input[type=text],
  .metiers-search input[type=text] {
    width: 100%;
  }
  #_rechercheactualiteportlet_WAR_afparechercheportlet_searchFormActualite input[type=text]#_rechercheactualiteportlet_WAR_afparechercheportlet_dateFin[type=text],
  .event-search input[type=text]#_rechercheactualiteportlet_WAR_afparechercheportlet_dateFin[type=text],
  .generic-search-divs input[type=text]#_rechercheactualiteportlet_WAR_afparechercheportlet_dateFin[type=text],
  .metiers-search input[type=text]#_rechercheactualiteportlet_WAR_afparechercheportlet_dateFin[type=text] {
    margin-left: 0;
  }
  /**** Recherche idées métiers***/
  #search-idees-metiers div.one-fourth {
    margin-right: 0;
    width: 100%;
  }
  #search-idees-metiers div.one-fourth input {
    width: 88.3%;
  }
  #search-idees-metiers div.one-fourth a {
    width: 11.7%;
  }
  #search-idees-metiers div.one-fourth:last-of-type {
    width: 100%;
  }
  #resultList {
    justify-content: center;
    -webkit-justify-content: center;
  }
  /***********IE***/
  .ie #search-idees-metiers div.one-fourth,
  .ie #search-idees-metiers div.one-third,
  .ie .event-search div.one-fourth,
  .ie .event-search div.one-third,
  .ie .generic-search-divs div.one-fourth,
  .ie .generic-search-divs div.one-third,
  .ie #news-search div.one-fourth,
  .ie #news-search div.one-third {
    width: 108%;
  }
  .ie #search-idees-metiers div.one-fourth:last-of-type,
  .ie #search-idees-metiers div.one-third:last-of-type,
  .ie .event-search div.one-fourth:last-of-type,
  .ie .event-search div.one-third:last-of-type,
  .ie .generic-search-divs div.one-fourth:last-of-type,
  .ie .generic-search-divs div.one-third:last-of-type,
  .ie #news-search div.one-fourth:last-of-type,
  .ie #news-search div.one-third:last-of-type {
    width: 100%;
  }
  .ie #search-idees-metiers select + span,
  .ie .event-search select + span,
  .ie .generic-search-divs select + span,
  .ie #news-search select + span {
    width: 18%;
  }
  .ie #news-search .form-group,
  .ie .generic-search-divs .form-group,
  .ie .event-search .form-group {
    width: 111%;
  }
  /*****************************
  ****Recherche globale*********
  ******************************/
  #onglets #articlesList {
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
  }
  #onglets #articlesList > div:nth-child(odd), #onglets #articlesList > div:nth-child(2n+1) {
    margin-right: 0;
  }
  /*****************************
  *************FLECHAGE ********
  *****************************/
  #content .top-three.small-view h1, #content .top-three.small-view p.great-title,
  #content .search-top-three h1,
  #content .search-top-three p.great-title,
  #content .top-three.map-top h1,
  #content .top-three.map-top p.great-title {
    line-height: 1.1428571429;
    font-size: 28px;
    font-size: 2.8rem;
  }
  #content .top-three.small-view > div,
  #content .search-top-three > div,
  #content .top-three.map-top > div {
    padding: 0 0 10px 0;
  }
  #content .top-three.small-view > div div.top-trois-metier,
  #content .search-top-three > div div.top-trois-metier,
  #content .top-three.map-top > div div.top-trois-metier {
    float: none;
    padding: 2%;
    width: 100%;
  }
  /*****************************
  *************POPINS***********
  *****************************/
  .error-message-orange {
    padding: 10px;
  }
  #bandeau-probleme-version.active ~ .error-message-orange.active {
    top: 100px;
  }
  #bandeaucookies,
  #bandeau-probleme-version {
    height: 100px;
  }
  /**** End 767px**/
}
/******************************************************************
 **** responsive min-width 481px / max-width 767*******************
 *****************************************************************/
@media (min-width: 480px) and (max-width: 767px) {
  /****Fiche formation **/
  article.fiche-formation .inside-left .visuel-formation .infos-metier-formation {
    margin-top: 10px;
  }
  article.fiche-formation .inside-left .visuel-formation .infos-metier-formation .le-metier {
    margin-right: 0;
  }
  #visites-virtuelles-global #bloc-1 {
    margin: 0 0 10px 10px;
  }
  /****Center locator**/
  #wrapper .recherche-centre-portlet .search-form {
    height: 220px;
  }
  #wrapper .recherche-centre-portlet .search-form.deploy {
    height: 400px;
  }
  #wrapper .recherche-centre-portlet #advancedSearchLink {
    clear: both;
    float: unset;
    margin-left: auto;
    margin-right: auto;
  }
  /**** End 481 / 767**/
}
/************************************************
 ****** responsive  min-width 480 ***************
 ***********************************************/
@media (max-width: 480px) {
  /********************
     **** GLOBAL  ********
     ********************/
  #content h1, #content p.great-title,
  html .modal h1,
  html .modal p.great-title,
  .global-popin h1,
  .global-popin p.great-title,
  html footer h1,
  html footer p.great-title {
    line-height: 1.1428571429;
    font-size: 28px;
    font-size: 2.8rem;
  }
  #content h2,
  html .modal h2,
  .global-popin h2,
  html footer h2 {
    font-size: 16px;
    margin-left: 15px;
    line-height: 1.5;
    margin-bottom: 0;
  }
  #content h3,
  html .modal h3,
  .global-popin h3,
  html footer h3 {
    line-height: 1.25;
    font-size: 16px;
    font-size: 1.6rem;
  }
  #content h4,
  html .modal h4,
  .global-popin h4,
  html footer h4 {
    font-size: 15px;
    font-size: 1.5rem;
  }
  /********************
     **** HOMEPAGE********
     ********************/
  /**Homepage**/
  #logos-partenaires p {
    width: 100%;
  }
  /*********************
  **** PAGE CENTRE******
  ********************/
  .carousel {
    height: 220px;
  }
  .carousel #carousal menu {
    bottom: 8px;
  }
  .carousel #carousal menu li a.carousel-menu-next,
  .carousel #carousal menu li a.carousel-menu-prev {
    top: -108px;
  }
  .debord-centrage.last {
    margin-top: 10px;
  }
  .debord-centrage.last .news-center {
    display: none;
  }
  .debord-centrage.last .list-formation {
    margin: 10px;
    width: 100%;
  }
  .center-location {
    margin-top: 0;
  }
  #visites-virtuelles-global {
    margin: 20px auto;
  }
  #visites-virtuelles-global.visit-formation h2 {
    text-align: center;
  }
  #visites-virtuelles-global #bloc-1 {
    margin: 0 0 10px 0;
  }
  .services h2 {
    text-align: center;
  }
  /***** Center locator***/
  #wrapper .recherche-centre-portlet .search-form .inside #geolocalisationLink {
    width: 50px;
  }
  #wrapper .recherche-centre-portlet .search-form {
    height: 215px;
  }
  #wrapper .recherche-centre-portlet .search-form.deploy {
    height: 390px;
  }
  #wrapper .recherche-centre-portlet #advancedSearchLink {
    clear: both;
    float: unset;
    margin-left: auto;
    margin-right: auto;
  }
  .smaller-centre {
    margin-bottom: 20px;
  }
  .custom-back.back-identity h3.horaires, .center-locator .back-identity.search-result h3.horaires,
  #centresList .back-identity.search-result h3.horaires {
    padding-bottom: 8px;
  }
  .custom-back.back-identity h3.adress, .center-locator .back-identity.search-result h3.adress,
  #centresList .back-identity.search-result h3.adress {
    padding-bottom: 5px;
  }
  .bigger {
    margin-bottom: 20px;
  }
  .custom-back.back-tools h3.agenda, .center-locator .back-tools.search-result h3.agenda,
  #centresList .back-tools.search-result h3.agenda {
    padding-bottom: 10px;
  }
  /***Resultat center locator**/
  .center-locator .search-result div:first-child {
    height: auto;
  }
  .center-locator .search-result div:nth-child(3) .center-state {
    margin-bottom: 10px;
  }
  .center-locator .search-result div:nth-child(3) a {
    clear: both;
    float: unset;
  }
  /******* BLOCS EDITO ***/
  .temoignage .top {
    height: 160px;
  }
  .temoignage .top .first {
    height: 118px;
  }
  .temoignage .top .big-title {
    line-height: 1.2;
    font-size: 20px;
    font-size: 2rem;
  }
  .temoignage .top .little-title {
    line-height: 1.2857142857;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .temoignage .top.minimize div:last-of-type .little-title {
    line-height: 1.2857142857;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .idee-metier-resume .etiquette-formation,
  .etiquette-formation.etiquette-metier {
    display: none;
  }
  /********************
  **** ARTICLE ********
  ********************/
  article h1.metier-title {
    width: 100%;
  }
  article .social-bar #share-div {
    left: 165px;
    top: 55px;
  }
  article .social-bar #share-div span {
    display: block;
  }
  /********************
  **** FORMATION ******
  ********************/
  article.fiche-formation .inside-left .visuel-formation .infos-metier-formation {
    margin-top: 10px;
  }
  article.fiche-formation .inside-left .visuel-formation .infos-metier-formation .le-metier {
    margin-right: 0;
    width: 100%;
  }
  article.fiche-formation .inside-left .visuel-formation .infos-metier-formation .infos-fiche-formation {
    width: 100%;
  }
  .next-formation {
    padding: 10px;
  }
  .next-formation img {
    width: 15px;
  }
  .next-formation .formation-prochaine {
    width: 86%;
  }
  .next-formation .formation-prochaine p {
    line-height: 1.2857142857;
    font-size: 14px;
    font-size: 1.4rem;
    word-wrap: break-word;
  }
  /********************
  **** FORMULAIRES ****
  ********************/
  html .row .elegant-form .inside {
    padding: 15px;
  }
  /*** Deux boutons de validation **/
  html .row .financement-form .buttons-validation a, html .row .financement-form .buttons-validation input,
  html .row .elegant-form .buttons-validation a,
  html .row .elegant-form .buttons-validation input {
    line-height: 1.3846153846;
    font-size: 13px;
    font-size: 1.3rem;
    float: none;
    width: 100%;
  }
  html .row .financement-form .buttons-validation a:first-of-type,
  html .row .elegant-form .buttons-validation a:first-of-type {
    margin-bottom: 2%;
    margin-right: 0;
  }
  /********************
     **** FOOTER ****
     ********************/
  footer .infos-footer .twitter-footer .titre-twitter,
  footer .infos-footer .twitter-footer .tweet {
    display: none;
  }
  footer .infos-footer .twitter-footer .twitter-links {
    text-align: center;
    width: 300px;
  }
  /*** Gestion des erreurs ***/
  #errors {
    overflow: hidden;
    padding: 10px;
    word-wrap: break-word;
  }
  #errors ul {
    margin: 0;
  }
  /*** Espace perso ***/
  .bloc-mes-alertes .bloc-list-alerte .alerteValide > div:first-of-type,
  .bloc-mes-alertes .bloc-list-alerte .no-alerte > div:first-of-type,
  .bloc-mes-alertes .bloc-list-alerte .alerte-evolution > div:first-of-type,
  .bloc-mes-alertes .bloc-list-alerte .alerteObsolete > div:first-of-type {
    width: 100%;
  }
  /***********IE***/
  .ie #search-idees-metiers div.one-fourth,
  .ie #search-idees-metiers div.one-third,
  .ie .event-search div.one-fourth,
  .ie .event-search div.one-third,
  .ie .generic-search-divs div.one-fourth,
  .ie .generic-search-divs div.one-third,
  .ie #news-search div.one-fourth,
  .ie #news-search div.one-third {
    width: 100%;
  }
  .ie #search-idees-metiers div.one-fourth:last-of-type,
  .ie #search-idees-metiers div.one-third:last-of-type,
  .ie .event-search div.one-fourth:last-of-type,
  .ie .event-search div.one-third:last-of-type,
  .ie .generic-search-divs div.one-fourth:last-of-type,
  .ie .generic-search-divs div.one-third:last-of-type,
  .ie #news-search div.one-fourth:last-of-type,
  .ie #news-search div.one-third:last-of-type {
    width: 100%;
  }
  .ie #search-idees-metiers select + span,
  .ie .event-search select + span,
  .ie .generic-search-divs select + span,
  .ie #news-search select + span {
    width: 22%;
  }
  .ie #news-search .form-group,
  .ie .generic-search-divs .form-group,
  .ie .event-search .form-group {
    width: 111%;
  }
  /******************************
   ****POPINS*********************
   ******************************/
  .error-message-orange {
    height: 100px;
  }
  .error-message-orange .container p,
  .error-message-orange .container p a {
    line-height: 1.2307692308;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #bandeau-probleme-version.active ~ .error-message-orange.active {
    top: 100px;
  }
  #bandeaucookies,
  #bandeau-probleme-version {
    height: 100px;
  }
  /****Fin 480px**/
}
/******************************************************************
 **** responsive max-width 360px ****************************************
 *****************************************************************/
/*****************************************************************
**** Cas particulier des blocs a 334px ***************************
****************************************************************/
@media (max-width: 360px) {
  /***Homepage***/
  #content {
    padding: 1px 0;
  }
  .home-page-portlet .global-homepage .trois-blocs {
    margin: 0 5px 10px 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .home-page-portlet .global-homepage .search-centre-home-page,
  .home-page-portlet .global-homepage #recherche-formation,
  .home-page-portlet .global-homepage #recherche-centre {
    width: 100%;
  }
  .home-page-portlet .global-homepage .search-centre-home-page {
    padding: 10px;
  }
  .home-page-portlet .global-homepage .search-centre-home-page .inside a#geolocalisationLink {
    width: 40px;
  }
  #submitButton {
    width: 50px;
  }
  /***Visites virtuelles**/
  #visites-virtuelles-global {
    margin: 0 10px;
  }
  #visites-virtuelles-global #bloc-0, #visites-virtuelles-global bloc-1, #visites-virtuelles-global #bloc-2, #visites-virtuelles-global .back-action, #visites-virtuelles-global .virtual-visit, #visites-virtuelles-global .domain {
    width: 100%;
  }
  /***Session Formation ***/
  .aside-formations {
    width: 100%;
    /*** Carte présente dans formulaire de candidature**/
  }
  .aside-formations #region-details ul li label {
    paddig-left: 6%;
  }
  .aside-formations .dynamic-content .modalite-carte span.select-region {
    display: block;
  }
  /*** Carte présente dans formulaire de candidature**/
  html .row .elegant-form .inside .carte-candidature,
  html .row .elegant-form input.large-button {
    width: 100%;
  }
  .debord-centrage.direction-regionale { /**** Page etablissement **/ }
  .debord-centrage.direction-regionale .blocs-direction-regionale #map-canvas,
  .debord-centrage.direction-regionale .blocs-direction-regionale .back-identity,
  .debord-centrage.direction-regionale .blocs-direction-regionale .back-neutral,
  .debord-centrage.direction-regionale .blocs-direction-regionale .center-locator .search-result,
  .center-locator .debord-centrage.direction-regionale .blocs-direction-regionale .search-result,
  .debord-centrage.direction-regionale .blocs-direction-regionale #centresList .search-result,
  #centresList .debord-centrage.direction-regionale .blocs-direction-regionale .search-result {
    width: 100%;
  }
  .debord-centrage.direction-regionale .blocs-direction-regionale .back-identity {
    margin: 0;
  }
  .debord-centrage.carousel-div .englob-infos-caroussel {
    padding: 10px;
  }
  .debord-centrage.carousel-div .englob-infos-caroussel .agenda {
    width: 100%;
  }
  .debord-centrage.last {
    margin-top: 10px;
  }
  .director-word div.first {
    height: auto;
    width: 100%;
  }
  #prochain-evenement,
  .debord-centrage.carousel-div .englob-infos-caroussel .back-identity {
    margin: 0;
    width: 100%;
  }
  .smaller-centre {
    margin: 0 10px;
  }
  /***** Center locator**/
  #wrapper .recherche-centre-portlet .search-form {
    height: 240px;
  }
  #wrapper .recherche-centre-portlet .search-form.deploy {
    height: 420px;
  }
  /*****************************************
  *****RECHERCHE ACTU/EVENT/IDEE METIER *****
  ****** Blocs edito ************************
  ******************************************/
  #content article .article-content div.same-subject {
    margin: 0 1%;
  }
  #content article .article-content div.same-subject .relative {
    width: 100%;
  }
  #content article .ce-dossier h2 {
    float: unset;
    margin: 0;
    width: 100%;
  }
  #content article .nombre-article {
    float: unset;
    margin-bottom: 10px;
  }
  article {
    margin-bottom: 20px;
  }
  article .article-content {
    margin-bottom: 20px;
  }
  article .article-content div.associated-whitness {
    margin-bottom: 15px;
  }
  /***Reset des marges des listes de blocs **/
  #resultList > div,
  #resultList .idee-metier-resume {
    margin: 10px 0 0 0;
  }
  #resultList > div:nth-child(3n+3),
  #resultList .idee-metier-resume:nth-child(3n+3) {
    margin-right: 0px;
  }
  /**** Recherche idees metiers***/
  #search-idees-metiers div.one-fourth input {
    width: 77%;
  }
  #search-idees-metiers div.one-fourth a {
    width: 23%;
  }
  .asset-calendrier {
    width: 100%;
  }
  /*** Blocs edito/Temoignage + page centre**/
  #onglets #articlesList > div,
  .edito-blocs,
  .temoignage,
  .center-location .center-context {
    width: 100%;
  }
  .edito-blocs.twitter {
    margin: 10px 0 0 15px;
  }
  .edito-blocs div.full.active .teaser,
  .temoignage div.full.active .teaser {
    height: auto;
  }
  .edito-blocs figcaption,
  .temoignage figcaption {
    padding: 10px;
  }
  /***Bloc large / HP edito**/
  .bloc-grand-format .asset-une-actu {
    padding-bottom: 0;
  }
  .edito-global .three-edito .une-metier:nth-of-type(2),
  .bloc-a-la-une .asset-trois-actu > div:nth-child(2),
  #resultList.asset-deux-agenda > div:nth-of-type(2) {
    margin: 0 0 10px 0;
  }
  html .edito-blocs.large figcaption {
    height: 170px;
    top: 175px;
  }
  html .edito-blocs.large figcaption.active {
    height: 125px;
    top: 130px;
  }
  html .edito-blocs.large a {
    margin-top: 10px;
  }
  /**Blocs evenement**/
  .edito-blocs.evenement .header-news .bulle-date {
    margin-right: 2%;
    padding: 5px;
    width: 30%;
  }
  .edito-blocs.evenement .header-news div:last-of-type {
    width: 68%;
  }
  .edito-blocs.evenement figure.news-figure figcaption .full a {
    margin-top: 10px;
  }
  /**** End 360px ***/
}
/******************************************************************
 **** responsive max-width 300px ****************************************
 *****************************************************************/
@media (max-width: 300px) {
  /******************************
  ****POPINS*********************
  ******************************/
  .error-message-orange {
    padding: 1%;
  }
  #bandeau-probleme-version.active ~ .error-message-orange.active {
    top: 115px;
  }
  #bandeaucookies,
  #bandeau-probleme-version {
    height: 115px;
  }
}
/************************************
 *******Liens intermédiaires*********
 *****affichés dans le footer********
 ***********************************/
footer .header-links {
  text-align: center;
}
footer .header-links a {
  display: inline-block;
  margin-top: 10px;
}
footer .header-links a.etablissement-link {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 0px -294px/34px auto transparent;
  padding: 5px 10px 0 32px;
}
footer .header-links a.etablissement-link:hover {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 0px -344px/34px auto transparent;
}
footer .header-links a.question-link {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 0px -445px/34px auto transparent;
  padding: 5px 0 0 32px;
}
footer .header-links a.question-link:hover {
  background: url("../images/afpa/header-sprite.svg") no-repeat scroll 0px -394px/34px auto transparent;
}

/**************************
 *******HEADER********
 **************************/
header {
  width: 100%;
}
header .heading-mobile {
  height: 120px;
  min-height: 120px;
  display: flex;
  flex-wrap: wrap;
}
header .heading-mobile #lien-sous-menu-mobile {
  margin: 10px 10px 0 0;
}
header .heading-mobile #lien-sous-menu-mobile img {
  height: 56px;
}
header .heading-mobile nav {
  border-bottom: 4px solid #87BB34;
  height: 80px;
  width: 100%;
}
header .heading-mobile nav .logo {
  height: 60px;
  margin-left: 10px;
  margin-top: 10px;
  width: 100px;
}
header .heading-mobile nav .logo img {
  max-height: 100%;
}
header .heading-mobile nav > div {
  float: right;
  position: relative;
}
header .heading-mobile nav > div a {
  float: left;
}
header .heading-mobile nav > div a.account {
  margin-right: 5px;
  display: block;
  padding: 13px 15px 0 15px;
}
header .heading-mobile nav > div a.account img {
  height: 57px;
}
header .heading-mobile nav ul li a.account img {
  height: 53px;
}
header .heading-mobile nav ul li a.account {
  margin-right: 5px;
  display: block;
  padding: 15px;
}
header .heading-mobile nav a.close-menu img {
  float: right;
  height: 50px;
  margin-top: 5px;
}

/*** Menu connexion **/
header .heading-mobile nav ul.connexion-perso {
  float: left;
  margin: 0;
}
header .heading-mobile nav ul.connexion-perso li {
  min-width: 80px;
}
header .heading-mobile nav ul.connexion-perso li a.account.connected-account {
  background: none;
  height: 70px;
}
header .heading-mobile nav ul.connexion-perso li a.account.connected-account:after {
  border: 11px 8px 0 10px;
  right: 8px;
  top: 58px;
}
header .heading-mobile nav ul.connexion-perso li a.account.connected-account img {
  margin-top: 1px;
}
header .heading-mobile nav ul.menu-perso {
  border-top: 1px solid #FFFFFF;
  position: absolute;
  top: 80px;
  margin: 0;
  width: 100%;
  z-index: 1;
}
header .heading-mobile nav ul.menu-perso li {
  background-color: #87BB34;
  float: none;
}
header .heading-mobile nav ul.menu-perso li a {
  color: #FFFFFF;
}
header .heading-mobile nav ul.menu-perso li a.espace-perso {
  background: url("../images/afpa/compte/espace-perso.svg") no-repeat 20px 14px transparent;
}
header .heading-mobile nav ul.menu-perso li a.deconnexion {
  background: url("../images/afpa/compte/deconnexion.svg") no-repeat 20px 14px transparent;
}
header .heading-mobile nav ul.menu-perso li a:hover, header .heading-mobile nav ul.menu-perso li a:focus {
  background-color: #44A33D;
}

/****Menu niveau 1**/
.header-mobile-new {
  position: absolute;
  left: 19%;
  top: 5%;
}

.sous-menu-mobile {
  background: #FFFFFF;
  position: absolute;
  top: 120px;
  width: 100%;
  z-index: 30;
}
.sous-menu-mobile span.title_ul_mobile {
  line-height: 2.8571428571;
  font-size: 14px;
  font-size: 1.4rem;
  color: #908E8D;
  display: block;
  font-style: italic;
  padding: 0 10px 10px 15px;
}
.sous-menu-mobile ul {
  margin: 0 auto;
  padding-bottom: 20px;
}
.sous-menu-mobile ul li {
  list-style-type: none;
  padding: 10px 10px 10px 15px;
}
.sous-menu-mobile ul li a {
  line-height: 1.1111111111;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "raleway-regular";
}
.sous-menu-mobile ul li a:hover, .sous-menu-mobile ul li a:focus {
  line-height: 1.1111111111;
  font-size: 18px;
  font-size: 1.8rem;
  color: #5A545A;
  font-family: "raleway-bold";
}
.sous-menu-mobile .mega-menu-mobile {
  /* &#menu-partenaire {
  .container div.span4{
    /*margin-left:0;*/
  /*    padding-top:0;
  }

     }*/
}
.sous-menu-mobile .mega-menu-mobile ul {
  padding-bottom: 10px;
}
.sous-menu-mobile .mega-menu-mobile ul li {
  padding: 10px 10px 10px 0;
}
.sous-menu-mobile .mega-menu-mobile ul li a {
  line-height: 1.2857142857;
  font-size: 14px;
  font-size: 1.4rem;
}
.sous-menu-mobile .mega-menu-mobile ul li a:focus, .sous-menu-mobile .mega-menu-mobile ul li a:hover {
  line-height: 1.2857142857;
  font-size: 14px;
  font-size: 1.4rem;
}
.sous-menu-mobile .mega-menu-mobile#menu-particulier .container div.span4, .sous-menu-mobile .mega-menu-mobile#menu-nos-formations .container div.one-fourth, .sous-menu-mobile .mega-menu-mobile#menu-partenaire .container div.one-fourth {
  margin-left: 0;
}
.sous-menu-mobile .mega-menu-mobile#menu-nos-formations .container div.one-fourth:last-of-type {
  margin-bottom: 10px;
}
.sous-menu-mobile .mega-menu-mobile#menu-particulier .container div.span4, .sous-menu-mobile .mega-menu-mobile#menu-entreprise .container div.span4 {
  padding-top: 10px;
}
.sous-menu-mobile .mega-menu-mobile#menu-afpa {
  padding-top: 15px;
}
.sous-menu-mobile .mega-menu-mobile#menu-afpa .container div.one-fourth.last {
  padding-bottom: 15px;
  padding-left: 0;
}
.sous-menu-mobile .mega-menu-mobile#menu-entreprise .container div.span4.padding-inside {
  padding: 10px;
}

.sous-menu-mobile > ul li:nth-child(4) {
  border-bottom: 1px solid #dedede;
}

/***************************
 *******RECHERCHE **********
 **************************/
/***Recherche dans le menu**/
html .sous-menu-mobile form {
  margin: 0;
}
html .sous-menu-mobile form .search-fomations-centers {
  width: 300px;
  padding: 20px 10px 0 10px;
}
html .sous-menu-mobile form .search-fomations-centers .inside {
  position: relative;
}
html .sous-menu-mobile form .search-fomations-centers .inside input[type=text] {
  width: 92%;
}
html .sous-menu-mobile form .search-fomations-centers .inside #submitTextSearch {
  top: 0;
}

/**recherche globale**/
#onglets.onglets-mobile .buttons-search,
html .mobile-search-elements .buttons-search {
  margin: -23px auto 10px;
}
#onglets.onglets-mobile .buttons-search a, #onglets.onglets-mobile .buttons-search span,
html .mobile-search-elements .buttons-search a,
html .mobile-search-elements .buttons-search span {
  line-height: 2.75;
  font-size: 16px;
  font-size: 1.6rem;
}
#onglets.onglets-mobile .buttons-search a.alone,
html .mobile-search-elements .buttons-search a.alone {
  width: 120px;
}
#onglets.onglets-mobile .global-search-list div.item-list .first-div,
#onglets.onglets-mobile #formationsDomainesList div.item-list .first-div,
#onglets.onglets-mobile #formationsCentreList div.item-list .first-div,
html .mobile-search-elements .global-search-list div.item-list .first-div,
html .mobile-search-elements #formationsDomainesList div.item-list .first-div,
html .mobile-search-elements #formationsCentreList div.item-list .first-div {
  float: none;
  width: 100%;
}
#onglets.onglets-mobile .global-search-list div.item-list .clear a,
#onglets.onglets-mobile #formationsDomainesList div.item-list .clear a,
#onglets.onglets-mobile #formationsCentreList div.item-list .clear a,
html .mobile-search-elements .global-search-list div.item-list .clear a,
html .mobile-search-elements #formationsDomainesList div.item-list .clear a,
html .mobile-search-elements #formationsCentreList div.item-list .clear a {
  clear: both;
  float: none;
  background: url("../images/afpa/chevron-rose.png") no-repeat left 17px;
  padding-top: 14px;
  width: 100%;
}
#onglets.onglets-mobile #centresList .search-result,
html .mobile-search-elements #centresList .search-result {
  height: auto;
}
#onglets.onglets-mobile #centresList .search-result div:first-child,
#onglets.onglets-mobile #centresList .search-result div:nth-child(2),
html .mobile-search-elements #centresList .search-result div:first-child,
html .mobile-search-elements #centresList .search-result div:nth-child(2) {
  height: auto;
  float: none;
  width: 100%;
}
#onglets.onglets-mobile #centresList .search-result div:nth-child(2),
html .mobile-search-elements #centresList .search-result div:nth-child(2) {
  text-align: left;
}
#onglets.onglets-mobile #centresList .search-result div:nth-child(3) span,
html .mobile-search-elements #centresList .search-result div:nth-child(3) span {
  margin-bottom: 10px;
}
#onglets.onglets-mobile #centresList .search-result div:nth-child(3) span, #onglets.onglets-mobile #centresList .search-result div:nth-child(3) a,
html .mobile-search-elements #centresList .search-result div:nth-child(3) span,
html .mobile-search-elements #centresList .search-result div:nth-child(3) a {
  float: none;
}

#contentArticles.mobile-search-elements {
  padding: 0 2%;
}

html .mobile-search-elements {
  position: relative; /*** Permet de placer les facettes en absolute**/
}

html .mobile-search-elements.nosServicesFormations.span8,
html .mobile-search-elements .nosServicesFormations.span8 {
  width: 100%;
}
html .mobile-search-elements.nosServicesFormations.span8 .item-service .colonne-left,
html .mobile-search-elements.nosServicesFormations.span8 .item-service .colonne-right,
html .mobile-search-elements .nosServicesFormations.span8 .item-service .colonne-left,
html .mobile-search-elements .nosServicesFormations.span8 .item-service .colonne-right {
  display: block;
  float: none;
  width: 100%;
}
html .mobile-search-elements.nosServicesFormations.span8 .item-service .colonne-left a,
html .mobile-search-elements.nosServicesFormations.span8 .item-service .colonne-right a,
html .mobile-search-elements .nosServicesFormations.span8 .item-service .colonne-left a,
html .mobile-search-elements .nosServicesFormations.span8 .item-service .colonne-right a {
  float: none;
}

#onglets.onglets-mobile .global-search-list.span8,
#onglets.onglets-mobile .search-result.span8,
#onglets.onglets-mobile .resultList.span8,
#onglets.onglets-mobile .button-moreResults,
html .mobile-search-elements .global-search-list.span8,
html .mobile-search-elements .search-result.span8,
html .mobile-search-elements .resultList.span8,
html .mobile-search-elements .button-moreResults {
  width: 100%;
}
#onglets.onglets-mobile #articlesList,
html .mobile-search-elements #articlesList {
  margin-left: 0;
}
#onglets.onglets-mobile #articlesList > div:nth-child(odd),
html .mobile-search-elements #articlesList > div:nth-child(odd) {
  margin-right: 10px;
}
#onglets.onglets-mobile .etiquette-formation,
html .mobile-search-elements .etiquette-formation {
  display: none;
}

#onglets .mobile-search-elements.button-moreResults {
  width: 100%;
}

.results-mobile {
  margin: 0 10px 10px 10px;
  overflow: hidden;
}
.results-mobile h3 {
  display: inline-block;
}
.results-mobile h3 span {
  line-height: 0.8461538462;
  font-size: 26px;
  font-size: 2.6rem;
  color: #00A0E0;
  font-family: "raleway-bold";
}
.results-mobile + div {
  clear: both;
  margin-top: 10px;
}

/***Facettes **/
a.filter-facet {
  background: url("../images/afpa/filtre-coche.svg") no-repeat 68px center #00A0E0;
  color: #FFFFFF;
  display: block;
  float: right;
  padding: 10px 35px 10px 20px;
}
a.filter-facet:hover, a.filter-facet:focus {
  color: #FFFFFF;
}

#facet.facet-mobile {
  border: 1px solid #dedede;
  border-bottom: 30px solid #dedede;
  float: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
#facet.facet-mobile .inside-facet .close + div.filterContent {
  display: none;
}

/**************************
 *******FORMS MENU ********
 **************************/
html .form-menu-mobile {
  margin: 0 0 20px 0;
  min-height: 70px;
}
html .form-menu-mobile .step {
  list-style-type: none;
  margin: 0 2%;
  position: relative;
  /** 'Infobulle' texte**/
}
html .form-menu-mobile .step span {
  border-radius: 20px;
  background-color: #DEDEDE;
  display: block;
  height: 35px;
  margin: 0 auto;
  width: 35px;
}
html .form-menu-mobile .step.actived span {
  background-color: #00A0E0;
}
html .form-menu-mobile .step div {
  line-height: 1.6666666667;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 10px;
  background-color: #DEDEDE;
  margin-top: 10px;
  padding: 5px 12px;
  position: absolute;
  right: -40px;
  width: 118px;
}
html .form-menu-mobile .step div.long-title {
  right: -54px;
  width: 148px;
}
html .form-menu-mobile .step div.session-title {
  right: -68px;
  width: 170px;
}
html .form-menu-mobile .step div:before {
  content: "";
  border-color: transparent transparent #DEDEDE;
  border-width: 0 8px 10px;
  border-style: solid;
  left: 45%;
  position: absolute;
  top: -35%;
}

/*** Spécificité pour module de financement **/
html .form-menu-mobile.financement-form {
  width: 80%;
}

.save-section {
  float: right;
  width: 10%;
}
.save-section.icon-alone {
  margin: 0 0 1% 1%;
}
.save-section a {
  display: block;
}
.save-section input[type=submit],
.save-section a.save-button {
  background: url("../images/afpa/save.svg") no-repeat;
  border: none;
  height: 28px;
  text-indent: -7777px;
  width: 32px;
}
.save-section input[type=submit]:hover, .save-section input[type=submit]:focus,
.save-section a.save-button:hover,
.save-section a.save-button:focus {
  background: url("../images/afpa/save-focus.svg") no-repeat;
}

html .ModuleFinancement-portlet .financement-form.span8.mobile-elegant-form,
html .ModuleFinancement-portlet .page-reponse-financement-etape-3.span8.mobile-elegant-form,
html .ModuleFinancement-portlet .savoir-plus.span8.mobile-elegant-form {
  width: 98%;
}

.save-section.financement-save {
  width: 20%;
}
.save-section.financement-save a {
  display: block;
  float: right;
}
.save-section.financement-save a.mobile-reload {
  margin: 0 1% 0 0;
}

/**************************
*******FORMS CONTENU *****
**************************/
html .elegant-form.span8.mobile-elegant-form,
#infosComplementairesForm.mobile-elegant-form {
  width: 98%;
}
html .elegant-form.span8.mobile-elegant-form #metier,
#infosComplementairesForm.mobile-elegant-form #metier {
  float: none;
  width: 100%;
}

/***Candidature depuis module de financement **/
html .row .elegant-form.mobile-elegant-form .inside.no-more {
  padding: 2%;
}

.resultats-zoom-competences.span8.mobile-elegant-form,
.mobile-elegant-form .carte-candidature .aside-formations {
  width: 100%;
}

.resultats-zoom-competences.span8.mobile-elegant-form {
  clear: both;
}

/**Module financement **/
.zone-generique-financement.mobile-elegant-form,
.formation-reload.mobile-elegant-form,
.zone-print.mobile-elegant-form {
  margin-left: 0;
  padding: 0 1%;
  width: 100%;
}

html .financement-form.span8.mobile-elegant-form {
  width: 100%;
}
html .financement-form.span8.mobile-elegant-form .inside {
  padding: 2%;
}

html .page-reponse-financement-etape-3.span8.mobile-elegant-form {
  clear: both;
  width: 100%;
}

.formation-reload.mobile-elegant-form a,
.formation-reload.mobile-elegant-form a.reload {
  float: none;
}

html .savoir-plus.span8.mobile-elegant-form {
  margin: 0 1%;
  padding: 2%;
  width: 100%;
}

html .row .financement-form.mobile-elegant-form input[type=text][name=nomFormation],
html .row .financement-form.mobile-elegant-form input#etape1_submit {
  width: 100%;
}

.formation-reload.mobile-elegant-form a.pink-button-no-transition,
.formation-reload.mobile-elegant-form a.reload {
  float: none;
  width: 100%;
}
.formation-reload.mobile-elegant-form a.pink-button-no-transition,
.formation-reload.mobile-elegant-form a.pink-button-no-transition:hover,
.formation-reload.mobile-elegant-form a.pink-button-no-transition:focus {
  margin-bottom: 10px;
}
.formation-reload.mobile-elegant-form a.reload {
  display: inline-block;
  text-align: center;
}

/*** Module fléchage**/
html .row .elegant-form.mobile-elegant-form span.or {
  display: block;
  float: none;
  padding-bottom: 10px;
}
html .row .elegant-form.mobile-elegant-form .custom-select {
  float: none;
  width: 100%;
}
html .row .elegant-form.mobile-elegant-form .buttons-validation.style-un-bouton input {
  width: 100%;
}

.mobile-elegant-form .competences-part .competence-content {
  width: 100%;
}
.mobile-elegant-form .competences-part .competence-content .competence-title {
  display: block;
  width: 100%;
}
.mobile-elegant-form .competences-part .competence-content .graduation,
.mobile-elegant-form .competences-part .competence-content .ui-slider {
  margin: 0 auto;
}
.mobile-elegant-form .competences-part .competence-content .graduation label:first-of-type {
  margin-left: -6px;
}
.mobile-elegant-form .competences-part .competence-content .graduation label:last-of-type {
  width: 7%;
}

.candidature .elegant-form.mobile-elegant-form .inside {
  padding: 10px 20px 20px;
}

html .row .search-result.global-search-list.cpf-result-list.mobile-elegant-form {
  float: none;
  width: 100%;
}
html .row .search-result.global-search-list.cpf-result-list.mobile-elegant-form .item-list .first-div {
  width: 100%;
}
html .row .search-result.global-search-list.cpf-result-list.mobile-elegant-form .item-list .clear .first-div {
  margin-bottom: 10px;
}
html .row .search-result.global-search-list.cpf-result-list.mobile-elegant-form .item-list .clear .first-div span.tag {
  margin: 0 5px 5px 0px;
}
html .row .search-result.global-search-list.cpf-result-list.mobile-elegant-form .item-list .clear a {
  clear: both;
  float: none;
  margin-top: 20px;
}

html .row #searchCPFForm.elegant-form span.info-bulle {
  float: left;
  margin: 10px;
}

/***Recherche **/
.ui-autocomplete.ui-widget-content.recherche-generique.mobile-search {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #FFFFFF;
  z-index: 30;
}

/****************************
**** Espace perso mobile ***
***************************/
#content .espace-perso-mobile {
  background-color: #FFFFFF;
  margin: 0 auto 20px auto;
  padding: 20px;
  max-width: 334px;
}
#content .espace-perso-mobile p {
  line-height: 1.1111111111;
  font-size: 18px;
  font-size: 1.8rem;
  color: #00A0E0;
  text-align: center;
}
#content .espace-perso-mobile ul {
  margin: 0;
}
#content .espace-perso-mobile ul li {
  background: url("../images/afpa/chevron-gris.svg") no-repeat center right transparent;
  border-bottom: 1px solid #00A0E0;
  list-style-type: none;
}
#content .espace-perso-mobile ul li:last-of-type {
  border-bottom: none;
}
#content .espace-perso-mobile ul li a {
  display: block;
  padding: 10px 0;
}
#content .espace-perso-mobile ul li a:hover, #content .espace-perso-mobile ul li a:focus {
  color: #5A545A;
  font-weight: bold;
}
#content .espace-perso-mobile .blue-button {
  margin-top: 10px;
  text-align: center;
  width: 100%;
}

/**** Responsive**/
@media (max-width: 620px) {
  html .row .candidature .mobile-elegant-form .buttons-validation a {
    line-height: 1.3846153846;
    font-size: 13px;
    font-size: 1.3rem;
    float: none;
    width: 100%;
  }
  html .row .candidature .mobile-elegant-form .buttons-validation a:first-of-type {
    margin-right: 0;
    margin-bottom: 2%;
  }
  #onglets.onglets-mobile #articlesList,
  html .mobile-search-elements #articlesList {
    margin-left: 0;
  }
  #onglets.onglets-mobile #articlesList > div:nth-child(odd),
  html .mobile-search-elements #articlesList > div:nth-child(odd) {
    margin-right: 0;
  }
}
/*************************************************************
*********************** Charte generale **********************
*************************************************************/
/** Styles generaux **/
.text-align-center {
  text-align: center;
}

/*********************************
***** Corrections Liferay ********
*********************************/
.portlet-borderless-bar .portlet-options a {
  background-image: url("../images/portlet/options_borderless.png");
}

/**************************************************************
*** Appliquer de facon generale aux fonctionnalites Liferay ***
**************************************************************/
.portlet-asset-publisher .taglib-categorization-filter.entry-title,
.login-portlet {
  display: none;
}

a.pdfDownloadButton {
  font-family: Arial, sans-serif;
  font-size: 16px;
  display: block;
  margin-bottom: 50px;
  font-weight: bold;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  height: 30px;
  padding-top: 3px;
}

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