/* Minification failed. Returning unminified contents.
(3910,17): run-time error CSS1030: Expected identifier, found ' '
(3910,18): run-time error CSS1031: Expected selector, found ''roboto_italic''
(3910,18): run-time error CSS1025: Expected comma or open brace, found ''roboto_italic''
(3911,17): run-time error CSS1030: Expected identifier, found ' '
(3911,24): run-time error CSS1031: Expected selector, found ';'
(3911,24): run-time error CSS1025: Expected comma or open brace, found ';'
(3913,1): run-time error CSS1019: Unexpected token, found '}'
(16361,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16379,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16415,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! jQuery UI - v1.11.4 - 2016-05-13
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, button.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bg../imgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bg../imgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.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}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action: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-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.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:.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:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.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:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .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:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.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 .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}.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-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#454545;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 #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.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:#2b2b2b;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.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:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("img/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../img/ui-icons_444444_256x240.png")}.ui-state-default .ui-icon{background-image:url("../img/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("../img/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon{background-image:url("../img/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("../img/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../img/ui-icons_cc0000_256x240.png")}.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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0 0 0 0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.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.tooltipster-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.tooltipster-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(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.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.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-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(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-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(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    min-height: 100%;
    position: relative;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * img, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 14, 2015 */

body *{
    box-sizing:border-box;
    -webkit-font-smoothing: antialiased;
    font-family: 'roboto_regular';
}
body img{
    max-width: 100%;
}
ul
,li{
    margin:0;
    padding:0;
    list-style: none;
}
h1,h2,h3,h4,h5,h6,p{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
}
a,button{
    outline: none;
}
button[disabled]{
    cursor: not-allowed;
}

@font-face {
    font-family: 'numans_regular';
    src: url('/fonts/neoxiafonts/numans/numans-regular-webfont.eot');
    src: url('/fonts/neoxiafonts/numans/numans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/neoxiafonts/numans/numans-regular-webfont.woff2') format('woff2'),
         url('/fonts/neoxiafonts/numans/numans-regular-webfont.woff') format('woff'),
         url('/fonts/neoxiafonts/numans/numans-regular-webfont.ttf') format('truetype'),
         url('/fonts/neoxiafonts/numans/numans-regular-webfont.svg#numansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_regular';
    src: url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.eot');
    src: url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.woff') format('woff'),
         url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_light';
    src: url('/fonts/neoxiafonts/roboto/roboto-light-webfont.eot');
    src: url('/fonts/neoxiafonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/neoxiafonts/roboto/roboto-light-webfont.woff2') format('woff2'),
         url('/fonts/neoxiafonts/roboto/roboto-light-webfont.woff') format('woff'),
         url('/fonts/neoxiafonts/roboto/roboto-light-webfont.ttf') format('truetype'),
         url('/fonts/neoxiafonts/roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_italic';
    src: url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.eot');
    src: url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.woff2') format('woff2'),
         url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.woff') format('woff'),
         url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.ttf') format('truetype'),
         url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_medium';
    src: url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.eot');
    src: url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.woff') format('woff'),
         url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.ttf') format('truetype'),
         url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_bold';
    src: url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.eot');
    src: url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.woff') format('woff'),
         url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
         url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    background:#e6e4e3;
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    line-height: normal;
    color: #646466;
}

strong{
    font-family: 'roboto_bold', arial;
    font-weight: normal;
}

.global_container{
  padding: 64px 0 0 160px;
}
.main_head{
    background: #fff;
    height: 66px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.scrolled .main_head{
    -moz-box-shadow: 0px 1px 9px 0px #818181;
    -webkit-box-shadow: 0px 1px 9px 0px #818181;
    -o-box-shadow: 0px 1px 9px 0px #818181;
    box-shadow: 0px 1px 9px 0px #818181;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#818181, Direction=180, Strength=5);
    /*height: 60px;*/
}
#ticket-min {
    float: left;
    display: none;
    zoom: 1;
    text-align: center;
	outline: none;
    /* margin-left: 10px; */
    padding: 0;
    font-size: 21px;
    margin-top: 0px;
    background: #fff;
    border: none;
    width: 40px;
    height: 100%;
}
#ticket-min > span {
    display: inline-block;
    width: 20px;
}
#ticket-min .icon-bar {
    width: 20px;
    background-color: #e18121;
    display: block;
    height: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#ticket-min .icon-bar + .icon-bar {
    margin-top: 5px;
}
.logo_area p{

    font-size: 16px;
    color: #969999;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 20px;
    overflow: hidden;
}
.scrolled .logo_area p{
    opacity: 0;
    height: 0;
    /*display: none;*/
}
.logo_area img{
    margin-top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#mobile_search{
    float: right;
    height: 100%;
    width: 40px;
    border:none;
    border-left:1px solid #e6e4e3;
    background: url('/Images/neoxiaimg/mobile_search_icn.png') no-repeat 50% 50% #fff;
    display: none;
    background-size: 16px;
}
#mobile_search.active{
    background: url('/Images/neoxiaimg/mobile_cross_shearch.png') no-repeat 50% 50% #615f5d;
    background-size: 16px;
}

.option_list{
    /*width:390px;*/
    text-align: right;
}
.option_list > ul{
    height:100%;
}
.option_list > ul > li{
    height: 100%;
    display: inline-block;
    *zoom:1;
    border-left:1px solid #cdcbc9;
    vertical-align: top;
    /*position: relative;*/ /*Lot 2 à commenter*/
}
.option_list > ul > li > a{
    height: 100%;
    min-height: 56px;
    width: 65px;
    display: inline-block;
    *zoom:1;
}
.option_list > ul > li a.favouris_btn{

    
	background: url('/Images/neoxiaimg/favouris_empty_icn.png') no-repeat center center transparent;
}
.option_list > ul > li a.favouris_btn:hover{
    background: url('/Images/neoxiaimg/favouris_full_icn.png') no-repeat center center transparent;
}
.option_list > ul > li a.favouris_btn.active{

    background: url('/Images/neoxiaimg/fav_icn_empty.png') no-repeat center center #4d4b49;
}

.option_list > ul > li a.aide_btn{
    background: url('/Images/neoxiaimg/aide_empty_icn.png') no-repeat center center transparent;
}

.option_list > ul > li a.aide_btn:hover{
    background: url('/Images/neoxiaimg/aide_full_icn.png') no-repeat center center transparent;
}
.option_list > ul > li a.aide_btn.active{
    background: url('/Images/neoxiaimg/aide_full_active_icn.png') no-repeat center center #4d4b49;
}




.option_list > ul > li a.alerte_btn{
    background: url('/Images/neoxiaimg/alerte_empty_icn.png') no-repeat center center transparent;
    position: relative;
}
.option_list > ul > li a.alerte_btn .notification_num {
    position: absolute;
    font-size: 11px;
    color: #fff;
    background-color: #fd7f33;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    left: 50%;
    top: 50%;
    margin-left: -2px;
    margin-top: -16px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.option_list > ul > li a.alerte_btn:hover{
    background: url('/Images/neoxiaimg/alerte_full_icn.png') no-repeat center center transparent;
}
.option_list > ul > li a.alerte_btn.active{
    background: url('/Images/neoxiaimg/alerte_full_active_icn.png') no-repeat center center #4d4b49;
}




.child_menu {
    position: absolute;
    width: 384px;
    /*left: 0; Lot 2 à commenter
    margin-left: -132px; Lot 2 à commenter */
    right: 0; /* Lot 2 à ajouter*/
    color: #fff;
    background-color: #4d4b49;
    top: 120%;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.active + .child_menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.child_menu.simple_links_list{
    padding-bottom: 21px;
}
.child_menu.simple_links_list li {
    padding: 14px 20px 0 20px;
    font-size: 14px;
}
.child_menu.simple_links_list li a{
    color: #fff;

}
.child_menu.simple_links_list li > div{
    border-bottom:0;
    padding-bottom: 2px;
}
.child_menu li {
    padding: 15px 20px 0 20px;
    position: relative;
    font-size: 12px;
}
/*Lot 2 à ajouter cette parte ==================================*/
.child_menu .admin_simple_list{
    padding-top: 8px;
}
.child_menu .admin_simple_list li{
    padding: 9px 20px !important;
}
.child_menu .admin_simple_list li a{
    font-size: 14px !important;
}
.admin_notification_list li{
    padding: 15px 17px 0 18px;
}
.admin_notification_list li + li{
    border-top: 1px solid #615f5d;
}
.admin_notification_list li p{
    line-height: 14px;
    width: 80%;
    color: #e6e4e3;
}
#mobile_notification_menu .admin_notification_list li p{
    line-height: 20px;
}
#mobile_notification_menu .admin_notification_list li p{
    line-height: 20px;
}
.admin_notification_list li div {
    border-bottom:1px solid #4d4b49;
    padding-bottom: 20px;
    position: relative;
}
.admin_fav_list li {
    text-align: left !important;
    position: relative;
}
.admin_fav_list li + li{
    border-top: 1px solid #615f5d;
}
.admin_fav_list li.fav_link_item a{
    display: block;
    font-size: 14px !important;
    background:url('/Images/neoxiaimg/white_fav_arrow.png') no-repeat center right transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.admin_fav_list li.fav_link_item a:hover{
    color: #df7a15;
    background-image:url('/Images/neoxiaimg/orange_fav_arrow.png');
    padding-left:5px;
}

.delete_fav_link, .edite_fav_link{
    width: 14px;
    height: 16px;
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -8px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.edite_fav_link{
    width: 17px;
    height: 16px;
}
.delete_fav_link img, .delete_fav_link img,
.edite_fav_link img, .edite_fav_link img{
    display: block;
}
.edit_mode li.fav_link_item a
,.edit_mode li.fav_link_item a:hover{
    background-image: none;
	pointer-events: none;
}
.edit_mode .delete_fav_link{
    visibility: visible;
    opacity: 1;
    right: 20px;
}
.edit_mode .edite_fav_link{
    visibility: visible;
    opacity: 1;
    right: 50px;
}

.edit_mode .open_edition_btn{
    display: none;
}
.close_edition_btn{
    display: none;
}
.edit_mode .close_edition_btn{
    display: block;
}

/*================================================================*/
.child_menu .list_title {
    font-family: 'roboto_medium', sans-serif !important;
    font-size: 18px !important; /*Lot 2 à ecrasé*/
    text-align: center !important;
    font-weight: normal; /*Lot 2 à ajouter*/
    text-transform: uppercase !important;
    color: #df7a15 !important;
    padding: 22px 0 19px 0 !important; /*Lot 2 à ecrasé*/
    background-color: #4d4b49 !important;
    border-bottom: 1px solid #615f5d !important;
}
.child_menu li .note_close 
,#mobile_notification_menu .note_close {

    position: absolute;
    right: 0;
    top: 0;/* supprimer -6  (le fichier neoxia contient toujours -6px)*/
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url('/Images/neoxiaimg/diselect_item.png') no-repeat 0 0 transparent;
    text-decoration: none;
    border: none;
}

/*Lot 2 à ajouter cette parte =======================================*/
.child_menu li.child_sous_menu
,#mobile_fav_menu .child_sous_menu{
    text-align: center;
    padding: 10px 20px;
}
.child_menu li.child_sous_menu a
,#mobile_fav_menu .child_sous_menu a{
    color: #FFFFFF;
    font-size: 12px;
}
.child_menu li.last_sous_menu_child
,#mobile_fav_menu .last_sous_menu_child{
    padding: 15px 0 !important;
    background: #383736;
    text-align: center !important;
}
.child_menu li.last_sous_menu_child a
,#mobile_fav_menu .last_sous_menu_child a{
    font-size: 14px;
}
.child_menu li.last_sous_menu_child a img
,#mobile_fav_menu .last_sous_menu_child a img{
    margin-right: 10px;

}/*=====================================================================*/
/******************************************/
.option_list > ul > li a.services_btn{
    background: url('/Images/neoxiaimg/services_empty_icn.png') no-repeat center center transparent;
}
.option_list > ul > li a.services_btn:hover{
    background: url('/Images/neoxiaimg/services_full_icn.png') no-repeat center center transparent;
}
.option_list > ul > li a.services_btn.active{
    background: url('/Images/neoxiaimg/services_empty_icn1.png') no-repeat center center #4d4b49;
}

.option_list > ul > li a.profil_btn{
    background: url('/Images/neoxiaimg/profil_empty_icn.png') no-repeat center center transparent;
}
.option_list > ul > li a.profil_btn:hover{
    background: url('/Images/neoxiaimg/profil_full_icn.png') no-repeat center center transparent;
}
.option_list > ul > li a.profil_btn.active{
    background: url('/Images/neoxiaimg/profil_empty_icn1.png') no-repeat center center #4d4b49;
}
.lang_list{
    position: absolute;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    right: 0;
    width: 55px;
    background-color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.lang_list.active{
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.lang_list li{
    display: block;
    border: 1px solid #cdcbc9;
    border-right: none;
}
.lang_list li + li{
    border-top: none;
}
.lang_list a{
    font-size: 18px;
    padding: 15px 5px;
    color: #4d4b49;
    display: block;
    text-transform: uppercase;
}
.lang_list a:hover{
    color: #ea932d;
}
.public_lang_list{
    position: absolute;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    right: 0;
    width: 43px;
    background-color: #dbd8d7;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.public_lang_list.active{
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 1060;
}
.public_lang_list li{
    display: block;
    border: 1px solid #cdcbc9;
    border-right: none;
}
.public_lang_list li + li{
    border-top: none;
}
.public_lang_list a{
    font-size: 18px;
    padding: 3px 5px;
    color: #854e56;
    display: block;
    text-transform: uppercase;
}
.public_lang_list a:hover{
    color: #ea932d;
}
.link_list{
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; 
    width: 100px;



    background-color: #dbd8d7;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    z-index: 1060;
}
.link_list.active{
    /*opacity: 1;
    visibility: visible; 
    top: 30px;

    left: 0;
    right: 0;*/
    /*margin-left: auto;
    margin-right: auto;*/
}
.link_list li{
    display: block;
    border: 1px solid #cdcbc9; 








}
.link_list li + li{
    border-top: none;








}
.link_list a{

    font-size: 12px;
    padding: 10px 0px;

    color: #4d4b49;
    display: block;



    text-transform: uppercase;
}
.links:hover .link_list{
    color: #ea932d;     
    opacity: 1;
    visibility: visible; 
    top: 30px;
    left: 0;
    right: 0;
}
.link_list a:hover{
    color: #854e56;
    background-color: #fff;





}
.mobile_mainMenu{


    width: 100%;
    height: 100%;
    position: fixed;
    left: -120%;

    top: 0;
    right: 0;
    bottom: 0;
    background: #383736;
    z-index: 100;
    padding-bottom: 100px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75);
    box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75);
}
/*Lot 2 à ajouter cette parte ==============================================*/

.menuTitle_area{
    background: #2b2b2a;
    padding: 12px;
    padding-left: 0;
}
.close_menuMobile{
    float: left;
    width: 90px;
    height: 66px;
    background: url('/Images/neoxiaimg/mobile_closebtn.png') no-repeat 50% 50% transparent;
    background-size: 28px;
    border: none;
    border-right: 1px solid #4d4b49;
}
.back_menuMobile{
    float: left;
    width: 90px;
    height: 66px;
    background: url('/Images/neoxiaimg/mobile_backbtn.png') no-repeat 50% 50% transparent;
    background-size: 8px;
    border: none;
    border-right: 1px solid #4d4b49;
}
.menuTitle_mobile{
    font-family: 'numans_regular', arial;
    font-size: 30px;
    color: #e8922b;
    padding-left: 30px;
    padding-top: 16px;
    font-weight: normal;
    text-transform: uppercase;

    
    white-space: nowrap;
    text-overflow: ellipsis;

    
    overflow: hidden;
}

.mobile_mainMenuContainer{
    width: 100%;
    height: 100%;
    overflow: auto;
}
.mobile_mainMenuItems{
    display: table;
    width: 100%;
    height: 100%;
    padding: 0 25px;
    padding-bottom: 100px;
    table-layout:fixed;
}
.mobile_mainMenuItems li{
    display: table-row;
}
.mobile_mainMenuItems li > div{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    padding: 5px 0;
    border-bottom:1px solid #4d4b49;
}
.mobile_mainMenuItems li > div + div{
    border-left:1px solid #4d4b49;
}
.mobile_mainMenuItems li:last-child > div{
    border-bottom: none;
}
.mobile_mainMenuItems li > div a{
    font-family: 'roboto_regular', arial;
    font-size: 22px;
    color: #fff;
}
.mobile_mainMenuItems li > div a:active
,.menu_item_child.active
,.mobile_mainMenuItems li > div a:hover{
    color: #e8922b;
}
.mobile_mainMenuItems li > div a img{
    margin-bottom: 20px;
}
.mobile_mainMenuItems li > div a img + span{
    display: block;
    text-align: center;
}


.mobile_optionsmenu{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #2b2b2a;
}
.mobile_optionsmenu ul{
    display: table;
    width: 100%;
    height: 100px;
    table-layout: fixed;
}
.mobile_optionsmenu ul li{
    display: table-cell;
    border-right:1px solid #4d4b49;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.mobile_optionsmenu ul li a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
}
.mobile_optionsmenu ul li a.mobile_lang_item{
    font-size: 29px;
    position: static;
    color: #e8922b;
}
.mobile_optionsmenu ul li:last-child{
    border-right:none;
}
.mobile_optionsmenu ul li a.mobile_fav_item{
    background: url('/Images/neoxiaimg/mobile_fav_icn@2x.png') no-repeat 50% 50% transparent;
    background-size: 41px;
}
.mobile_optionsmenu ul li a.mobile_aide_item{
    background: url('/Images/neoxiaimg/mobile_aide_icn@2x.png') no-repeat 50% 50% transparent;
    background-size: 28px;
}
.mobile_optionsmenu ul li a.mobile_notification_item{
    background: url('/Images/neoxiaimg/mobile_notification_icn@2x.png') no-repeat 50% 50% transparent;
    background-size: 32px;
}
.mobile_optionsmenu ul li a.mobile_param_item{
    background: url('/Images/neoxiaimg/mobile_services_icn@2x.png') no-repeat 50% 50% transparent;
    background-size: 42px;
}
.mobile_optionsmenu ul li a.mobile_profile_item{
    background: url('/Images/neoxiaimg/mobile_profil_icn@2x.png') no-repeat 50% 50% transparent;
    background-size: 34px;
}

.accordion_childItems{
    padding-top:15px;
    padding-left: 18px;
    padding-right: 18px;
}
.sub_menu .accordion_childItems{
    padding: 0 28px;
}
.menu_simple_list{
    padding: 0 28px;
}
.accordion_childItems > li{
    margin-bottom: 10px;
}

.sub_menu .accordion_childItems > li{
    border-top: 1px solid #464443;
    padding-top: 15px;
}
.menu_accord_title{
    font-size: 14px;
    color: #807f7d;
    display: block;
    margin-bottom: 20px;
    background:url('/Images/neoxiaimg/accordion_up_down.png') no-repeat 100% 6px transparent;
    background-size: 13px;
}
.menu_accord_title.active{
    background-image:url('/Images/neoxiaimg/accordion_up_arrow.png');
}
.sub_menu .menu_accord_title{
    font-size: 15px;
    background-position: 100% 10px;
}
.sub_menu .menu_accord_title .compte_num{
    font-size: 13px;
}
.menu_accord_content{
    padding-left: 50px;
    border-bottom: 1px solid #464443;
    display: none;
}

.sub_menu .accordion_childItems .menu_accord_content{
    padding-left: 0px;/* chez neoxia 22px lot3*/
    border-bottom: none;
}

/*.active + .menu_accord_content{
    display: block;
}*/
.menu_accord_content > ul > li{
    margin-bottom: 20px;
}
.sub_menu .menu_accord_content > ul > li{
    margin-bottom: 12px;
}
.menu_accord_content > ul > li:last-child{
    margin-bottom: 10px;
}
.menu_accord_content > ul > li > a{
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
/*======================================================================================*/




.wrapper_content{
    width: 100%;

    position: relative;
    height: 100%; /*Pas de height dans le fichier neoxia lot 3*/
}
.profil_info_global{
    display: table;
    width: 100%;
    height: 116px;
    background: #ea932c; /* Old browsers */
    background: -moz-linear-gradient(left, #ea932c 0%, #e7ad67 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ea932c 0%,#e7ad67 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ea932c 0%,#e7ad67 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea932c', endColorstr='#e7ad67',GradientType=1 ); /* IE6-9 */
    padding: 10px 0 10px 30px;
    color: #fff;
}
.profil_info_detail{
    display: table-cell;
    vertical-align: middle;
}
.conseiller_info{
    display: table-cell;
    vertical-align: middle;
    width: 385px;
}
.conseiller_info > div{
    border-left:2px solid #ad9197;
    padding: 3px 10px 3px 18px;
}
.shart_show_btn{
    border:none;
    background: url('/Images/neoxiaimg/shart_btn.png') no-repeat 50% 50% transparent;
    background-size: 20px;
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 20px;
    display: none;
}



.conseiller_txt{
    display: block;
    font-family: 'numans_regular', arial;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.solde{
    float:right;
    font-size: 26px;
}
.previsionnel{
    float:right;
    font-size: 20px;
}
.conseiller_info_txt .conseiller_name{
    font-family: 'roboto_medium', arial;
    font-size: 18px;
    width: 153px;
    display: inline-block;
    vertical-align: middle;
}
.conseiller_info_txt .conseiller_cor_infos li img{
    vertical-align: middle;
}
.conseiller_info_txt .conseiller_cor_infos li span{
    vertical-align: middle;
}
.conseiller_cor_infos{
    display: inline-block;
    vertical-align: middle;
}

.capital_area .capital_txt{
    font-family: 'roboto_light';
    font-size: 22px;
}
.capital_area .capital_val{
    font-family: 'roboto_medium';
    font-size: 26px;
}

.profile_img_zone{
    display: inline-block;
    *zoom:1;
    width: 73px;
    height: 73px;
    /* -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%; lot3 la classe a été modifié

     border: 4px solid #eeba7c;
     background-color: #fff;*/
    overflow: hidden;
    vertical-align: middle;
    margin-right: 20px;
}
.profile_info_txt{
    display: inline-block;
    *zoom:1;
    vertical-align: middle;
    max-width: 85%;
}
.profile_name{
    display: block;
    font-family: 'numans_regular',arial;
    font-size: 28px;
    border-bottom: 2px solid #fff;
    padding-bottom: 4px;
    line-height: normal;
}
.profile_msg{
    font-size: 19px;
    font-family: 'roboto_light', arial;
}
.content_container{
    padding: 25px;
    width: 100%;
    overflow: auto;
    /*max-width: 1190px;*/
}
.content_container:after {
  content: "";
  height: 20px;
  display: block;
}
.disconnected_content{
    overflow: auto;
}
.home_page{
    overflow: auto;
}
.content_container.searchbar_active{
    padding-top: 65px;
}

.sidebar_menu{
    position: fixed;
    padding-top: 64px;
    top: 0;
    left: 0;
    width: 160px;
    height: 100%;
    background: #262625;
    -webkit-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39);
    z-index: 1;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sidebar_menu .search_btn_show{
    width: 100%;
    z-index: 1;
    position: absolute;
}
.sidebar_menu .search_btn_show button{
    height: 46px;
    border: none;
    background-color: #615f5d;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.sidebar_menu .search_btn_show button.active{
    width: 164px;
}
.sidebar_menu .search_btn_show button .direct_access{
    background:url('/Images/neoxiaimg/search_icn.png') no-repeat 100% center transparent;
    font-family: 'roboto_light', arial;
    font-size: 14px;
    color: #cccccc;
    display: inline-block;
    *zoom:1;
    width: 80%;
    text-align: left;
    border-bottom: 1px solid #ccc;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sidebar_menu .search_btn_show button .direct_access_close{
    font-family: 'roboto_light', arial;
    font-size: 14px;
    color: #cccccc;
    display: inline-block;
    *zoom:1;
    width: 90%;
    text-align: right;
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sidebar_menu .search_btn_show button.active .direct_access{
    display: none;
}
.sidebar_menu .search_btn_show button.active .direct_access_close{
    display: inline-block;
    *zoom:1;
}
/*.scrolled .sidebar_menu{
    padding-top: 60px;
}*/
.sidebar_menu > ul{
    height: 100%;
    position: relative;
    padding-top: 46px;
}
.sidebar_menu > ul > li{
    width: 100%;
    border-bottom:2px solid #262625;
}
.sidebar_menu li{
    background: #262625;
}
.sidebar_menu > ul > li > a{
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    color: #fff;
    display: table;
    width:100%;
    height: 56px;
    vertical-align: middle;
    padding-left: 10px;
    text-decoration: none;
    background: #383736;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-left:0px solid #e8922b;
}
.sidebar_menu > ul > li > a > span{
    display: table-cell;
    vertical-align: middle;
}
.sidebar_menu > ul > li > a > span span{
    display: inline-block;
    vertical-align: middle;
    *zoom:1;
    max-width: 107px;
}
.sidebar_menu > ul > li > a > span img{
    margin-right:10px;
    vertical-align: middle;
    max-width: 22px;
    min-width: 22px;
    width: 22px;
}
.sidebar_menu > ul > li > a:hover
,.sidebar_menu > ul > li > a.active,
.sidebar_menu > ul > li:hover > a{
    color:#e8922b;
    background: #262625;
    border-left-width:3px;
}
.sidebar_menu > ul li.has_child:hover > .sub_menu {
    left: 100%;
    opacity: 1;
    visibility: visible;
}
.list_style{
    display: table;
    width: 100%;
    height: 100px;
}
.list_style > span{
    font-family: 'numans_regular', arial;
    font-size: 24px;
    color: #ea932c;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding-left: 25px;
    background-repeat: repeat-y !important;
    text-transform: uppercase;
}
.main_head > div{
    display: table;
    width: 100%;
    height: 66px;
}
.main_head > div > div{
    display: table-cell;
    height: 66px;
    max-height: 100%;
    vertical-align: middle;
}
.sub_menu{
    position: absolute;
    top: 0;
    left: 95%;
    width: 287px;
    height: 100%;
    background-color: #262625;
    background-repeat: repeat-y !important;
    z-index: 1;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

    -webkit-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39);

    -webkit-box-shadow: inset 1px 0px 3px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: inset 1px 0px 3px 0px rgba(0,0,0,0.39);
    box-shadow: inset 1px 0px 3px 0px rgba(0,0,0,0.39);
}
/*.sub_menu ul{ a été commenté dans le lot3 
    padding: 0 23px;
}*/
.sub_menu.show{
    left: 100%;
    opacity: 1;
    background-color: #3c3c3d;
    visibility: visible;
}
.sub_menu.first_level > ul > li > a{
    font-family: 'roboto_regular', arial;
    font-size: 15px;
    color: #e6e4e3;
    display: table;
    text-decoration: none;
    height: 70px;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.5;
    background: transparent;
}
.sub_menu.first_level > ul > li:first-child{
    border-top: 1px solid #505052;
}
.sub_menu.first_level > ul > li > a > span{
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #505052;
}
.sub_menu.first_level > ul > li > a > span > img{
    vertical-align: middle;
    margin-right: 15px;
}
.sub_menu.first_level > ul > li > a > span > span{
    display: inline-block;
    *zoom:1;
    vertical-align: middle;
}
.sub_menu.first_level > ul > li > a:hover
,.sub_menu.first_level > ul > li > a.active
,.sub_menu.first_level > ul > li:hover > a{
    opacity: 1;
}

.sub_menu.second_level{
    width: 403px;
}
.sub_menu.second_level ul li a{
    font-family: 'roboto_regular', arial;
    font-size: 15px;
    color: #fff;
    display: table;
    text-decoration: none;
    height: 60px;
    width: 100%;
    padding: 0 23px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.5;
    background: transparent;
}

.sub_menu.second_level ul li a span{
    display: table-cell;
    vertical-align: middle;
}

.sub_menu.second_level > ul > li > a:hover
,.sub_menu.second_level > ul > li > a.active{
    opacity: 1;
    background: #2e2e2e;
}

.main_head .logo_area{
    padding-left: 16px;
}
.main_head .logo_area img{
    max-width: 90%;
}
.second_logo_area img{
    max-width: 90%;
}
.main_head .lang_area{
    width: 50px;
    text-align: center;
    border-left: 1px solid #dbdbdb;
}
.main_head .lang_btn{
    font-family: 'roboto_regular', arial;
    color: #854d56;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 58px;
    padding-top:4px;
    width: 54px;
}

.main_content{
    float: left;
    width: 67%;
    /*max-width: 763px;*/
}
.aside_content{
    float: right;
    width: 31%;
    /*max-width: 353px;*/
}

.white_block{
    background: #fff;
    margin-bottom: 16px;
}
.grey_block{
    background: transparent;
    margin-bottom: 16px;
}
.grey_block h2,
.white_block h2{
    font-family: 'numans_regular', arial;
    font-size: 18px;
    color:#ea932c;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 16px 12px 16px;
}
.grey_block h2,
.white_block h2 span{
    vertical-align: middle;
}
.grey_block h2,
.white_block h2 .tagline{
    font-size: 12px;
    color:#969999;
    text-transform: lowercase;
}
.help_tuto_icn{
    vertical-align: top !important;
    position: relative;
}
/*.help_tuto_icn:before{
    content: attr(data-text);
    color: #474747;
    font-family: 'roboto_regular', arial;
    font-size: 13px;
    text-transform: none;
    position: absolute;
    background-color: #fff;
    left: 100%;
    top: 100%;
    margin-top: -40px;
    margin-left: 16px;
    display: block;
    width: 154px;
    padding: 5px 10px;
    border: 1px solid #b1b1b1;
    z-index: 10;
    text-align: center;
    box-sizing: border-box;
    line-height: 15px;

    opacity: 0;
    visibility: hidden;
}*/
.tooltipster-sidetip .tooltipster-box{
    background: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 0;
    line-height: 15px;
}
.tooltipster-sidetip .tooltipster-content{
    color: #474747;
    font-family: 'roboto_regular', arial;
    font-size: 13px;
    padding: 5px 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{
    left:-1px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{
    right:-1px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{
    border-right-color: #b1b1b1;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{
    border-left-color: #b1b1b1;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{
    border-right-color: #fff;
    left: 1px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{
    border-left-color: #fff;
    left: -1px;
}
.tooltipster-sidetip .tooltipster-content ul li{
    padding-left:10px;
    position:relative;
}
.tooltipster-sidetip .tooltipster-content ul li:before{
    content:'-';
    position:absolute;
    left:0;
    top:0;
}
.info_txt{
    margin-top: 40px;
}
/*.help_tuto_icn.show_right:before{
    left: inherit;
    top: 50%;
    margin-left: 0px;
    right: 100%;
    margin-right: 16px;
}
.help_tuto_icn:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    width: 13px;
    height: 20px;
    background:url('/Images/neoxiaimg/notification_aide_arrow.png') no-repeat 0 0 transparent;
    z-index: 10;
    margin-top: -10px;
    margin-left: 6px;
    margin-left: 6px\9;

    opacity: 0;
    visibility: hidden;
}
.help_tuto_icn.show_right:after{
    left: inherit;
    background-image: url('/Images/neoxiaimg/notification_aide_arrow_toright.png');
    margin-left: 0;
    right: 100%;
    margin-right: 4px;
}
.help_tuto_icn:hover:before,.help_tuto_icn:hover:after{
    opacity: 1;
    visibility: visible;
}*/

#evolution_solde.help_tuto_icn:before{
    width:230px;
}
#fiche_signaletique.help_tuto_icn:before{
    width:230px;
}
#autorisations_depassements.help_tuto_icn:before{
    width:230px;
}
#list_edocs.help_tuto_icn:before{
    width:230px;
}
#operation_a_venir.help_tuto_icn:before{
    width:230px;
}
#historique_des_operation.help_tuto_icn:before{
    width:230px;
}
#liste_des_edoc.help_tuto_icn:before{
    width:230px;
}
#mon_rib.help_tuto_icn:before{
    width:230px;
}

.with_border{
    border-top: 2px solid #499ca0;
}

.principes_list{
    padding: 0 20px;
}

.grey_gradient{
    background: #f7f6f5;
	width:100%;
}
.full_size{
    width: 100%;
}
.half_size{
    width: 49.07%;
}
.padding_around{
    padding: 10px 15px;
}
.dasboard_head h1{
    font-family: 'roboto_regular', arial;
    font-size: 24px;
    color: #646466;
    font-weight: normal;
}
.dasboard_head a{
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    color: #969999;
    text-decoration: underline;
}
.dashboard_list li{
    display: inline-block;
    *zoom:1;
    width: 33.33%;
    text-align:center;
    vertical-align: middle;
    padding: 15px;
    position: relative;
}
.dashboard_list li a{
    font-family: 'roboto_regular', arial;
    font-size: 18px;
    color: #646466;
    line-height: 20px;
    display: table;
    width:100%;
    height: 255px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.dashboard_list li a:hover{
    background: #f2f2f2;
    color: #499ca0;
}
.dashboard_list li a:after{
    content: '';
    display: inline-block;
    *zoom:1;
    width: 1px;
    height: 100%;
    background: #dddddd;
    position: absolute;
    left: -15px;
    top: 0;
}
.dashboard_list li a:before{
    content: '';
    display: inline-block;
    *zoom:1;
    width: 100%;
    height: 1px;
    background: #dddddd;
    position: absolute;
    left: 0;
    bottom: -15px;
}
.dashboard_list li a > span{
    display: table-cell;
    width:100%;
    height: 100%;
    vertical-align: middle;
}

.dashboard_list li a img{
    margin-bottom: 22px;
}
.dashboard_list li a strong{

    font-weight: normal;
}
.dashboard_list li:nth-child(n + 4) a:before{
    display: none;
}
.dashboard_list li:first-child a:after{
    display: none;
}
.dashboard_list li:nth-child(4n) a:after{
    display: none;
}
.classement_blocks .configuration_wrapper input { /* ajouter lot3*/
    width: 100%;
}
.chart {
    width: 100%;
}
.highcharts-container{
    max-width: 100%;
    overflow: visible !important;
}
.highcharts-container > svg{
    overflow: visible !important;
}

#operation.active{
    display: block !important;
}
.evolution_chart_zone{
    padding: 10px;
    margin-bottom:10px;
}
.multiEvolution_chart_zone{ /*lot3*/
    padding: 10px;
    margin-bottom:10px;
}
.dropdown_area{
    padding: 10px 15px;
}
.grey_dropdown{  
    width: 180px;
    display: inline-block;
    *zoom:1;
}
.grey_dropdown .chosen-container{  
    width: 100% !important;
}
.grey_dropdown .chosen-container-single .chosen-single{
    border: 1px solid #f7f6f5;
    background-image: none;
    background-color: #f7f6f5;
    color: #999896;
    font-size: 13px;
    line-height: 31px;
    box-shadow: none;
    height: 32px;
}
.chosen-container .chosen-drop{
    z-index: 5;
}
.grey_gradient .grey_dropdown .chosen-container-single .chosen-single{
    background-color: #fff;
}
.grey_dropdown .chosen-container-active .chosen-single{
    border-color: #BBBABA;
}
.grey_dropdown .chosen-container-single .chosen-single div{
    width: 34px;
}
.grey_dropdown .chosen-container-single .chosen-single div b{
    background:url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center center transparent;
}

.grey_dropdown .chosen-container.chosen-with-drop .chosen-drop{
    background: #f7f6f5;
    box-shadow: none;
    border-color: #BBBABA;
}
.grey_gradient .grey_dropdown .chosen-container.chosen-with-drop .chosen-drop{
    background: #fff;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #262625;
    background-image: none;
    color: #fff;
    /*color: #444;*/
}
/*Lot 2 à ajouter*/
.select_def + .chosen-container .chosen-results li.highlighted {
    color: #444;
}

.onglets_list{
    display: table;
    width: 100%;
}
.onglets_list li{
    display: table-cell;
    *zoom:1;
    width: 50%;
    border-top: 3px solid transparent;
    vertical-align: middle;
    background: #f2f2f2;
    background: -moz-linear-gradient(left,  #f2f2f2 1%, #fafaf9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,#f2f2f2), color-stop(100%,#fafaf9));
    background: -webkit-linear-gradient(left,  #f2f2f2 1%,#fafaf9 100%);
    background: -o-linear-gradient(left,  #f2f2f2 1%,#fafaf9 100%);
    background: -ms-linear-gradient(left,  #f2f2f2 1%,#fafaf9 100%);
    background: linear-gradient(to right,  #f2f2f2 1%,#fafaf9 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fafaf9',GradientType=1 );*/

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.onglets_list li a{
    font-family: 'numans_regular', arial;
    font-size: 14px;
    color:#999896;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 5px 12px 5px;
    display: block;
    text-decoration: none;
    text-align: center;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.onglets_list li.active{
    background: #fff;
    background: -moz-linear-gradient(left,  #fff 1%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,#fff), color-stop(100%,#fff));
    background: -webkit-linear-gradient(left,  #fff 1%,#fff 100%);
    background: -o-linear-gradient(left,  #fff 1%,#fff 100%);
    background: -ms-linear-gradient(left,  #fff 1%,#fff 100%);
    background: linear-gradient(to right,  #fff 1%,#fff 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 );*/
    border-top-color:#ea922c;
}
.onglets_list li a.active{
    color: #ea932c;
    font-size: 18px;
}


.classement_list li + li{
    margin-top: 5px;
}
.classement_blocks > li{
    display: none;
}
.classement_blocks > li.active{
    display: block;
}
#details_carte{
    padding-bottom: 7px;
}

#plafonds{
    padding: 17px 0;
}
#plafonds .plafonds_wrraper{
    margin: 0 auto;
    max-width: 754px;
}
#plafonds .simple_table{
    width: 100%;
}
.simple_table{
    border: 1px solid #e9e9e9;
}
.simple_table tbody tr:nth-child(even){
    background: #f7f6f4;
}
.simple_table tbody tr:nth-child(odd){
    background: #fff;
}
.simple_table th{
    font-family: 'roboto_regular', arial;
    font-size: 13px;
    border: 1px solid #fff;
    background: #b8b7b5;
    color: #fff;
    font-weight: normal;
    height: 31px;
}
.simple_table td{
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    height: 45px;
    border-left: 1px solid #e9e9e9;
}
.simple_table .pl23{
    padding-left: 23px;
}
.simple_table .pl20{
    padding-left: 20px;
  padding-right: 15px;
}
.table_disc{
    font-size: 13px;
    color: #989896;
    padding-top: 7px;
}
.orange_group{
    margin-bottom: 20px;
}
.orange_group label{
    display: block;
    font-size: 15px;
    color: #363537;
    margin-bottom: 5px;
}
.orange_group .orange_field{
    width: 100%;
    height: 35px;
    border: 1px solid #e7ad67;
    padding-left: 10px;
}
.comptes_liste{ /*lot 3 ajouter*/
    position: relative;
}
.comptes_liste > div /*lot 3 modifié*/
,.comptes_liste > a{

    border: 1px solid #e7ad67;
    padding: 10px 35px 10px 10px;
    background:url('/Images/neoxiaimg/compte_liste_bottom_arrow.png') no-repeat 100% center transparent ;
}
.compte_name_part{
    color: #5e5c62;
    font-size: 16px;
    line-height: 18px;
}
.compte_name_part .compteName{
    font-size: 16px;
}
.compte_name_part span{
    font-size: 12px;
}
.compte_prix_part{
    font-family: 'roboto_bold', arial;
    font-size: 14px;
    color: #505050;
    padding-top: 10px; /*lot 3 valeur 5px avant modification*/
}
/*début nouveau bloc lot3*/
.select_compteItem.active{
    background-image:url('/Images/neoxiaimg/compte_liste_top_arrow.png');
}
.select_compteItem.active + ul{
    visibility: visible;
    opacity: 1;
}
.comptes_liste > a + ul{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #e6e4e3;
    border-top: none;
    background: #f7f6f5;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.comptes_liste > a + ul li{
    padding: 10px;
    border-bottom: 1px solid #e6e4e3;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.comptes_liste > a + ul li:hover{
    background: #e8e7e7;
}
.comptes_liste > a + ul li:last-child{
    border-bottom: none;
}
.comptes_liste > a + ul li label{
    cursor: pointer;
}
.compteItem_radio{
    display: none;

}
/* fin block lot 3*/
.submit_area{
    padding-bottom: 15px;
}

.image_desc_block_container{
    display: table;
    width: 100%;
}

.image_desc_block_container > div{
    display: table-row;
    text-align: center;
}
.image_desc_block_container .image_container{
    display: table-cell;
    vertical-align: bottom;
    height: 213px;
    background-color: #f7f6f5;

}
.image_desc_block_container .desc_container{
    display: table-cell;
    height: 182px;
    vertical-align: middle;
    padding: 20px 35px;
    color: #4c4a4d;
}
.image_desc_block_container h3.orange_title{
    font-family: 'roboto_medium', arial;
    font-size: 17px;
    color: #ea932c;
    font-weight: normal;
    margin-bottom: 10px;
}
/*Lot 2 à ajouter*/
h3.orange_title{
    font-family: 'roboto_medium', arial;
    color: #ea932c;
    font-weight: normal;
}
.image_desc_block_container p{
    margin-bottom: 15px;
}

.list_items_with_arrows > ul{
    display: table;
    width: 100%;
}
.list_items_with_arrows > ul > li{
    display: table-row;
    width: 100%;
    vertical-align: middle;
    position: relative;
}
.list_items_with_arrows > ul > li  a{
    font-size: 14px;
    padding: 10px 22px 10px 10px;
    color: #2e2e2f;
    display: inline-block;
    *zoom:1;
    border-bottom: 1px solid #e6e4e3;
    width: 100%;
    background: url('/Images/neoxiaimg/challenges_arrow_grey.png') no-repeat 97% center transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.list_items_with_arrows > ul > li.italic_link a{
    color: #999896;
}
.list_items_with_arrows > ul > li > a > span{
    vertical-align: middle;
}

.list_items_with_arrows > ul > li  a:hover{
    background-color: #F7F7F7;
    background-position: 98% center;
}
.small_list .list_items_with_arrows > ul > li  a:hover{
    background-color: #fff;
    background-position: 96% center;
}
.show_more{
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    border: none;
    color: #999896;
    width: 100%;
    height: 30px;
    background: #f7f6f5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;/*lot 3 ajouter*/
    line-height: 2;/*lot 3 ajouter*/
    display: inline-block;/*lot 3 ajouter*/
}
.show_more:hover{
    background: #DADADA;
}

.border_flat_btn{
    font-size: 16px;
    color: #499ca0;
    text-transform: uppercase;
    min-width: 110px;
    height: 41px;
    border: 1px solid #499ca0;
    background: #fff;
    padding: 5px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.border_flat_btn + .border_flat_btn{
    margin-left: 5px;
}
.border_flat_btn:hover{
    color: #fff;
    background: #499ca0;
}
.search_area{
    padding: 34px 45px 30px 200px;
    padding-left: 200px;
    /*background-color: #615f5d; commenter dans lot 3*/
	background-color: #854d56; /*ajouter dans lot 3*/
    position: fixed;
    width: 100%;
    z-index: 1;
    left: 0;
    margin-top: -4px;
    display: none;
}
.search_area form{/* modifier dans lot 3*/
    /*width: 100%;
    position: relative;*/
    width: 75%;
    position: relative;
    margin: 0 auto;
}
.search_area form #search_field{ /*modifier dans lot 3*/
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 55px;
    border: 1px solid #fff;
    background-color: #926167;
    padding-right: 60px;
    outline: none;
    padding-left: 33px;
    font-style: italic;
}
.search_area form .search_submit_btn{ 
    font-family: 'roboto_medium', arial;
    font-size: 18px;
    width: 171px;
    height:55px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    color: #824f56;/*lot 3 ajouter*/
    background: #fff;/*lot 3 ajouter*/
    border: 1px solid #fff;/*lot 3 ajouter*/
    font-weight: 600;/*lot 3 ajouter*/
}
.search_area form .search_submit_btn:hover{
    font-weight: normal !important;
}
.search_area form .search_submit_btn span
,.search_area form .search_submit_btn:before{
    padding: 13px 20px !important;
}
.search_area form .mobile_search_submit_btn{
    width: 35px;
    height:35px;
    background:url('/Images/neoxiaimg/mobile_search_icn.png') no-repeat 50% 50% #fff;
    background-size: 14px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
}
.content_top_dashbord{ /*ajouter dans lot 3*/
    padding: 25px;
}

.liste_services{
    padding: 25px 30px;
    background-color: #fff;
	clear: both; /*ajouter dans lot3*/
}
.liste_services ul{

}
.liste_services ul li{
    display: inline-block;
    *zoom:1;
    width: 33%;
}
.liste_services ul li + li{
    border-left: 1px solid #e6e4e3;
}
.liste_services ul li > a > img{ /*modifier dans lot 3*/
    margin-right: 8%;
		max-width: 15%;
}
.liste_services ul li + li > a >img{ /*modifier dans lot 3*/
    margin-left: 8%;
}
.liste_services ul li .service_text_content{
    display: inline-block;
    width: 58%;
    vertical-align: middle;
}
.liste_services ul li .service_text_content h5 > a{/*modifier dans lot 3*/
    font-family: 'roboto_medium', arial;
    font-size: 13px;
    color: #ea922c;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.liste_services ul li .service_text_content p > a{ /*modifier dans lot 3*/
    font-family: 'roboto_regular', arial;
    font-size: 13px;
    color: #999896;
    line-height: 15px;
}
.contenu_dashbord{/*ajouter dans lot 3*/
    padding: 0;
}


.simple_footer{
    font-family: 'roboto_light', arial;
    font-size: 11px;
    background-color: #383736;
    text-align: center;
    padding: 3px 5px;
    color: #8c8c8c;
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    height: 21px;
}
.simple_footer a{
    text-decoration: underline;
    color: #8c8c8c;
    white-space: nowrap;
}
.content_top_dashbord .favori_Secondbloc .favori_lbl_txt,
.content_top_dashbord .favori_Secondbloc_1 .favori_lbl_txt{
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
}
#transfert_cash .datePicker_Style {
    width: 100%;
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #f7f6f5;
    padding-left: 20px;
    border-radius: 0;
}
#transfert_cash .check_mise .txt_info {
    width: 100%;
    margin-top: -3px;
    padding-left: 24px !important;
    display: block;
}
#transfert_cash .check_mise {
    margin-left: 0;
}
#transfert_cash .checkbox_mask {
    float: left;
}
.content_top_dashbord .onglets_list li a.active {
    font-size: 15px;
}
.modal_dashbord .contenu_modal_body li .white_dropdown{
    width: 70%;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */
.padright35{
    padding-right: 35px;
}
.hidden {
    display: none !important;
}

.float_left{
    float: left;
}
.float_right{
    float: right;
}
.align_justify{/*ajouter dans lot 3*/
    text-align: justify;
}
.align_right{
    text-align: right;
}
.align_left{/*modifier dans lot 3*/
    text-align: left!important;
}
.align_center{/*modifier dans lot 3*/
    text-align: center !important;
}
/*Lot 2 à ajouter*/
.upper_case{
    text-transform: uppercase;
}

.unstylled_btn{
    font-family: 'roboto_medium', arial;
    font-size: 17px;
    border: none;
    color: #fff;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    zoom:1;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    background: transparent;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.unstylled_btn + .unstylled_btn{
    margin-left: 20px;
}
/*Lot 2 à ajouter*/
.white_download_btn{
    font-size: 15px;
    color: #fff;
	background: url(/Images/neoxiaimg/white_download_icn.png) no-repeat 10% center;/*ajouter dans lot 3*/
    font-family: 'roboto_medium', arial;
    padding: 15px 25px 15px 45px;/*modifier dans lot3*/
    border: 2px solid #fff;
    border-radius: 3px;
    margin-right: 25px;
    float: right;
    -webkit-transition: all 0.3s ease;/*ajouter dans lot 3*/
    -moz-transition: all 0.3s ease;/*ajouter dans lot 3*/
    -ms-transition: all 0.3s ease;/*ajouter dans lot 3*/
    -o-transition: all 0.3s ease;/*ajouter dans lot 3*/
    transition: all 0.3s ease;/*ajouter dans lot 3*/
}
.white_download_btn:hover{
    background: url(/Images/neoxiaimg/white_download_icn_.png) no-repeat 10% center #ffffff;
    color: #854d56;
}
.flat_btn{
    font-family: 'roboto_medium', arial;
    font-size: 17px;
    border: none;
    color: #fff;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    *zoom:1;
    position: relative;
    vertical-align: top;
    overflow: hidden;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.flat_btn + .flat_btn{
    margin-left:25px;
}
.flat_btn span{
    display: block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.flat_btn:hover span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}
.flat_btn span
, .flat_btn:before {
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    padding: 10px 20px;
}
/*Lot 2 à ajouter*/
.flat_btn span.addbutton {
    padding: 7px 20px;
}


.left_bot_question .flat_btn:before {
    padding: 8px 15px;
}

.acceuil_faq{
    /*border: 1px solid #e6e4e3; 
    background-color: #f7f6f5;*/
    padding-left: 20px;
    width: 100%; 
    display: inline-block;
    min-height: 33px;
    margin-bottom: 9px;
    text-transform: none;
    font-weight: normal; 
    font-size: 15px; 
    color: #854e56;
    text-decoration: underline;
    line-height: 2;
}
.acceuil_faq:before {
    color: #854e56;
}


.flat_btn:before {
    box-sizing: border-box;
    content: attr(data-text);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    white-space: nowrap;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    opacity: 0.3;
}
.flat_btn:hover:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.flat_btn:hover{
    background-position: 94% center;
}
.mobile_btn{
    display: none;
}
.detail_btn{
    display: none;
}
.green_btn{
    background-color: #c5cb33;
}
.green_btn:hover{
    background-color: #989D26;
}
.orange_btn{
    background-color: #ea932c;
    border: 2px solid #ea932c;
}
.orange_btn:before{
    color: #ea932c;
}
.purple_btn{
    background-color: #854e56;
    border: 2px solid #854e56;
}
.purple_btn:before{
    color: #854e56;
}
.grey_btn{
    background-color: #999896;
    border: 2px solid #999896;
}
.grey_btn:before{
    color: #999896;
}
/*.orange_btn:hover{
    background-color: #d38427;
}*/
.daily_ressource_container img{
    border: 1px solid #b2b4b4;
}
.special_block{
    padding:0 20px;
}


.table_with_left_bars{
    width: 100%;
    table-layout: fixed;
}
.table_with_left_bars tr{
    border-top:2px solid #e6e4e3;
	position: relative;/*ajouter dans lot 3*/
}
#muliComptesTable .mobileSoldeLink{
    width: 40px;
    position: relative;
    display: none;
}
#muliComptesTable .mobileSoldeLink a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('/Images/neoxiaimg/mobileLink_icn.png') no-repeat 50% 50% #f3f3f3;
}
.table_with_left_bars tr:last-child{
    border-bottom:2px solid #e6e4e3;
}
.table_with_left_bars tr td{
    height:64px;
    vertical-align: middle;
    padding: 10px 15px;
}
.table_with_left_bars tr td:first-child{
    position: relative;
    padding-left:25px;
}
.table_with_left_bars tr td:first-child:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    bottom:1px;
    width: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .table_with_left_bars tr td:first-child:before{
        top: 0;
        bottom:0;
    }
}
.table_with_left_bars tr.red td:first-child:before{
    background-color: #da4040;
}
.table_with_left_bars tr.orange td:first-child:before{
    background-color: #ea932c;
}
.table_with_left_bars tr.purple td:first-child:before{
    background-color: #6357ac;
}
.table_with_left_bars tr.blue td:first-child:before{
    background-color: #2797c1;
}
.chart_filter_zone{
    width:58px;
    text-align: center;
    background:url('/Images/neoxiaimg/grey_small_border.png') no-repeat 0 50% transparent;
}

.page_title{
    font-family: 'numans_regular', arial;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
}
.page_title span{
    font-size: 20px;
    text-transform: none;
}
.combo_style .accounts_popin_btn{
    background: url('/Images/neoxiaimg/arrow@2x.png') no-repeat 50% 50% transparent;
    border: none;
    width: 21px;
    height: 100%;
    padding:0;
    margin-left: 6px;
}
.check_field_style {
    height: 16px;
    display: inline-block;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mask_input{
    display: inline-block;
    *zoom:1;
    width: 27px;
    height: 16px;
    position: relative;
    background-color: #d4d4d6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mask_input:after{
    content:"";
    position: absolute;
    left: 2px;
    top: 2px;
    display: inline-block;
    *zoom:1;
    width: 12px;
    height: 12px;
    background-color: #ebebed;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.masked_field:checked + .mask_input{
    background-color: #3dac74;
}
.masked_field:checked + .mask_input:after{
    left: 13px;
}


.size12{
    font-size: 12px !important;/*modifier lot 3*/
}
.size13{
    font-size: 13px !important;/*modifier lot 3*/
}
.size14{
    font-size: 14px;
}
.size15{
    font-size: 15px;
}
.size16{
    font-size: 16px;
}

.hard_grey_txt{
    color:#4d4b49;
}
.red_txt{
    color:#da4040;
}
.grey_txt{
    color:#999896;
}
.orange_txt{
    color:#ea932c;
}
.green_txt{
    color:#3dac74;
}
.purple_txt{
    color:#884c54;
}
.bold{
    font-family: 'roboto_bold', arial!important; /*modifier lot3*/
}
.medium_font{
    font-family: 'roboto_medium', arial!important;/*ajouter lot3*/
}
.uppercase_txt{
    text-transform: uppercase;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*Lot 2 à ajouter cette parte============================*/
/* message d'error */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    text-align: center;
    text-transform: uppercase;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
/*==================================================================*/
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.wide_main_content {
    width: 100%;
}
.zibra_table .th_search{
    background-image: url('/Images/neoxiaimg/search_icon_md.png');
    /*cursor: pointer;*/
}
.zibra_table .th_filter{
    background-image: url('/Images/neoxiaimg/search_icon_filter.png');
}
.zibra_table .th_search .th_lbl{
    padding-right: 30px;
    /*cursor: pointer;*/
}
.zibra_table .th_filter .th_lbl{
    padding-right: 30px;
}

.zibra_table th.th_filter.active{
    background-image: url('/Images/neoxiaimg/icone_filter_active.png');
    background-color: #615f5d !important;
}
.zibra_table th.th_search.active{
    background-image: url('/Images/neoxiaimg/search_icone_active.png');
    background-color: #615f5d !important;

    
}
.th_search_active{
    background-image: url('/Images/neoxiaimg/search_icone_active.png') !important;
    background-color: #615f5d !important;

}
.th_filter_active{
    background-image: url('/Images/neoxiaimg/icone_filter_active.png') !important;
    background-color: #615f5d !important;

    
}
.zibra_table th{
    background: url('/Images/neoxiaimg/arrow.png') no-repeat 100% center transparent;
    background-color: #b9b7b5;
    border-right: 1px solid #fff;
    color: #f2f2f2;
    font-size: 13px;
    height: 30px;
    text-align: left;
    font-weight: normal;
    background-clip: padding-box;
    border-spacing: 0px;

}
.zibra_table th.sorting_asc{
    background-image: url('/Images/neoxiaimg/up_arrow.png') !important;
    background-color: #615f5d !important;
}
.zibra_table th.sorting_desc{
    background-image: url('/Images/neoxiaimg/arrow.png') !important;
}
.zibra_table th.date_th.sorting_asc{
    background-image: url('/Images/neoxiaimg/up_arrow.png') !important;
    background-color: #615f5d !important;
}
.zibra_table th.date_th.sorting_desc{
    background-image: url('/Images/neoxiaimg/arrow.png') !important;
    background-color: #b9b7b5 !important;
}
.zibra_table th:last-child{
    border-right:none;
}
.zibra_table{
    width: 100% !important;
    font-size: 13px;
    border-collapse: initial;
}
.zibra_table td{
    border: 1px solid #f2f2f2;
}
.zibra_table td + td {
    border-left: 1px solid #e5e5e5;
}
.zibra_table tr{
    height: 32px;
}
.zibra_table tr td{
    height: 55px;
    padding: 8px 15px;
    /*color: #4d4d49;*/
    font-weight: bold;
    font-size: 13px;
    /*word-break: break-word;*/
}
.zibra_table > tbody > tr:nth-child(even){
    background: #f2f2f2;
}
.zibra_table > tbody > tr:nth-child(odd){
    background: #fff;
}

.zibra_table th:hover{
    background-color: #9C9C9C;
}
.zibra_table th.active/*, .zibra_table th.sorting_desc*/{
    /*background-image: url('/Images/neoxiaimg/up_arrow.png');
    background-color: #615f5d;*/
}


.light_txt{
    color: #818181;
    font-weight: normal;
}
.positif_transaction td:first-child
,.positif_transaction td.resume_forMobile{
    border-left: 4px solid #3dac74;
}
.negatif_transaction td:first-child
,.negatif_transaction td.resume_forMobile{
    border-left: 4px solid #747270;
}
.orange_leftbar td:first-child,
.orange_leftbar td.resume_forMobile{
    border-left: 4px solid #e9922b;
}
.purple_leftbar td:first-child,
.purple_leftbar td.resume_forMobile{
    border-left: 4px solid #874e57;
}

/*couleur de cartes*/
.carte_golden_leftbar td:first-child,
.carte_golden_leftbar td.resume_forMobile{
    border-left: 4px solid #7e764c;
}

.carte_bladi_leftbar td:first-child,
.carte_bladi_leftbar td.resume_forMobile{
    border-left: 4px solid #601e1f;
}
.carte_ailes_leftbar td:first-child,
.carte_ailes_leftbar td.resume_forMobile{
    border-left: 4px solid #bacce2;
}
.carte_rizk_leftbar td:first-child,
.carte_rizk_leftbar td.resume_forMobile{
    border-left: 4px solid #fbbb26;
}
.carte_asfar_leftbar td:first-child,
.carte_asfar_leftbar td.resume_forMobile{
    border-left: 4px solid #404c48;
}
.carte_titanium_leftbar td:first-child,
.carte_titanium_leftbar td.resume_forMobile{
    border-left: 4px solid #5b5a5a;
}
/*1217*/
.carte_1217_leftbar td:first-child,
.carte_1217_leftbar td.resume_forMobile{
    border-left: 4px solid #cebcd6;
}
.carte_icard_leftbar td:first-child,
.carte_icard_leftbar td.resume_forMobile{
    border-left: 4px solid #c5c9ca;
}
.carte_prima_leftbar td:first-child,
.carte_prima_leftbar td.resume_forMobile{
    border-left: 4px solid #ec7703;
}
.carte_carte1825_leftbar td:first-child,
.carte_carte1825_leftbar td.resume_forMobile{
    border-left: 4px solid #bec7ce;
}
.carte_populaire_leftbar td:first-child,
.carte_populaire_leftbar td.resume_forMobile{
    border-left: 4px solid #442511;
}


.blue_leftbar td:first-child,
.blue_leftbar td.resume_forMobile{
    border-left: 4px solid #4e5f85;
}
.dark_leftbar td:first-child,
.dark_leftbar td.resume_forMobile{
    border-left: 4px solid #4d4b49;
}
.negatif_transactio{
    border-left: 4px solid #747270 !important;
}

.positif_transactio{
    border-left: 4px solid #3dac74 !important;
}
.sold_negatif{
    color:#da4040
}
.montant_positif{
   color:#3dac74
}

.zibra_table tr .resume_forMobile{
    font-size: 14px;
    display: none;
    position: relative;
}
.zibra_table tr .resume_forMobile > div:first-child{
    margin-bottom:5px;
}
.zibra_table tr .resume_date{
    float: left;
    color: #969696;
}
.zibra_table tr .resume_message_status{
    /*text-transform: lowercase !important;*/
    position: absolute;
    top: 7px;
    right: 10px;
    line-height: 12px;
}
.zibra_table tr .resume_price
,.zibra_table tr .resume_status
,.zibra_table tr .resume_message_status{
    float: right;
}
.resume_lbl{
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    display: block;
    float: left;
    vertical-align: top;
    width: 50%;
    color: #969696;
}
.resume_lbl + span{
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    display: block;
    width: 50%;
    float: left;
    vertical-align: top;
}
.zibra_table tr .resume_forMobile > div{
    margin-bottom: 8px !important;
}
.zibra_table tr .resume_forMobile > div span{
    font-size: 12px;
    /*text-transform: uppercase;*/
}
.purple_profil_info_global{
    display: table;
    width: 100%;
    height: 104px;
    background: #854d56; /* Old browsers */

    padding: 10px 0 10px 30px;
    color: #fff;
}


.account_big_greeting{
    background:url('/Images/neoxiaimg/arrow.png') no-repeat 75% center transparent;
    display: block;
    font-family: 'numans_regular',arial;
    font-weight: normal;
    font-size: 26px;
    padding-bottom: 4px;
    line-height: normal;
}
.account_big_greeting span{
    font-size: 20px;
}
.breadcrumb{
    color: #ad9197;
    font-size: 12px;
    margin-bottom: 15px;
}
.breadcrumb a:first-child{
    text-decoration: underline;
}
.breadcrumb a{
    text-decoration: none;
    color: #ad9197;
}
.conseiller_solde{
    font-size: 22px;
    font-family: 'roboto_regular';
    padding-right: 10px;
    overflow: hidden;
}
.conseiller_solde > span:first-child{
    display: inline-block;
    *zoom:1;
    margin-top: 6px;
}
.conseiller_previsionnel{
    font-size: 15px;
    font-family: 'roboto_regular';
    padding-right: 10px;
    overflow: hidden;
}
.conseiller_previsionnel > span:first-child{
    display: inline-block;
    *zoom:1;
    margin-top: 5px;
}
.compte_info_txt {
    /* display: inline-block; */
    vertical-align: middle;
    max-width: 85%;
}



/*Lot 2 à commenter lot10*/
.grey_dashboard  .download_links {
    padding: 17px 25px 0 0;

}
.download_links a{
    font-family: 'roboto_medium';
    font-size: 14px;
    color: #854e56;
    font-weight: normal;
    display: inline-block;
    *zoom:1;
}
.download_links a span{
    text-decoration: underline;
}
.download_links a + a{
    margin-left: 33px;
}
.purple_download {
    color: #854e56;
    font-size: 14px;
    font-family: 'roboto_regular';
}
.purple_download a {
    color: #854e56;
    font-size: 14px;
    font-family: 'roboto_medium';
    text-decoration: underline;
    font-weight: normal;
}
.purple_download a + a{
    margin-left:0;
}
.calender_section{
    width : 400px;
}
.calender_group{
    display: inline-block;
    *zoom:1;
}
.calender_txt{
    color: #a1a09e;
    padding: 10px;
}
.grey_dashboard{
    background-color: #f7f6f5
}

.datePicker_Style{
    background:url('/Images/neoxiaimg/calendrier.png') no-repeat 90% center white;
    border: 0;
    border-radius: 5px;
    width: 120px;
    height: 30px;
    color: #a1a09e;
    padding-left: 19px;
    cursor: pointer;
}


.yellow_menu_content {
    width: 100%;

	/*Lot 2 à modifier*/
    padding-right: 0;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -moz-box-shadow: 0px 1px 2px 0px #B5B5B5;
    -webkit-box-shadow: 0px 1px 2px 0px #B5B5B5;
    -o-box-shadow: 0px 1px 2px 0px #B5B5B5;
    box-shadow: 0px 1px 2px 0px #B5B5B5;
}
.main_menu {
    padding-left: 25px;
    background: #fff;
    padding-top: 8px;
    white-space: nowrap;
    display: inline-block;
    *zoom:1;
    -webkit-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -moz-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -ms-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -o-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
/*Lot 2 à ajouter cette parte================*/
.main_menu.slick-slider{
    width: 100%;
    display: block;
}
.main_menu.slick-slider .slick-track{
    left: 10px;
}
/*============================================*/
.main_menu li:first-child {
    padding-left: 0;
}
.main_menu li {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px 0 0;
}
.main_menu li a {
    display: block;
    font-family: 'roboto_regular', sans-serif;
    font-size: 15px;
    color: #615f5d;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.main_menu li a:hover,
.main_menu li a.active {
    font-family: 'roboto_medium', sans-serif;
    color: #e8922c;
    border-bottom: 3px solid #e8922c;
}
.mobile_next_items{
    display: block;
    position: absolute;
    right:0;
    top: 7px;
    width: 37px;
    /* height: 100%; */
    background: url('/Images/neoxiaimg/navigation_mobile_menu.png') no-repeat 50% 50% #fff;
    background-size: 13px;
    border: none;
    bottom: 0;
    display: none;
}

/*Lot 2 à ajouter cette parte =============================*/
.main_menu .slick-next{
    font-size: 0;
    display: block;
    position: absolute;
    right:-1px;
    top: 7px;
    width: 37px;
    height: 100%; 
    background: url('/Images/neoxiaimg/navigation_mobile_menu.png') no-repeat 50% 50% #fff;
    background-size: 13px;
    border: none;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.main_menu .slick-next:before{
    display: none;
}
.main_menu .slick-next.lastClick
,.main_menu .slick-next.slick-disabled{
    background-image: url('/Images/neoxiaimg/navigation_mobile_menu_rotation.png');
}
.main_menu .slick-prev{
    display: none !important;
}
/*=================================================================*/

.mobile_next_items.lastClick{
    background-image: url('/Images/neoxiaimg/navigation_mobile_menu_rotation.png');
}
.dataTables_scrollHead{
    overflow: visible !important;
}
.description_filter{
    position: absolute;
    background: #fff;
    top: 100%;
    top:30px\9;
    left: 0;
    border: 1px solid #b9b7b5;
    width: 429px;
    height: 60px;
    padding: 17px;
    z-index: 10;
}
#search-input-ref{
    left: auto;
    right: 0;
}
.input_right_align {
    left: auto;
    right: 0;
}
.displayed{
    display: block;
}
.undisplayed{
    display: none;
}

.displayed_inline{
    display: inline-block;
}
.displayed_inline_faq{
    display: inline-block;
}
.error{
    display: none;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px 10px;
}
input[name=general_terms].has_error + .big_checkbox_mask{
    border: solid 2px #a94442;
}
input[name=general_terms1].has_error + .bigDark_checkbox_mask{
    border: solid 2px #a94442;
}
input[name=general_terms2].has_error + .bigDark_checkbox_mask{
    border: solid 2px #a94442;
}
.error_red_message{
    color: #da4040;
    font-size: 13px;
    padding-top: 7px;
    padding-left: 240px
}
.error_green_message{
    color: #3dac74;
    font-size: 13px;
    padding-top: 7px;
    padding-left: 240px
}
/*Lot 2 a ajouter cette parte ===================*/
.no_padding{
    padding: 0 !important;
}
.no_padding > li:first-child{
    padding-right:0 !important;
}
.details_carts_infos > li + li{
    border: 0 !important;
}
/*===============================================*/
.no_left_padding{
    padding-left: 0 !important;
}
.legal_terms{
    margin-bottom: 15px;
    display: block;
}
.zebra_table_desc{
    width: 69%;
    height: 25px;
    color: #4d4d49;
    border: 1px solid #EA932C;
    padding-left:10px;
}
.zebra_table_search{
    background: #EA932C;
    border: 0;
    height: 25px;
    width: 30%;
}

.montant_list{
    width: 159px !important;
}
.zebra_table_liste{
/*    width: 190px;*/
    width: 200px;
    position: absolute;
    background: #fff;
    top: 100%;
    top: 30px\9;
    left: 0;
    border: 1px solid #b9b7b5;
    padding: 5px 13px;
    z-index: 10;
}
.zebra_table_liste > ul > li > a:hover
,.zebra_table_liste > ul > li > a.active,
.zebra_table_liste > ul > li:hover > a{
    color:#e8922b;
    font-weight: bold;
    border-left-width:3px;
}
.hidden_date_value{
    display: none;
}
.mobile_filter_area{
    display:none;
}
.sort_calendar_container{
    padding:7px;
    border-right: 1px solid #fff;
}
.sort_calendar{
    height: 35px;
    width: 55px;
    background: url('/Images/neoxiaimg/icon-tri-calendar.png') no-repeat 50% 50% transparent;
    border: none;
}
.sort_mnt_container{
    padding:7px;
    border-left: 1px solid #fff;
}
.sort_mnt{
    height: 35px;
    width: 55px;
    background: url('/Images/neoxiaimg/icon-tri-montant.png') no-repeat 50% 50% transparent;
    border: none;
}
.sort_calendar.active{
    background-image: url('/Images/neoxiaimg/icon-tri-calendar-sort.png');
}
.sort_mnt.active{
    background-image: url('/Images/neoxiaimg/icon-tri-montant-sort.png');
}
.sort_search_container{
    text-align: center;
    padding:7px 80px;
}
.sort_search_field{
    font-size: 18px;
    width: 100%;
    height: 38px;
    border: 0;
    background: #fff;
    padding-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sort_search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'roboto_italic', arial;

}
.sort_search_field::-moz-placeholder { /* Firefox 19+ */
    font-family: 'roboto_italic', arial;

}
.sort_search_field:-ms-input-placeholder { /* IE 10+ */
    font-family: 'roboto_italic', arial;

}
.sort_search_field:-moz-placeholder { /* Firefox 18- */
    font-family: 'roboto_italic', arial;

}

/**Lot 2 à ajouter cette parte============================================/
.input_add_compte::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'roboto_italic', arial;
    font-weight: normal;

}
.input_add_compte::-moz-placeholder { /* Firefox 19+ */
    font-family: 'roboto_italic', arial;
    font-weight: normal;

}
.input_add_compte:-ms-input-placeholder { /* IE 10+ */
    font-family: 'roboto_italic', arial;
    font-weight: normal;

}
.input_add_compte:-moz-placeholder { /* Firefox 18- */
    font-family: 'roboto_italic', arial;
    font-weight: normal;

}
/*============================================================================*/

.drop-down-list li {
    margin: 10px;
}
.drop-down-list a {
    color: #818181;
    font-family: 'roboto_light',arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
.drop-down-list a:hover,
.drop-down-list a.active,
.drop-down-list  li:hover > a{
    color:#e8922b;
    font-family: 'roboto_bold',arial;
}
.drop-down-list-val li {
    margin: 10px;
}
.drop-down-list-val a {
    color: #818181;
    font-family: 'roboto_light',arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
.drop-down-list-val a:hover,
.drop-down-list-val a.active,
.drop-down-list-val  li:hover > a{


    color:#e8922b;
    font-family: 'roboto_bold',arial;
}

.drop-down-paimentList li {
    margin: 10px;

}
.lbl_paiment .txt_info{
    padding-left:15px;
    }
.txt_info {
    display: inline-block;
    text-align: left;
    color: #818181;
    font-family: 'roboto_light',arial;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    vertical-align: middle;

}
.num_compte{
    color: #999896;
    padding-left: 15px
}
.txt_info a{
    color: #ea932c;
    text-decoration: underline;
}
.checkbox_mask{
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid #818181;
    vertical-align: middle;
    position: relative;
}
.big_checkbox_mask{
    display: inline-block;
    height: 23px;
    width: 23px;
    border: 1px solid #c2c0be;
    background: #f7f6f5;
    vertical-align: middle;
    position: relative;
    float: left;
}
.big_checkbox_mask_centered{
    display: inline-block;
    *zoom:1;
    height: 23px;
    width: 23px;
    border: 1px solid #c2c0be;
    background: #f7f6f5;
    vertical-align: middle;
    position: relative;
}

.code_block{
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    font-size: 15px;
    padding-bottom: 20px;
}
.code_block .big_checkbox_mask_centered{
    width: 18px;
    height: 18px;
    background: #fff;
    float: left;
    margin-top: 2px;
}
.mobile_message_infos{
    display: none;
}
.mobile_message_infos p{
    font-size: 12px;
}

.more_margins{
    margin-bottom: 55px;
    margin-top: 20px;
}
.left_text{
    text-align: left;
    padding-left: 20px;
}
.code_notification{
    width: 90%;
    max-width: 755px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.code_confirmation{
    color: #4d4b49;
    font-size: 15px;
    padding-left: 30px;
    display: block;
}
.radio_mask{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    border: 1px solid #818181;
    vertical-align: middle;
    position: relative;
    float: left;
}
.big_radio .radio_mask{
    width: 23px;
    height: 23px;
    border-color: #d0d0d0;
    background: #e7e7e5;
    overflow: hidden;
}
.big_radio .radio_mask:after{
    width: 0;
    height: 10px;
    background-image: url('/Images/neoxiaimg/big_radio.png');
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
}

.checkbox_mask:after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 15px;
    background: url("/Images/neoxiaimg/ckecked_mark.png") no-repeat 0 center transparent;
    left:  4px;
    top: -2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
}
.big_checkbox_mask:after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 24px;
    background: url("/Images/neoxiaimg/ckecked_mark.png") no-repeat 0 center transparent;
    left:  4px;
    top: -2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
}
.big_checkbox_mask_centered:after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 27px;
    background: url("/Images/neoxiaimg/check_black_icn.png") no-repeat 0 center transparent;
    left:  4px;
    top: -7px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
}
.fontBold{
    font-weight: bold;
}

.radio_mask:after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 15px;
    background: url("/Images/neoxiaimg/radio.png") no-repeat 0 center transparent;
    left: 3px;
    top: -2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
}


input:checked + .checkbox_mask:after{
    opacity: 1;
    width: 23px;
}
input:checked + .big_checkbox_mask_centered:after{
    opacity: 1;
    width: 23px;
}
input:checked + .big_checkbox_mask:after{
    opacity: 1;
    width: 23px;
}
input:checked + .radio_mask:after{
    opacity: 1;
    width: 23px;
}
.big_radio input:checked + .radio_mask:after{
    opacity: 1;
    width: 23px;
}
.big_radio input:disabled + .radio_mask{
    cursor: not-allowed
}
.big_radio input:disabled + .radio_mask:after{
    display: none;
}
.big_radio input:disabled + .radio_mask + .txt_info{
    color: #d0d0d0;
    cursor: not-allowed
}

input:checked + .checkbox_mask + .txt_info{
    color:#e8922b;
    font-family: 'roboto_bold',arial;
}
input:checked + .big_checkbox_mask + .txt_info{
    color:#e8922b;
    font-family: 'roboto_bold',arial;
}
input:checked + .big_checkbox_mask_centered + .txt_info{
    /*color:#e8922b;*/
    /*font-family: 'roboto_bold',arial;*/
}
input:checked + .radio_mask + .txt_info{
    color:#e8922b;
    font-family: 'roboto_bold',arial;
}
.th_lbl{
    display: block;
    padding-left: 17px;
    padding-right: 36px;
    cursor: pointer;
    /*padding-top: 5px;*/
    /*height: 100%;*/
}
.sorting_disabled .th_lbl{
    padding-right:10px;
}
.hc-label {
    font-family: 'roboto_regular',arial;
    color: #f3f3f3;
    font-size: 10px;
    background-color: #615f5d;
    text-transform: uppercase;
    display: inline-block;
    *zoom:1;
    height: 16px;
    line-height: 16px;
    min-width: 38px;/*modifier lot3*/
	padding:0 5px;/*ajouter lot3*/
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.highcharts-axis path{
    opacity: 0;
}
.highcharts-axis path:last-child{
    opacity: 1;

}
.highcharts-axis-labels > span{ /* n'existe pas dans lot 3 neoxia*/
    transform: rotate(0deg) !important;
}
.highcharts-axis-labels > span[opacity="1"]{
    display: none;
}
#evolution_chart_multi .highcharts-axis-labels > span[opacity="1"]{
    display: inline-block;
    *zoom:1;
}
.highcharts-axis-labels > span[opacity="1"]:nth-child(4n),
.highcharts-axis-labels > span[opacity="1"]:last-child{
    display: inline-block;
    *zoom:1;
}

.dasboard_body .highcharts-axis-labels > span,
#devise_chart .highcharts-axis-labels > span{

   transform: rotate(0deg) !important;
}
#valeurs_chart .highcharts-axis-labels > span{
    transform: rotate(240deg) !important;
    top: 245px !important;

}
.dataTables_filter{
    display: none;
}

.dataTables_paginate {
    display: none;
}
#loading {
    display: none;
    text-align: center;
}
.chart_y{
    font-size: 16px
}
.chart_x{
    font-size: 10px
}
/*.detail_signaletique_section{
    height: 398px;
}*/
.rib_section{
    /*text-align: center;*/
    padding: 25px 10px 35px 10px;
    background-color: #c2c0be;
}
.edoc_section{
    padding: 25px 10px 35px 10px;
}
.download_rib_area{
    padding: 3px 10px 18px 10px;
}
.fiche_signaletique_txt{
    padding: 150px 0px;
    text-align: center;
    font-size: 19px;
    font-family: 'numans_bold', arial;
}
.docs_list{
    min-height: 180px;
}
.docs_list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 20px 5px;
    margin-bottom: 13px;
    width: 200px;
    height: 167px;
    overflow: hidden;
}
.docs_list li a {
    display: block;
    text-decoration: none;
    width: 100%;
    height:100%;
    position: relative;
    overflow: hidden;
    border: 2px solid #e6e6e6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.docs_list li a:hover {
    border-color:#383736;
}
.docs_list li a > img{
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.docs_list li a .contract_infos{
    position: absolute;
    width: 100%;
    bottom:0;
    left:0;
    background-color: #e6e4e3;
    padding:12px 8px 12px 18px;
    text-align:left;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.docs_list li a:hover .contract_infos{
    padding-bottom:23px;
    background-color: #383736;
}
.docs_list li a:hover .contract_infos .doc_title {
    color:#fff;
}
.docs_list li a .doc_title {
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    color: #4d4b49;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.docs_list li a .doc_visu {
    display: block;
    width: 198px;
    height: 170px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #e6e6e6;
}
.docs_list li a .doc_title span{
    color: #818181;
    font-weight: normal;
}

.input_filter{
    background:url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center right #fff;
    border: 0;
    width: 180px;
    height: 32px
}
.downlaod_pic{
    background:url('/Images/neoxiaimg/download.png') no-repeat left center #fff;
}
.print_pic{
    background:url('/Images/neoxiaimg/print.png') no-repeat left center #fff;
}

.detail_carte_section .onglets_list li a{
    text-align: left;
    padding-left:20px;
    font-size: 18px;
}
.detail_carte_section .onglets_list li.active a{
    font-size: 18px;
}
.details_carts_infos{
    width: 100%;
    max-width: 645px;
    display: table;
    margin:0 auto;
    padding:32px 0;
}
.details_carts_infos > li{
    display: table-cell;
    width: 50%;
}
.details_carts_infos > li:first-child{
    padding-right: 38px;
}
.details_carts_infos > li + li{
    border-left:1px solid #cccccc;
    padding-left:38px;
}
.details_carts_infos > li li{
    margin-bottom:10px;
}
.details_carts_infos > li li:last-child{
    margin-bottom:0;
}
.details_carts_infos > li li .txt_lbl{
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    *zoom:1;
    width:150px;
    padding-left: 0;
}
.details_carts_infos > li li .txt_lbl + span{
    font-family: 'roboto_bold', arial;
    font-size: 16px;

}

.details_carts_infos .txt_lbl + span{ /*ajouter dans lot3*/
    font-family: 'roboto_bold', arial;
    font-size: 16px;  
    display: inline-block;
    vertical-align: top;
    width: 56%;

}

.statistics_wrapper{
    padding: 65px 0 90px 0;
}
.statistics_container{
    height: 22px;
    width: 752px;
    max-width: 90%;
    margin: 0 auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.statistics_container > div{
    float:left;
    height: 100%;
    position: relative;
}
.statistics_container > div .percentage_marker{
    font-family: 'roboto_medium', arial;
    font-size: 14px;
    color:#fff;
    vertical-align: middle;
    /*line-height: 28px;*/
 /*   position: absolute;*/
    display: inline-block;
    /**zoom:1; */
   /* top: -45px;
    right: -17px;*/
    text-align: center;
}
/*.statistics_container > div .percentage_marker:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -4px;
    display: block;
    width: 8px;
    height: 8px;
     z-index: 10; 
    margin-left: -4px;
    margin-left: -4px\9;
    -ms-transform: rotate(45deg); /* IE 9
    -webkit-transform: rotate(45deg);  Chrome, Safari, Opera
    transform: rotate(45deg);
}*/
.statistics_container .statistic01{
    -webkit-border-radius: 8px;   
    border-radius: 8px;
    text-align: center;
    background: url('/Images/neoxiaimg/statistic1_bg.png') repeat 0 0 #f3b973;
    border-right:2px solid #fff;
    min-width: 5%;
}
/*.statistics_container .statistic01 .percentage_marker{
    background: #f3b973;
}
.statistics_container .statistic01 .percentage_marker:after{
    background: #f3b973;
}*/
.error_bg{
    background: url(/Images/neoxiaimg/epage_erreur_bg.png) no-repeat center 75px;
}
.error_bg_indisponible{
    background: url(/Images/neoxiaimg/2page_erreur_bg.png) no-repeat center center;
}
.statistics_container .statistic02{
    background: url('/Images/neoxiaimg/statistic2_bg.png') repeat 0 0 #e8922c;
    border-right:2px solid #fff;
    -webkit-border-radius: 8px;   
    border-radius: 8px;
    text-align: center;
    min-width: 5%;
}
/*.statistics_container .statistic02 .percentage_marker{
    background: #e8922c;
}
.statistics_container .statistic02 .percentage_marker:after{
    background: #e8922c;
}*/
.statistics_container .statistic03{
    background: url('/Images/neoxiaimg/statistic3_bg.png') repeat 0 0 #d06e0c;
    -webkit-border-radius: 8px;   
    border-radius: 8px;
    text-align: center;
    min-width: 5%;
}
/*.statistics_container .statistic03 .percentage_marker{
    background: #d06e0c;
}
.statistics_container .statistic03 .percentage_marker:after{
    background: #d06e0c;
}*/
.statistics_descr{
    font-family: 'roboto_medium', arial;
    font-size: 14px;
    color: #615f5d;
    white-space: nowrap;
    vertical-align: middle;
}
.statistic_container{
    width: 890px;
    max-width: 90%;
    margin: 0 auto;
}
.statistic_container_list{
    padding: 0 117px;
}

.statistics_descr span{
    font-family: 'roboto_regular', arial;
    padding-left: 20px;
}
.statistic_list{
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 50px
}
.simulator_light_legend{
    display: inline-block;
    height: 10px;
    width: 10px; 
    background: url('/Images/neoxiaimg/statistic1_bg.png') repeat 0 0 #f3b973;
    vertical-align: middle;
    margin-right: 10px;


    
}
.decline_check{
    text-decoration: underline;
    color: #854d56;
    text-transform: none;
}
.simulator_medium_legend{
    display: inline-block;
    height: 10px;
    width: 10px; 
    background: url('/Images/neoxiaimg/statistic2_bg.png') repeat 0 0 #f3b973;
    vertical-align: middle;
    margin-right: 10px;

}
.simulator_dark_legend{
    display: inline-block;
    height: 10px;
    width: 10px; 
    background: url('/Images/neoxiaimg/statistic3_bg.png') repeat 0 0 #f3b973;
    vertical-align: middle;
    margin-right: 10px;

}
.mobile_statistics_wrapper{
    padding-top: 15px;
    display: none;
}
.mobile_statistics_wrapper li{
    margin-bottom: 15px;
}
.mobile_statistics_wrapper .statistics_descr{
    max-width: none;
    margin-top: 0;
    text-align: left;
    margin-bottom: 5px;
    white-space: normal;
}
.mobile_statistics_wrapper .statistics_descr span{
    white-space: nowrap;
}
.mobile_statistics_wrapper .statistics_descr span{
    font-family: 'roboto_regular', arial;
}
.mobile_statistic01{
    height: 22px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: url('/Images/neoxiaimg/statistic1_bg.png') repeat 0 0 #f3b973;
    display: inline-block;
    *zoom:1;
    vertical-align: middle;
    margin-right: 10px;
}
.mobile_statistic01 + span{
    font-family: 'roboto_medium', arial;
    font-size: 17px;
    color: #f3b973;
    vertical-align: middle;
}
.mobile_statistic02{
    height: 22px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: url('/Images/neoxiaimg/statistic2_bg.png') repeat 0 0 #e8922c;
    display: inline-block;
    *zoom:1;
    vertical-align: middle;
    margin-right: 10px;
}
.mobile_statistic02 + span{
    font-family: 'roboto_medium', arial;
    font-size: 17px;
    color: #e8922c;
    vertical-align: middle;
}
.mobile_statistic03{
    height: 22px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: url('/Images/neoxiaimg/statistic3_bg.png') repeat 0 0 #d06e0c;
    display: inline-block;
    *zoom:1;
    vertical-align: middle;
    margin-right: 10px;
}
.mobile_statistic03 + span{
    font-family: 'roboto_medium', arial;
    font-size: 17px;
    color: #d06e0c;
    vertical-align: middle;
}

.search-desc-mobile{
    width: 100%;
    height: 38px;
    border: 0;
    background: #eeeeee;
    padding-left:10px;
}
.search-mobile-section{
    text-align: center;
    padding:7px 80px
}
.search-mobile-fullSection{
    text-align: center;
    padding:7px;
}
.left-mobile-sorting{
    padding:7px;
    border-right: 1px solid #fff;
}
.right-mobile-sorting{
    padding:7px;
    border-left: 1px solid #fff;
}
.mobile-sorting-bloc{
    border-top: 1px solid #fff;
}
.no_margins{
    margin: 0 !important;
}
.label_names{
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.carte_icone{
    display: inline-block;
    vertical-align: middle;
}
.pub_container{
    background: #fff;
    text-align: center;
}

.yellow_btn{
    font-family: 'roboto_bold', arial;
    font-size: 13px;
    color: #df7a15;
    text-transform: none;
    font-weight: bold;
    padding: 5px 15px;
    background: transparent;
    border: 2px solid #DF7A15;
    border-radius: 5px;
}
.yellow_btn:hover{
    background-color: #df7a15;
    color: #fff;
}
.actions_btn{
    text-transform: none;
    /*font-family: 'roboto_bold',arial;*/
    font-weight: bold;
    font-size: 14px;
    color: #615f5d;
    text-decoration: underline;
    background: transparent;
    padding-left: 5px;
}
/*Lot 2 à ajouter cette parte ============================*/
.details_btn{
    text-transform: none;     
    font-weight: normal;
    font-size: 14px;
    color: #818181;
    text-decoration: underline;
    background: transparent; 
}
.notification_txt{
    color: #4d4b49; 
    padding: 30px;
    font-size: 16px;
    font-family: 'roboto_bold', arial;
}
/*===========================================================*/
.form_bloc{
    padding: 15px 18px 12px 18px;
}
.lable_txt{
    font-size: 15px;
    font-weight: bold;
    color: #854e56;
    text-transform: uppercase;
    width: 210px;
    float: left;
}
.controls_container{
    margin-left: 240px;
    padding: 25px;
    border: 1px solid #e6e6e6;
}
.controls_container.account_block_area .white_dropdown{
    height: auto;
}

.white_dropdown{
    width: 295px;
    height: 42px;
    display: inline-block;
    max-width: 100%;
}

#cheque_filter{
    width: 295px;
    max-width: 100%;
    height: 42px;
}
.chosen-container{
    max-width: 100%;
}
.chosen-container-single .chosen-single{
    max-width: 100%;
}
.white_dropdown .chosen-container-single .chosen-single {
    border: 1px solid #e6e6e6;
    background-image: none;
    border-radius: 0;
    color: #292929;
    font-size: 16px;
    line-height: 39px;
    box-shadow: none;
    height: 42px;
    width: 295px;
    max-width: 100%;
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
}
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center center !important;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center center;
}
.controls_lbl{
    font-size: 15px;
    color: #4d4b49;
    font-family: 'roboto_bold', arial;
    margin-right: 26px;
}
.carnet_Firstbloc{
    margin-bottom: 40px;
}
.carnet_modal_bg{
    background-color: #e6e4e3;
}
.carnet_wrapper{
    display: block;
    padding-left: 70px;
}
.carnet_container{
    white-space: nowrap;
    margin-right: 50px;
}
.type_lbl_txt{
    float: left;
    margin-right: 0;
    padding-top: 9px;
}
.carnet_container:last-child{
    margin-right: 0;
}
.carnet_container .txt_info{
    font-family: 'roboto_regular', arial;
    font-size: 12px;
    color:#4d4b49;
    font-weight: normal;
    display: inline-block;
    *zoom:1;
    padding-left: 5px;
}
/*Lot 2 à ajouter cette parte ============================*/
.top_show_form  .txt_info{
    *zoom:1;
    display: inline-block;
    text-align: left;
    color: #818181;
    font-family: 'roboto_light',arial;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px !important;
    vertical-align: middle;
}
/*==========================================================*/
.chequier_icn{
    margin-left: 5px;
}

.grey_radio_mask {
    display: inline-block;
    height: 24px;
    width: 23px;
    border-radius: 100%;
    border: 1px solid #e1e1e1;
    background: #e7e7e7;
    vertical-align: middle;
    position: relative;
}
.carnet_container .grey_radio_mask:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 15px;
    background: url("/Images/neoxiaimg/big_radio.png") no-repeat 0 center transparent;
    left: 5px;
    top: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
    opacity:0;
}

.carnet_container input:checked + .grey_radio_mask:after{
    opacity: 1;
}

/*.carnet_container input:checked + .grey_radio_mask + .txt_info {
    color: #e8922b;
    font-family: 'roboto_bold',arial;
}*/

.operation_btn{
    height: 30px;
    width: 30px;
    background: #e8922b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.operation_btn:hover{
    background: #e07b01;
}
.operation_input{
    width: 60px;
    height: 42px;
    border: 0;
    background: #eeeeee;
    margin-left: 13px;
    margin-right: 13px;
}
.carnet_Secondbloc{
}
.more_padding{
    padding-right: 30px;
    padding-left: 30px;
 }

.carte_dropdown{
    width: 302px;
    /*background: #fff;*/
    height: 35px;
    display: inline-block;
    text-align: left;
    margin-left: 13px;
}
.carte_dropdown .chosen-container{
    background: #fff;
}
.carte_modal_dropdown{
    max-width: 100%;
    background: #fff;
    height: 35px;
    display: inline-block;
    text-align: left;
    /*margin-left: 13px;*/
}
.carte_modal_dropdown .chosen-container-single .chosen-single {
    border: 1px solid #cccccc;
    background-image: none;
    border-radius: 0;
    color: #292929;
    font-size: 16px;
    line-height: 35px;
    box-shadow: none;
    height: 35px;
    width: 100%;
    padding-left: 18px;
}
.carte_dropdown .chosen-container-single .chosen-single {
    border: 1px solid #cccccc;
    background-image: none;
    border-radius: 0;
    color: #292929;
    font-size: 16px;
    line-height: 35px;
    box-shadow: none;
    height: 35px;
    width: 302px;
    padding-left: 18px;
}
#carte_filter{
    width: 302px;
    height: 35px;
}
#carte_modal + .chosen-container{
    width: 100% !important;
}
.carte_filter_bloc{
    padding: 22px 10px;
}

.normalFontWeight{
    font-weight: normal !important;
}
.carte_filter_bloc label{
    font-family: 'roboto_regular', arial;
    color: #854e56;
    font-size: 19px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}
.chosen-container-single .chosen-single span {
    text-transform: uppercase;
    margin-right: 35px;
}

.txt_lbl{
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    width: 191px;
    padding-left: 50px;
}

.info_lbl{
    font-family: 'roboto_bold', arial;
    font-size: 16px;
}
.detail_folder ul{
    padding-left: 50px;
    padding-right:15px;
}
.detail_folder ul li{
    margin-bottom: 10px;
}
.situation_credit_infos {
    width: 910px;
    display: table;
    padding-left: 125px;
    padding-bottom: 20px;
}

.situation_credit_infos > li {
    display: table-cell;
    width: 50%;
}
.situation_credit_infos > li + li {
    border-left: 1px solid #cccccc;
    padding-left: 38px;
}
.situation_credit_infos > li li {
    margin-bottom: 10px;
}
.situation_credit_infos > li li .txt_lbl {
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    width: 255px;
    vertical-align: top;
}
.situation_credit_infos > li li .txt_lbl + span {
    font-family: 'roboto_bold', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}
.fiche_signaletique {
    width: 83%;
    display: table;
    padding: 30px;
    padding-top: 49px;
    margin:0 auto;
}
.fiche_signaletique > li {
    display: table-cell;
    /*width: 50%;*/
}
.fiche_signaletique > li:first-child {
    padding-right:6%;
    width: 429px;
}
.fiche_signaletique > li + li {
    border-left: 1px solid #cccccc;
    padding-left: 11%;
    width:483px;
}
.fiche_signaletique p {
    margin-bottom: 13px;
}
.fiche_signaletique p:last-child{
    margin-bottom: 0;
}
.fiche_signaletique .txt_lbl {
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 40%;
    padding-left: 0;
}

.fiche_signaletique .txt_lbl + span {
    font-family: 'roboto_bold', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 58%;
}

p .info_lbl{
    color: #ea932c;

        font-family: 'roboto_regular', arial;
    padding-left: 89px;
}
p .transfert_lbl {
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    padding-left: 89px;
}

p .transfert_lbl + span {
    font-family: 'roboto_bold', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}
#sendByEmail{
    display: none;
}
#printIt{
    display: none;
}
#download{
    display: none;
}

.docs_filter_options{
    padding-right: 15px;
}

.last_contact_notif .more_margin{
    padding-bottom: 20px !important;
}
.more_margin{
    padding-bottom: 45px !important;

}
.back_btn{
    float: left;
    padding: 0px 16px 0px 10px;
    line-height: 47px;
}
.back_txt{
    color: #999896;
    font-size: 15px;
    margin-left: 5px;
    vertical-align: middle;
}


/* Simulator page's styles*/
.simulator_wrapper{
    padding: 40px 10px;
}
.simulator_block{
    width: 886px;
    max-width: 100%;
    margin:0 auto;
}
.simulator_val_control{
    float: left;
}
.simulator_item .lbl_for_mobile{
    font-family: 'roboto_medium', arial;
    font-size: 16px;
    margin-bottom: 15px;
    display: none;
}
.simulator_val_control label
,.simulator_val_control span{
    font-family: 'roboto_medium', arial;
    font-size: 14px;
    vertical-align: middle;/*ajouter lot 3*/
    color: #4d4b49;
}
.simulator_val_control label{
    width: 96px;
    display: inline-block;
    *zoom:1;
}
.simulator_val_control .simple_field{
    font-family: 'roboto_medium', arial;
    font-size: 16px;
    color: #e07b16;
    width: 105px;
    height: 38px;
    padding-left: 8px;
    margin-right: 5px;
    text-align:right;
    padding-right:10px;
}
.simulator_slider{
    padding-top: 10px;
    padding-left: 253px;
}
.simulator_slider .slider.slider-horizontal{
    height: 6px;
    width: 100%;
    margin-bottom: 0 !important;
}
.simulator_slider .slider.slider-horizontal .slider-track{
    height: 6px;
}
.simulator_slider .slider-handle{
    width: 22px;
    height: 22px;
    background-image: none;
    background-color: #e07b16;
    border:3px solid #fff;
    box-shadow: none;
}
.simulator_slider .slider.slider-horizontal .slider-handle{
    margin-top: -8px;

    -webkit-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}
.simulator_slider .slider.slider-horizontal .slider-selection{
    background: url('/Images/neoxiaimg/statistic2_bg.png');
    box-shadow: none;

    -webkit-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}
.simulator_slider .slider.slider-horizontal .slider-track-high{
    background-color: #e6e4e3;
    box-shadow: none;

    -webkit-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}
.simulator_slider .slider.slider-horizontal .slider-tick{
    display: none;
}
.simulator_slider .slider.slider-horizontal .slider-tick-label-container{
    margin-left: 0 !important;
    margin-top: 4px;
}
.simulator_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label{
    font-size: 14px;
    color: #999896;
    width: 50% !important;
    text-align: left;
}
.simulator_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child{
    text-align: right;
}

.calculate_area{
    padding-left: 253px;
    margin-bottom:50px;
}


.calculate_area .big_checkbox_mask_centered{
    width: 18px;
    height: 18px;
    background: #fff;
    float: left;
    margin-top: 2px;
}

.calculate_area .calculate_txt{
    font-family: 'roboto_medium', arial;
    color: #4d4b49;
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    padding-left: 12px;
    /*display: block;*/
}
.simulator_desc{
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 25px
}



/* Modal Styles */
.popin_btn{
    cursor: pointer;
}
.modal_container{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: none;
    overflow-y: auto;
}
.modal_tuto{
    width: 970px;
    max-width: 90%;
    margin: 30px auto 0 auto;
    background: #fff;
}
.slick-slide img {
    margin: 0 auto;
}
/*Lot 2 à ajouter cette parte ============================*/
.big_modal_dialog{
    width: 706px;
    max-width: 90%;
    margin: 125px auto 50px auto;
    background: #fff;
}
/*==========================================================*/
.modal_dialog{
    width: 600px;
    max-width: 90%;
    margin: 125px auto 50px auto;
    background: #fff;
}
.modal_news{ /*ajouter lot 3*/
    width: 710px;
    max-width: 90%;
    margin: 10% auto 0 auto;
    background: #fff;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.7;
    visibility: visible;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    display: none;
}
.modal_header{
    padding: 14px 12px 10px 20px;
    background: #f0f2f1;
}
.modal_header h4{
    font-family: 'numans_regular', arial;
    font-size: 18px;
    color: #ea932c;
    display: inline-block;
    font-weight: normal;
    text-transform: uppercase;
}
.close_popin{
    font-family: 'numans_regular', arial;
    float: right;
    font-size: 37px;
    /* font-weight: 700; */
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin-top: -8px;
}
.modal_body{
    padding: 21px 17px;
}
.main_container{
    max-width: 595px;
    width: 100%;
    margin: 0 auto;
}
.modal_header_title{
    color: #854e56;
    font-size: 18px;
    font-family: 'roboto_medium',arial;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.items{
    padding-top: 10px;
    padding-bottom: 10px
}
.modal_line{
    color: #c2c0be;
    max-width: 100%;
    width: 326px;
    margin: 20px auto;

}
.second_section{
    display: inline-block;
    vertical-align: top;
    width: 75%;

}
.first_section{
    display: inline-block;
    width: 23%;
    vertical-align: top;
}
#account_choice .modal_dialog{
    width:480px;
}
#opposer .modal_dialog{
    width:480px;
}
#commanderCarte .modal_dialog{
    width:705px;
    margin-top: 20px;
}
#confirmerCarte .modal_dialog{
    width:705px;
}
#psw_forgotten .modal_dialog{
    width: 420px;
    margin-top: 80px;
}

.accounts_check_list li{
    padding: 10px;
    margin-bottom: 12px;
}
.accounts_check_list li:last-child{
    margin-bottom: 0;
}


.accounts_check_list label .txt_info{
    font-size: 18px;
    font-family: 'roboto_medium',arial;
    font-weight: normal;

     
    padding-left: 33px;
}
.accounts_check_list label .radio_mask{
    float: left;
}
.accounts_check_list label .txt_info span{
    font-size: 14px;
    font-family: 'roboto_light',arial;
}
.tuto_modal_body{
    padding: 64px 10px 10px 25px;
}
.tuto_navigation_arrows{
    height: 38PX;
    background: #f0f2f2;
}
.tuto_txt{
    font-size: 17px;
    font-weight: normal;
    color: #808080;
    font-family: 'roboto_regular', arial;
    text-transform: none;
    height: 100%;
    vertical-align: middle;
    display: inline;
}
.tuto_txt span{
    vertical-align: middle;
}
.left_tuto_btn{
    border-right: 1px solid #fff;
    text-align: left;
    padding-left: 10px;
    padding-right: 15px;
    display:none; /*Lot 2 à ajouter*/
}
.left_tuto_btn img{
    margin-right: 5px
}
.right_tuto_btn{
    border-left: 1px solid #fff;
    text-align: right;
    padding-left: 10px;
    padding-right: 15px;
}
.right_tuto_btn img{
    margin-left: 5px
}
.confirmation_modal_body{
    padding: 48px 20px 20px 20px;
}
/*Lot 2 à ajouter cette parte========================*/
.big_modal_body{
    padding: 48px 50px 20px 50px
}
.tutoSlider{
    visibility: hidden;
}
.tutoSlider.slick-initialized {
    visibility: visible;
}
/*====================================================*/
.tutoSlider .slick-dots{
    bottom: -68px;
}

.slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 3px;
}
.slick-dots li button{
    width: 10px;
    height: 10px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 1px solid #bbbebf;
    outline: none;
    display: block;
    background: transparent;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px;
}
.slick-dots li.slick-active button{
    background :#bbbebf;
}
.slick-dots li button:before{
    display: none;
}
.carte_filter{
    display: inline-block;
    vertical-align: top;
    width: 70%;
}
.carte_radio_btn{
    display: inline-block;
    vertical-align: top;
}
.carte_radio_btn li{
    padding: 5px;
    color: #4d4b49;
    font-size: 15px;
}
.carte_filter li{
    padding: 10px;
    color: #4d4b49;
    font-size: 15px;
}
.carte_notification{
    color: #999896;
    font-size: 13px;
}
.popin_blocs{
    padding: 15px 30px;
}
.medium_title{
    color: #e07b16;
    font-size: 16px;
    font-family: 'roboto_medium';
    font-weight: normal;
}
.liste_tirade li{
    color: #4d4b49;
    font-size: 15px;
    padding: 3px;
}
.liste_tirade li span{
    font-family: 'roboto_medium';
    font-size: 14px;
}
.modal_footer{
    padding: 18px 10px 30px 10px;
}
/****/
.meduimFonts{
     font-family:'roboto_medium'
}
.floated_links{
    position: fixed;
    right:-228px;
   /* background-color:#262625;*/
    width: 238px;
    top: 224px;
}
.floated_links.fav_link{
    top: 224px;
}
.floated_links.other_options{
    top: 274px;
}
.floated_links li{
    opacity: 1;
    visibility: visible;
    position: relative;
}
.floated_links li + li{
    right: 0;
    /*margin-top: 2px;*/
    border-top: 2px solid #262625;
}
.floated_links a{
    font-family: 'roboto_regular', arial;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 0 12px 53px;
    background-color:#383736;
    background-repeat:no-repeat;
    background-position: 16px 50%;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.floated_links.other_options a{
    padding: 14px 0 15px 53px;
}
.floated_links a.fav_link{
    background-image:url('/Images/neoxiaimg/fav_icn.png');
    background-size: 18px;
}
.floated_links a.transfer_money_link{
    background-image:url('/Images/neoxiaimg/transfer_moeny.png');
    background-size: 21px;
}
.floated_links a.Portefeuilles_titres_link{
	background-image:url('/Images/neoxiaimg/portefeuille_icn.png');
    background-size: 21px;
}
.floated_links a.contrats_assurance_link{
	background-image:url('/Images/neoxiaimg/assistance_icn_blanc.png');
    background-size: 21px;
}
.floated_links a.related_cartes{
    background-image:url('/Images/neoxiaimg/related_carts.png');
    background-size: 21px;
}
.floated_links a.related_loans{
    background-image:url('/Images/neoxiaimg/related_loans.png');
    background-size: 20px;
}

.floated_links a:hover{
    color: #e8922b;
    background-color: #262625;
    padding-left:56px;
}
.floated_links.cached li + li{
    right: -10px;
}

.zibra_table th.without_background{
    background-image: none !important;
}
.mb_7{
    margin-bottom: 7px;
}
.mb_10{
    margin-bottom: 10px;
}
.mb_15{
    margin-bottom: 15px;
}
.mb_20{
    margin-bottom: 20px;
}
.mb_40{
    margin-bottom: 40px;
}
.mb_50{
    margin-bottom: 50px;
}
.mb_60{
    margin-bottom: 60px;
}
/*Lot 2 à ajouter cette parte ============================*/
.mt_10{
    margin-top: 10px;
}
.mt_20{
    margin-top: 20px;
}
.pt_20{
    padding-top: 20px;

}/*=======================================================*/
.mobile_td{
    display: none;
}
.dark_grey{
    color:#383736;
    font-weight: normal;
}
.synthese_commande_btn{
    display: none;
    padding-bottom: 5px;
}
.small_simple_table{
    width: 100%;
    border: none;
}
.no_borders{
    border:none !important;
}
.no_position{
    position: static !important;
}
.small_td{
    width: 40px;
}
.medium_td{
    width: 120px;
}
/*Lot 2 à ajouter*/
.letterSpecing1{
    letter-spacing: 1px;
}

/*Public pages styles*/

.public_header{ /*modifier lot 3*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
}
.with_publicheader{
    padding-top: 97px;
}
.small_top_header{
    background-color: #dbd8d7;
}
.links_menu{
    float: left;
}
.links_menu > li{
    display: inline-block;
    *zoom:1;
    min-width: 162px;
}
.links_menu > li.active{
    border-bottom: 1px solid #dbd8d7;
}
.links_menu > li > a{
    font-family: 'roboto_medium', arial;
    font-size: 12px;
    color: #615f5d;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 7px 5px;
    border-right: 1px solid #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.links_menu > li > a:hover
,.links_menu > li.active > a{
    color: #854e56;
    background-color: #fff;
}
.links_menu > li:last-child{
    min-width: 40px;
}
.public_lang_switcher{
    float: right;
}
.public_lang_switcher > li > a{
    font-family: 'roboto_light', arial;
    font-size: 18px;
    color: #854e56;
    line-height: 30px;
    padding: 0 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-left:1px solid #854e56;
}
.language_switcher:hover .public_lang_list{
     
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 1060;

}
.language_switcher > a:hover{
    font-family: 'roboto_light', arial;
    font-size: 18px;
    color: #854e56;
    line-height: 30px;
    padding: 0 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-left:1px solid #854e56;
}

.public_main_head{
    display: table;
    height: 65px;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
}
.public_humberger_container{
    display: table-cell;
    width: 64px;
    vertical-align: middle;
    text-align: center;
}
.public_main_head{
    display: table;
    height: 65px;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #dcd8d7;
}
.public_humberger_container{
    display: table-cell;
    width: 64px;
    vertical-align: middle;
    text-align: center;
}
#public_humberger{
    text-align: left;
    padding: 0;
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
    padding-left:15px;
}
#public_humberger > span {
    display: inline-block;
    *zoom:1;
    width: 34px;
}
#public_humberger .icon-bar {
    width: 100%;
    background-color: #ea932c;
    display: block;
    height: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#public_humberger .icon-bar + .icon-bar {
    margin-top: 5px;
}
#public_humberger .icon-bar:nth-child(2) {
    width:50%;
}
#public_humberger .icon-bar:nth-child(3) {
    width:76%;
}
#public_humberger:hover .icon-bar{
    width:100%;
}

/************************************* Menu ************************************************/
 .background_menu{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5;
    visibility: visible;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
 }
 .c-menu{
    position: fixed;
    top: 97px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0; 
    overflow-y: scroll;
 }
 .c-menu__items{
    width: 20%;
    background: #f7f6f5;
    padding: 0 23px;

 }
 .c-menu__item_title{
    padding: 15px 0px 0px 0px;
    border-top: 1px solid #e6e4e3;
 }
 .c-menu__item{
    padding: 8px 0px 0px 0px;
 }
 .c-menu__item:first-child{
    padding-bottom: 20px;
    padding-top: 24px;
    padding-left: 0px;
 }
 .c-menu__link_title{
    padding: 15px 0px 15px 0px; 
    border-top:  1px solid #e6e4e3;
    text-transform: uppercase;
    color: #999896; 
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    cursor: default;
 }
 .c-menu__link{
    color: #4d4b49;
    font-family: 'roboto_medium', arial;
    font-size: 16px;
    display: block;
    -webkit-transition: all 0.2s ease-out;
 }
 .c-menu__link:hover,
 .c-menu__link:active{
    color: #ea932c;
 }

 .padding_Bottom{
    padding-bottom: 20px;
 }
 .c-menu__items .c-menu__item > a:hover{
    padding-left: 10px;   
    color: #ea932c; 
 }
/*************************************************************************************/
.public_logo_container{
    display: table-cell;
    padding-left: 18px;
    vertical-align: middle;
    border-left:1px solid #dbd8d7;
}
.connect_tabs{
    display: table-cell;
    width: 400px;
    height: 65px;
}
.connect_tabs a{
    font-family: 'roboto_medium', arial;
    font-size: 16px;
    color: #fff;
    line-height: 65px;
    display: inline-block;
    width: 50%;
    height: 100%;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.connect_tabs a:before{
    content:"";
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
    margin-bottom: -15px;
    z-index: 1;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.connect_tabs a.active:before{
    display: inline-block;
    *zoom:1;
}
.connect_tabs a.joinin_link{
    background-color: #4d4b49;
    float: left;
    border-right: 1px solid #fff;
}
.connect_tabs a.joinin_link:hover{
    background-color: #292827;
}
.connect_tabs a.joinin_link:before{
    background-color: #4d4b49;
}
.connect_tabs a.joinin_link:hover:before{
    background-color:  #292827;
}
.connect_tabs a.connect_link{
    background-color: #854e56;
    float: right;
    border-left: 1px solid #fff;
}
.connect_tabs a.connect_link:hover{
    background-color: #71444b;
}
.connect_tabs a.connect_link:before{
    background-color: #854e56;
}
.connect_tabs a.connect_link:hover:before{
    background-color: #71444b;
}
.mobile_connectbtn_area{
    display: none;
    width: 46px;
    height: 100%;
}
/*Lot 2 à modifier*/
.mobile_connectbtn_area #connect_btns{
    width: 46px;
    height: 45px;
    background-color: #f7f6f4;
    border: none;
    display: inline-block;
    text-align: center;
    line-height: 42PX;
}
.mobile_connect_tabs{
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 58px;
    display: none;
}
.mobile_connect_tabs ul{
    height: 100%;
}
.mobile_connect_tabs ul li{
    width: 50%;
    height: 100%;
    float: left;
}
.mobile_connect_tabs ul li + li{
    float: right;
}
.mobile_connect_tabs ul li a{
    font-family: 'roboto_medium', arial;
    font-size: 26px;
    color: #fff;
    height: 100%;
    line-height: 56px;
    padding: 0 10px;
    display: block;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mobile_connect_tabs ul li a.mobile_joinin_link{
    background-color: #4c4b49;
    border-right:1px solid #fff;
}
.mobile_connect_tabs ul li a.mobile_joinin_link:hover{
    background-color: #292827;
}
.mobile_connect_tabs ul li a.mobile_connect_link{
    background-color: #854d56;
    border-left:1px solid #fff;
}
.mobile_connect_tabs ul li a.mobile_connect_link:hover{
    background-color: #71444b;
}

.connect_area{
    /*display: table;*/
    width: 100%;
}
.security_advices_area{
    width: 33.5%;
    /*display: table-cell;*/
    padding-top: 100px;
    padding-bottom: 55px;
    border-right:1px solid #e6e4e3;
    text-align: center;
    vertical-align: top;
    float: left;
}
.security_advices_area > div{
    width: 338px;
    max-width: 77.5%;
    display: inline-block;
    *zoom:1;
    text-align: left;
}
.security_advices_area > div h2{
    font-family: 'numans_regular', arial;
    font-size: 22px;
    color: #4d4b49;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.security_advices_area > div h3{
    font-family: 'roboto_regular', arial;
    font-size: 17px;
    color: #854e56;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.security_advices_area p{
    font-size: 15px;
    color: #4d4b49;
}

.unbold{
    font-weight: normal !important;
}
.login_area{
    width:66.5%;
    /*display: table-cell;*/
    padding-top: 90px;
    padding-bottom: 55px;
    text-align: center;
    vertical-align: top;
    float: right;
}
.login_area > div{
    width: 410px;
    max-width: 85%;
    display: inline-block;
    *zoom:1;
    text-align: left;
}
.login_area > div h2{
    font-family: 'numans_regular', arial;
    font-size: 27px;
    color: #df7a15;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.simple_dark_lbl{
    font-family: 'roboto_medium', arial;
    font-size: 18px;
    color: #4d4b49;
    margin-bottom: 10px;
    display: block;
}
.simple_dark_lbl span{
    vertical-align:middle;
    float: none !important;
    font-family: inherit;
}
.simple_field{
    border:1px solid #e6e4e3;
    height: 40px;
    background-color:#f7f6f5;
    padding-left: 20px;
}
.mdp_field{
    border:1px solid #e6e4e3;
    height: 40px;
    background-color:#f7f6f5;
    padding-left: 20px;
    margin-left: 30px;
}
.mdp_notif{
    font-size: 13px;
    color: #989896;
    padding-top: 7px;
    padding-left: 240px;
}
.txt_notif{
    font-size: 13px;
    color: #989896;
    padding-top: 7px;
}
.joinin_txt{
    font-family: 'roboto_medium', arial;
    font-size: 16px;
}
.joinin_txt a{
    font-family: 'roboto_medium', arial;
    text-transform: uppercase;
    vertical-align: baseline;
}

.public_links_list{
    padding-top: 20px;

    padding-bottom: 20px;
    background-color: #f7f6f5;
}
.public_links_list > ul{
    margin: 0 auto;
    width: 98%;
    max-width: 984px;
}
.public_links_list > ul > li{
    float: left;
    width: 25%;

}
.public_links_list > ul > li h4{
    font-family: 'roboto_bold', arial;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.public_links_list > ul > li li a{
    font-size: 12px;
    color: #615f5d;
}
.public_simple_footer{
    font-family: 'roboto_light', arial;
    font-size: 12px;
    background-color: #615f5d;
    text-align: center;
    padding: 3px 5px;
    color: #fff;
    padding: 9px 0;
}
.public_simple_footer a{
    color: #fff;
    text-decoration: underline;
}

.white_bg{
    background-color:#fff;
}
.orange_link{
    color: #df7a15;
    text-decoration: underline;
    display: inline-block;
    *zoom:1;
}

/*Lot 2 à ajouter cette parte =======================================*/
/******************** style contenu checkbox ******************************************/
.check_contenu_style .checkbox_mask {
    float: left;
}
.check_contenu_style .txt_info {
    display: block;
    width: 100%;
    padding-left: 29px !important;
}
button.showColumns{
    display: block !important;
}
.telecharger_form{
    margin: 0 auto;
}

/************************************************** page Factures *****************************************************/
/*=========================================================================*/
.etape_facture {
    width: 100%;
    background-color: #b9b7b5;
    text-align:center;
    padding: 6px 0;
}
.etape_facture li {
    font-size:14px;
    display: inline;
    font-family: 'roboto_regular', sans-serif;
    color:#ffffff;
    background: url('/Images/neoxiaimg/sup_paiment.jpg') no-repeat center right;
    margin-right:10px;
}
.etape_facture li span{
    margin-right:20px;
}
.etape_facture li:last-child span{
    margin-right:0;
}
.etape_facture li:last-child {
    background:none;
    margin-right:0;
}
.etape_facture li.active span {
    font-family: 'roboto_bold';
    color: #4d4b49; /* Lot 2 à ajouter*/
}
.etape_facture ul{
    display:inline-block;
}
.configuration_Firstbloc{
    margin-bottom:15px;
}
.configuration_lbl_txt{
    float: left;
    margin-right: 30px;
    padding-top: 9px;
    width:12%;
    font-family: 'roboto_regular';
}
.configuration_wrapper input{
    width:85%;
    height:40px;
    background:#f7f6f5;
    border:1px solid #e6e4e3;
    padding-left:10px;
}
.favoris_etape_wrapper{
    width: 40%;
    float: left;
    margin-top: 7px;
}
.favoris_etape_wrapper .txt_info{
    font-size:15px;
    display: block;
    padding-left: 30px;
}
.favoris_etape_wrapper .checkbox_mask{
    float: left;
    margin-top: 3px;
}
.favori_wrapper input{
    width: 72%; /*Lot 2 à modifier*/
    height: 40px;
    background: #f7f6f5;
    border: 1px solid #e6e4e3;
    padding-left: 10px;
    margin-right: 10px;
	padding-right: 10px;
}
.favori_lbl_txt {
    float: left;
    margin-right: 25px;
    padding-top: 9px;
    width: 16%;
    font-family: 'roboto_regular';
}
.merchand_block_area .white_dropdown {
    width: 45%;
    height: 42px;
    display: inline-block;
    max-width: 100%;
    background:#f7f6f5;
}
/*Lot 3  modifier*/
.select_abonnement,#select_merchand,.select_merchand, #select_service, #select_ville, #select_agence {
    width: 45%;
    max-width: 100%;
    height: 40px;
}

/*Lot 2 à ajouter*/
#ajouter_favoris .txt_lbl, #editer_favoris .txt_lbl{
    font-size: 15px;
}
.merchand_block_area .white_dropdown:last-child{
    float:right;
}
.merchand_block_area .white_dropdown .chosen-container-single .chosen-single {
    width: 100%;
}
.merchand_block_area .chosen-container-single .chosen-search{
    display:none;
}
.merchand_block_area .chosen-container .chosen-results li.active-result {
    padding-left: 30px;
    background: url('/Images/neoxiaimg/icon_radio_no_active.jpg') no-repeat center left;
    margin: 10px 17px;
}
.merchand_block_area .chosen-container .chosen-results li.result-selected {
     background: url('/Images/neoxiaimg/icon_radio_active.jpg') no-repeat center left;
     padding-left: 30px;
     color:#ea932c;
     margin: 10px 17px;
     font-weight:bold;
 }
 .merchand_block_area .chosen-container .chosen-results li.result-selected:hover {
    color:#ea932c;
 }
 .merchand_block_area .chosen-container .chosen-results .active-result:hover{
    color:#4d4b49;
 }
 .merchand_block_area .chosen-container .chosen-results li.group-result {
     background-color: #7a7775;
     font-size: 15px;
     color: #fff;
     padding: 10px 17px;
     font-family: 'roboto_regular';
     text-transform:uppercase;
     font-weight: normal;
 }
 .merchand_block_area .chosen-container .chosen-results{
    padding:0px;
    margin:0px;
 }
 .merchand_block_area .chosen-container{
    width:100% !important;
 }
 .ui-tabs-hide{
    display:none;
 }
 .favori_control_block .controls_container{
    overflow:hidden;
 }
.favori_control_block .favori_Secondbloc,
 .favori_control_block .favori_Secondbloc_1{
    float: right;
    width: 60%;
 }
 .paiment_steps .chosen-container-single .chosen-single span {
     font-size: 14px;
     font-family: 'roboto_italic', arial;
     color: #615f5d;
     text-transform: inherit;
 }
/* .ui-tabs-panel.current + div .step_paiment{
     display: none;
 }*/
 /*Lot 2 à modifier*/
 .steps_grid,
 .steps_grid1{
    display: none;
 }
 /*Lot 2 à modifier*/
 .steps_grid.default_opened, .steps_grid1.default_opened{
    display: block;
 }
 .radio_paiment{
     width: 100%;
 }
.radio_paiment > label,
.checkbox_paiment > label{
    width: 100%;
}
#fragment-2 .controls_container > div {
    margin-bottom: 15px;
}
#fragment-2 .controls_container > div select{
    width: 100%;
    height: 42px;
}
.checkbox_paiment .lbl_paiment{
    margin-right: 20px;
}
 /* fragment-2*/
.bourse_table td.select-checkbox,
.zibra_table td.select-checkbox,
.zibra_table td.radio-checkbox{
    position: relative;
    cursor: pointer;
    width: 50px !important;
}
.bourse_table td.select-checkbox{
    padding-left: 20px;
}
.bourse_table td.select-checkbox:before,
.zibra_table td.select-checkbox:before,
.zibra_table td.radio-checkbox:before{
    content: ' ';
    margin-top: -6px;
    /*margin-left: 44%;*/
    border: 1px solid #818181;
    border-radius: 3px;
}
.bourse_table  tr.selected td.select-checkbox:after,
.zibra_table tr.selected td.select-checkbox:after,
.zibra_table tr.selected td.radio-checkbox:after{
    content: '';
    position: absolute;
    display: inline-block;
    opacity: 1;
    width: 23px;
    height: 15px;
    background: url("/Images/neoxiaimg/ckecked_mark.png") no-repeat 0 center transparent;
    left: 50%;
    top: 15px;
    margin-left: -5px; /*Lot 2 à ajouter*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
    border: none;
}
.bourse_table td.select-checkbox:before, .bourse_table td.select-checkbox:after,
.zibra_table td.select-checkbox:before, .zibra_table td.select-checkbox:after,
.zibra_table td.radio-checkbox:before, .zibra_table td.radio-checkbox:after{

    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    position: relative;
}
/*Lot 2 à modifier*/
#PaimentChoixChekbox tr.selected,
#favori_Secondbloc tr.selected{
    background: #cfcbcb;
}
#BourseTableCheckbox tr.selected{
    background: #f7f6f5;
}
.steps_grid .espace_confirmer_sms {
    padding:20px 10px;
    border: 1px solid #e6e6e6;
    margin-top: 30px;
}


.zibra_table td.radio-checkbox{/*lot 10*/
    position: relative;
    cursor: pointer;
	background: url("/Images/neoxiaimg/checkbox_default_icn.png") no-repeat center center transparent;

}
/*.zibra_table td.radio-checkbox:before, .resume_forMobile td.radio-checkbox:before{
    content: ' ';
    display: inline-block;
    height: 24px;
    width: 23px;
    border-radius: 100%;
    border: 1px solid #e1e1e1;
    background: #e7e7e7;
    vertical-align: middle;
supprimer dans lot 3
}*/
.zibra_table tr.selected td.radio-checkbox{
    background: url('/Images/neoxiaimg/checkbox_checked_icn.png') no-repeat center center transparent;
}
.zibra_table tr.selected td.radio-checkbox:after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 15px;
    background: url("/Images/neoxiaimg/big_radio.png") no-repeat 0 center transparent;
    left: 50%;
    top: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
    opacity: 1;
    border: none;
    margin-left: -5px;
    margin-top: -10px;
	display: none;
}
.zibra_table td.radio-checkbox:before, .zibra_table td.radio-checkbox:after{

    /*display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    position: relative;*/
	display: none;
}

/*Lot 2 à modifier*/
#PaimentChoixRadio tr.selected{
    background: #cfcbcb;
}
#PaimentChoixChekbox,
#PaimentChoixRadio{
    margin-bottom: 20px;
}
#fragment-3, #fragment-4, #fragment-5 {
    padding: 3%;
}
#fragment-3 p, #fragment-4 p,
#fragment-5 p{
    padding-bottom: 1%;
}
/* fragment 4 paiment */
.white_dropdown.merchand_block_area{
    width: 100% !important;
    margin-bottom: 30px;
}
#fragment-4 h2,
#fragment-5 h2{
    padding-left: 0;
}
.white_dropdown.merchand_block_area #select_compte{
    width: 45%;
    max-width: 100%;
    height: 42px;
}
/* fragment-5 confirmation */
#fragment-5 p.bot_confirmation_paiement{
    margin-top: 5%;
}
.white_dropdown.merchand_block_area label{
    width: 30%;
    float: left;
    text-align: right;
    /*margin-top: 11px;*/
    text-transform: uppercase;
}
.white_dropdown.merchand_block_area .chosen-container{
    width: 50% !important;
    padding-left: 5%;
}
.white_dropdown.merchand_block_area .chosen-container .chosen-drop {
    width: 55%;
    margin-left: 10%;
}
.white_dropdown.merchand_block_area .chosen-container .chosen-results li.result-selected,
.white_dropdown.merchand_block_area .chosen-container .chosen-results li.active-result{
    background: none;
    padding-left: 30px;
    color: #444;
    margin: 10px 0px;
    font-weight: bold;
}
[data-message="message_confirmer"] {
    /* Styles */
}
.espace_confirmer_sms,
#fragment-4 .step_paiment{
    display: none;
}
#fragment-4 .txt_sms input{
    height:46px;
    text-align: center;
}
#fragment-4 .txt_sms label{
    /*padding-right: 2%;*/
}
.msg_error{
    color: red;
    font-size: 12px;
}
#ajouter_favoris .msg_error {
    width: 93%;
}
/*Lot 2 à ajouter cette parte ====================================================*/
p.align_center.txt_sms input {
    height: 46px;
}
.transfer_cords > div > label {
    width: 160px !important;
}
.transfer_cords .simple_field{
    width: 70% !important;
}
.transfer_cords .datePicker_Style{
    width: 70%;
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #f7f6f5;
    padding-left: 20px;
    border-radius: 0;
}
.check_mise{
    margin-left: 72px;
}
.check_mise .txt_info{
    width: 500px;
    margin-top: -38px;
    padding-left: 24px !important;
}
#code_sms .info_txt {
    padding: 0 6%;
}
.zibra_table.table_final th {
    background-color: #854d56;
}
.zibra_table.table_final th:hover {
    background-color: #a06a72;
}
/*==================================================================================*/
/************************************************** page RIB *****************************************************/
.rib_content{
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    font-family: arial !important;
    background:#fff;
    color:#000;
    padding: 25px 10px 35px 10px;
}
.rib_top{
    display:table;
    width:100%;
    height:100%;
}
.rib_content h3{
    font-size:14px;
    font-weight:bold;
    color:#000;
}
.left_rib_top{
    float:left;
    font-size:12px;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    display: table-cell;
    width:97%;
}
.right_rib_top{
    width:45%;
    font-size:12px;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    margin-left:10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.left_rib_top th {
    text-align: left;
    font-weight:normal;
}
.left_rib_top th:last-child {
    text-align: center;
}
.left_rib_top td {
    text-align: left;
    font-weight:bold;
    margin-bottom:7px;
}
.left_rib_top tbody td:last-child {
    text-align: center;
}
.rib_top{
    display:table;
    width:100%;
}
.rib_bot{
    width: 100%;
    margin-top: 7px;
    height: 100%;
    overflow: hidden;
    font-family: arial;
}
.rib_content h3{
    font-size:14px;
    font-weight:bold;
    color:#000;
    font-family:arial;
    padding-left:6px;
}
.left_rib_bot{
    width:50%;
    float:left;
    font-size:12px;
}
.right_rib_bot{
    width:46%;
    float:left;
    font-size:12px;
    margin-left: 15px;
}
.rib_remarque{
    width: 90%;
    display: inline-block;

}
.rib_remarque p{
    width: 100%;
    font-size: 10px;
    margin-left: 5%;
    margin-top: 20px;
    text-align: center;
}
.left_rib_top table, .rib_bot p{
    margin-left:8px;
    font-family:arial;
}
.releve_bancaire:first-child{
    padding-top: 0px;
}
.releve_bancaire{
    padding: 20px 0;
}
.rib_section .sup_releve{
    border-top: 1px solid;
    width: 100%;
    float: left;
    margin-top: 10px;
    height:30px;
}
.rib_section .sup_releve img{
    margin-top: -23px;
}

.centered_block{
    margin: 30px auto;
    width: 80%;
    padding-bottom: 45px;
    text-align: center;
}
/************************************************** page MARCHANDS *****************************************************/
.filter_type_section{
    min-height: 180px;
}
.filter_type_section li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 20px 5px;
    margin-bottom: 13px;
    width: 200px;
    height: 167px;
    overflow: hidden;
}
.filter_type_section li a {
    display: block;
    text-decoration: none;
    width: 100%;
    height:100%;
    position: relative;
    overflow: hidden;
    border: 2px solid #e6e6e6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_type_section li a:hover {
    border-color:#383736;
}
.filter_type_section li a > img{
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_type_section li a .contract_infos{
    position: absolute;
    width: 100%;
    bottom:0;
    left:0;
    background-color: #e6e4e3;
    padding:12px 8px 12px 18px;
    text-align:left;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.filter_type_section li a:hover .contract_infos{
    padding-bottom:23px;
    background-color: #383736;
}
.filter_type_section li a:hover .contract_infos .filter_type_title {
    color:#fff;
}
.filter_type_section li a .filter_type_title {
    font-family: 'roboto_regular', arial;
    font-size: 12px; /*Lot 2 à modifier*/
    color: #4d4b49;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.filter_type_section li a .doc_visu {
    display: block;
    width: 198px;
    height: 170px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #e6e6e6;
}
/*Lot 2 à modifier*/
.filter_type_section li a .filter_type_title span{
    color: #818181;
    font-weight: normal;
    position: relative;
    width: 100%;
    display: block;
    text-transform: none;
}
.filter_type_section li a > img{
    margin: 16px auto;
}
.filter_type_section li a .filter_type_title{
    text-transform: uppercase;
}

.filter_type_section li a .filter_type_title span:after{
    background: url("/Images/neoxiaimg/challenges_arrow_grey.png") no-repeat;
    position: absolute;
    width: 9px;
    height: 17px;
    content: "";
    top: 2px;
    right: 0px;
}
.type_filter_txt {
    color: #a1a09e;
    padding: 10px;
}
/************************************************** page historique *****************************************************/
#historiquePaiment  tr td span{
    text-transform: uppercase;
}
#historiquePaiment tr td span span{
    text-transform: lowercase;
}
/************************************************** page favoris *****************************************************/
.favoris_section .yellow_btn {
    line-height: 19px;
}
.favoris_section .yellow_btn  span{
    font-size: 25px;
    font-family: 'roboto_light';
    display: block;
    float: left;
    margin-right: 10px;
    font-weight: normal;
}
#favorisPaiment td img.logo_marchands_favoris {
    width: 63px;
    height: 34px;
}
#favorisPaiment .unstylled_btn + .unstylled_btn {
    margin-left: 30px;
}
#favorisPaiment .label_names span{
    text-transform: initial;
}
#favorisPaiment .zebra_table_liste {
    /* width: 190px; */
    width: 217px;
}
/* ********************** modal ajouter favoris ****************************** */
/*Lot 2 à ajouter*/
.chosen-container .chosen-results li{

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#ajouter_favoris .chosen-container-single .chosen-search {
    display: none;
}
#ajouter_favoris .chosen-container .chosen-results {
    padding: 0px;
    margin: 0px;
}
#ajouter_favoris .chosen-container .chosen-results li.group-result {
    background-color: #7a7775;
    font-size: 15px;
    color: #fff;
    padding: 10px 17px;
    font-family: 'roboto_regular';
    text-transform: uppercase;
    font-weight: normal;
}
#ajouter_favoris .chosen-container .chosen-results li.active-result {
    padding-left: 30px;
    background: url('/Images/neoxiaimg/icon_radio_no_active.jpg') no-repeat center left;
    margin: 10px 17px;
    color: #444;
}
#ajouter_favoris .chosen-container .chosen-results li.result-selected {
    background: url('/Images/neoxiaimg/icon_radio_active.jpg') no-repeat center left;
    padding-left: 30px;
    color: #ea932c;
    margin: 10px 17px;
    font-weight: bold;
}
#ajouter_favoris .chosen-container-single .chosen-single span {
    font-size: 14px;
    font-family: 'roboto_italic', arial;
    color: #615f5d;
    text-transform: inherit;
}
/* ********************** modal editer favoris ****************************** */
/*Lot 2 à modifier*/
#editer_favoris .modal_dialog,
#ajouter_favoris .modal_dialog{
    width: 50%;
    max-width: 90%;
    margin: 40px auto 50px auto;
    background: #fff;
}
.contenu_modal_body {
    padding: 30px 20px 20px 9%;
}
.contenu_modal_body li .txt_lbl,
#editer_favoris .contenu_modal_body li .txt_lbl,
#ajouter_favoris .contenu_modal_body li .txt_lbl
{
    text-transform: capitalize;
    padding-left: 0;
    width: 22%;
}
#ajouter_favoris .contenu_modal_body .type_lbl_txt,
#editer_favoris .contenu_modal_body .type_lbl_txt{
    width: 23%; /*Lot 2 à modifier*/
    padding-left: 0; /*Lot 2 à ajouter*/
}
.contenu_modal_body li .txt_lbl + span {
    font-family: 'roboto_bold', arial;
    font-size: 16px;
}
.contenu_modal_body .lable_txt{
    float: none;
    margin-bottom: 20px;
    width: 100%;
}
.contenu_modal_body .form_bloc {
    padding: 0px 18px 12px 0px;
}
#ajouter_favoris .form_bloc,
#editer_favoris .form_bloc {
    padding: 0px 0px 12px 0px !important;
}
.contenu_modal_body .form_bloc p{
    margin-bottom: 10px;
}
.contenu_modal_body .type_lbl_txt {
    width: 25%;
}
.contenu_modal_body .simple_field {
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #f7f6f5;
    padding-left: 20px;
    /*width: 70%;*/ /*Lot 2 à commenter*/
}
/*Lot 2 à modifier*/
#ajouter_favoris .contenu_modal_body .simple_field,
#editer_favoris .contenu_modal_body .simple_field{
    width: 70%;
}
.contenu_modal_body .white_dropdown {
    width: 67.5%;/*modifier lot 3*/
}
.form_bloc .white_dropdown {
    width: 70%;
}
.merchand_block_area .form_bloc .white_dropdown{
    width: 45%;
}
#select_editer_favori {
    width: 90%;
    max-width: 100%;
}
.contenu_modal_body .chosen-container {
    width: 100% !important;
    background-color: #f7f6f5;
}
.contenu_modal_body .white_dropdown .chosen-container-single .chosen-single {
    width: 100%;
}
.contenu_modal_body .chosen-container-single .chosen-single div b {
    /*background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center center !important;*/
}
.contenu_modal_body ul + hr{
    width: 62%;
    margin-left: 30%;
    padding: 0;
    margin: 40px 0 40px 30%;
}
/*Lot 3 modifier*/
#editer_favoris .contenu_modal_body ul + hr,
#ajouter_favoris .contenu_modal_body ul + hr,
#editer_favoris .contenu_modal_body .form_bloc + hr,
#ajouter_favoris .contenu_modal_body .form_bloc + hr{
    width: 93%;
    padding: 0;
    margin: 20px 0 20px 0%;
}
.sup_favoris{
    margin-top: 10px;
}
.contenu_modal_body li {
    margin-bottom: 10px;
}
/* ********************** modal payer favoris ****************************** */
#payer_favoris .contenu_modal_body .white_dropdown {
    width: 70%;
    margin-left: 12%;
}
/* accordion */

.accordion_content{
    display: none;
    border: 1px solid #E6E4E4;
    padding: 20px;

}
.accordion_bourse{
    display: none;
    border: 1px solid #E6E4E4; 

}
.accordion_content_convention{
    display: none;
    border: 1px solid #E6E4E4;
    padding: 20px;

}
.accordion_title{
    border: 1px solid #e6e4e3;
    border-right: 0;
    width: 100%;
    min-height: 54px;
    padding: 15px 26px;
    color: #4d4b49;
    font-size: 16px;
    font-family: 'roboto_medium', arial;
    display: inline-block;
    position: relative;
    padding-right: 60px !important;
}
.accordion_title_convention{
    border: 1px solid #e6e4e3;
    border-right: 0;
    width: 100%;
    min-height: 54px;
    padding: 15px 26px;
    color: #4d4b49;
    font-size: 16px;
    font-family: 'roboto_medium', arial;
    display: inline-block;
    position: relative;
    padding-right: 60px !important;
}
.accordion_title:after,
.accordion_title_convention:after{
    content: '';
    position: absolute;
    right: 0;
    top: -1px;
    border: 1px solid #e6e4e3;
    display: block;
    width: 51px;
    height: 100%;
    background:url('/Images/neoxiaimg/accordion_up_down.png') no-repeat center center transparent;

}
.accordion_title.active:after,
.accordion_title_convention.active:after{
    background: url('/Images/neoxiaimg/accordion_up_arrow.png') no-repeat center center transparent;
}
.services_list li{
    margin-bottom: 10px;
}

 .responsive_plafond_table{
    display: none
}

.pub_mobile{
    display: none;
}
.upToTop{/*modifier lot3*/
    display: none;
    position: fixed;
    background: url('/Images/neoxiaimg/uparrow_white.png') no-repeat center center #854d56;
    background-size: 50%;


    border-radius: 100%;
    border: 2px solid #FFF;
    right: 31px;
    bottom: 35px;
    padding: 0;
    opacity: 0.4;
    width: 45px;
    height: 45px;
    cursor: pointer;
}
.upToTop:hover{
    background: url('/Images/neoxiaimg/uparrow_purple.png') no-repeat center center #fff;
    opacity: 0.8;
    border: 1px solid #854d56;
}

.form_bloc{
    padding: 15px 18px 12px 18px;
}
.last_form_bloc{
    padding: 15px 18px 40px 18px;
}
.abonnement_big_title{
    font-family: 'numans_regular', arial;
    font-size: 22px;
    color: #854d56;
    font-weight: normal;
    text-transform: uppercase;
    padding: 25px 0px;
}
.message_dinformation{
    color: #e58106;
    font-size: 13px;
    font-family: 'roboto_medium',arial;
    margin-bottom: 10px;
    padding: 0px 18px;
}
.medium_titles{
    /* font-family: 'numans_regular',arial;*/
    font-size: 20px;
    color: #ea932c;
    text-transform: none;
    font-weight: normal;
}

.abonnement_container{
    width: 1058px;
    margin: 0 auto;
    max-width: 100%;
    padding: 35px 0px;
}
.contact_container{
    width: 1058px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0px;
}

.abonnement_txt{
    font-size: 16px;
    font-weight: bold;
    color: #854e56;
    text-transform: uppercase;
    width: 140px;
    padding-right: 20px;
    float: left;
    text-align: right;
}

.abonnement_form{
    margin-left: 140px;
    padding: 25px;
    border: 1px solid #e6e6e6;
}
.abonnement_labels{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    width: 165px;
    display: inline-block;
    float: left;
    line-height: 1.1;
}
/*Lot 2 à ajouter*/
.modal_labels{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    width: 120px;
    display: inline-block;
    float: left;
    line-height: 1.1;
}
.info_text{
    font-size: 12px;
    font-family: 'roboto_bold', arial;
}
.abonnement_second_label{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    text-align: center;
    width: 22%;
}
/*Lot 2 à ajouter*/
.modals_fields{
    margin-left: 184px;
    margin-bottom: 25px;
}
.abonnement_fields{
    margin-left: 184px;
    margin-bottom: 25px;
}
/*Lot 2 à ajouter*/
.detail_carte_section .abonnement_fields{
    margin-left: 0px;
}
.abonnement_fields .white_dropdown{
    width: 100%;
    height: 33px;
    display: inline-block;
    max-width: 100%; 
}
.abonnement_fields .white_dropdown .chosen-container{
    width: 100% !important;
}
.abonnement_fields .white_dropdown .chosen-container-single .chosen-single {
    border: 1px solid #e6e6e6;
    background-image: none;
    border-radius: 0;
    color: #292929;
    font-size: 14px;
    line-height: 33px;
    box-shadow: none;
    height: 33px;
    width: 100%;
    background:#f7f6f5;
}
.abonnement_fields .white_dropdown .chosen-container-single .chosen-single span{
    text-transform: none;
}

.operateur .white_dropdown,.ville .white_dropdown,.agence .white_dropdown{
    width: 280px;
    height: 33px;
    display: inline-block;
    max-width: 100%;
}
.operateur .white_dropdown .chosen-container{
    width: 100% !important;
}
.contact .white_dropdown,.ville .white_dropdown,.agence .white_dropdown{
    width: 280px;
    height: 33px;
    display: inline-block;
    max-width: 100%;
}
.contact .white_dropdown .chosen-container{
    width: 100% !important;
}
.operateur .white_dropdown .chosen-container-single .chosen-single {
    border: 1px solid #e6e6e6;
    background-image: none;
    border-radius: 0;
    color: #292929;
    font-size: 14px;
    line-height: 33px;
    box-shadow: none;
    height: 33px;
    width: 280px;
    text-transform: none;
    background:#f7f6f5;
}
.contact_dropDown{
    margin-left: 76px;
}
.contact_dropDown .white_dropdown .chosen-container-single .chosen-single {
    border: 1px solid #e6e6e6;
    background-image: none;
    border-radius: 0;
    color: #292929;
    font-size: 14px;
    line-height: 33px;
    box-shadow: none;
    height: 33px;
    width: 295px !important;
    text-transform: none;
    background:#f7f6f5;
}
.object{
    width: 100%;
}
.object .white_dropdown .chosen-container-single .chosen-single {
    border: 1px solid #e6e6e6;
    background-image: none;
    border-radius: 0;
    color: #292929;
    font-size: 14px;
    line-height: 33px;
    box-shadow: none;
    height: 33px;
    width: 625px !important;
    text-transform: none;
    background:#f7f6f5;
}
.operateur .white_dropdown .chosen-container-single .chosen-single span{
    text-transform: none;
}
.contact .white_dropdown .chosen-container-single .chosen-single span{
    text-transform: none;
}


.bigDark_checkbox_mask{
    display: inline-block;
    height: 23px;
    width: 23px;
    border: 1px solid #c2c0be;
    background: #f7f6f5;
    vertical-align: middle;
    position: relative;
    float: left;
}
.bigDark_checkbox_mask:after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 24px;
    background: url("/Images/neoxiaimg/big_black_checkbox.png") no-repeat 0 center transparent;
    left:  4px;
    top: -2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
}

input:checked + .bigDark_checkbox_mask:after{
    opacity: 1;
    width: 28px;
}
.abonnement_small_fields{
    margin-left: 184px;
}

.input_fields{ /*modifier lot 3*/
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #f7f6f5;
    padding-left: 20px;
    width: 100%;

    max-width: 100%;
    display: inline-block;
    /*height: 33px;*/
}
textarea.input_fields {
    border: 1px solid #e6e4e3;
    height: auto;
    background-color: #f7f6f5;
    padding-left: 20px;
    /* width: 100%; */
    max-width: 100%;
    display: inline-block;

}
.lists_fields{
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #f7f6f5;
    padding-left: 20px;
    width: 85%;
    margin-right: 15px;
    height: 33px;
}
.whole_bloc{
    width: 100%
}
.half_bloc{
    width: 56%;
}
.seceond_half_bloc{
    width: 44%;
}

/*Lot 2 à ajouter cette parte =====================================*/
.demi_bloc{
    width: 50%;
     float: left;

}
.small_modal_fileds{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block; 
    width: 40%;
    line-height: 2;
}
.small_modal_bloc{
    width: 60%;
    float: left;
}
.heading_confirmation{
    font-size: 18px;
    color: #854e56;
    font-family: 'roboto_medium', arial;
}
.personnalisation_summary{
    margin-bottom: 38px;
}
.personnalisation_summary ul > li span{
    padding-left: 0;
    line-height: 1;
}
.confirmation_personnalisation a{
    color: #ea932c;
    text-decoration: underline;
}
.code_activation_confirme{

}
.check_confirmation{
    width: 30%;
    float: left;
    padding-top: 20px;
}
.txt_confirmation{
    width: 70%;
    float: left;
    padding: 20px;
    border: 1px solid #999896;
}
.yellow_button{
    font-family: 'roboto_regular', arial;
    font-size: 15px;
    color: #df7a15; 
    background: transparent; 
    text-decoration: underline;
    text-transform: none;
    border: 0;  
}
.code_label{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    width: 100px;
    display: inline-block;
    float: left;
    line-height: 2.1;
}
.code_section{/*modifier lot 3*/
    width: 320px;
    max-width: 100%;
    margin: 0 auto;    
}
.code_section > div{
    padding-left: 100px;
}
/*==================================================================*/
.abonnement_confirmation{
    font-size: 18px;
    color: #854e56;
    font-family: 'roboto_medium', arial;
    border: 1px solid #854e56;
    padding: 25px 0;
    margin-bottom: 20px;
}
.validation_body{
    border: 1px solid #eeeeee;
    padding: 25px 122px;
}
.validation_info{
    color: #4d4b49;
    font-family: 'roboto_medium', arial;
    font-size: 18px;
    margin-bottom: 35px;
}
.yellow_validation_info{
    text-transform: uppercase;
    color: #ea932c;
    font-size: 18px;
    font-family: 'roboto_medium', arial;
    font-weight: normal;
    margin-bottom: 25px;
}
.print_text{
    display: inline-block;
    margin-bottom: 30px;
    color: #615f5d;
    font-size: 15px;
}
.solution_bloc{
    background: #fafafa;
    display: table-cell;
    padding: 30px;
}
.table-cell-display{
    display: table-cell;
}
.table-display{
    display: table;
}
.small_yelleow_btn{
    padding: 5px 8px;
    vertical-align: top;
}
.choice_bloc{
    width: 10%;
    color: #878584;
    font-size: 16px;
    font-family: 'roboto_bold', arial;
}
.yellow_download{
    padding: 10px 30px;
    padding-left: 50px;
    background: url('/Images/neoxiaimg/yellow_download.png') no-repeat 10% center;
}
/*Lot 2 à ajouter*/
.yellow_download:hover{
    background: url('/Images/neoxiaimg/yellow_download_hover.png') no-repeat 10% center #df7a15;
}
.bottomMargin{
    margin-bottom: 30px;
}
.validation_second_confirm{
    color: #4d4b49;
    font-family: 'roboto_medium', arial;
    font-size: 16px;
}
.relativePosition{
    position: relative;
}
.more_leftRight_margins{
    margin-left: 24px;
    margin-right: 24px;
}
.mini_input_fields{
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #f7f6f5;
    padding-left: 20px; 
    width: 100%;
    height: 33px;
}
.added_comptes{
    border: 1px solid #e6e4e3;
    height: 40px;
    padding-left: 20px;
    padding-top: 10px;
    font-family: 'roboto_medium';
    font-size: 15px;
    color: #4D4D4D;
    margin-bottom: 5px;
    position: relative;
    padding-right: 65px;
}
.cancel_btn{
    font-family: 'roboto_bold', arial;
    font-size: 13px;
    color: #df7a15;
    font-weight: bold;
    padding: 5px 15px;
    background: transparent;
    float: right;
    text-decoration: underline;
    text-transform: none;
    border: 0;
    position: absolute;
    right: 0;
    top: 5px;
}
.inlined_txt{
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    padding-left: 50px;
    line-height: 2;}

.multiplBlocs_container{
    margin-left: 184px;
}
.inline_checkboxe{
    margin-left: 90px;
    display: inline-block;
}
.inline_checkboxe_text{
    font-size: 15px;
    padding-left: 15px;
    color: #4d4b49;
}
.form_dropdown{
    width: 569px;
    height: 32px;
    display: inline-block;
    max-width: 100%;
}
/* =================== */

/*Lot 2 à ajouter cette parte ====================================================*/
.transfer_operation_container{
    padding: 26px;
}
.transfer_operation{
    margin-bottom: 35px;
}
.transfer_operation h3{
    font-family: 'roboto_medium', arial;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
}
.transfer_operation .list_accounts{
    width: 47%;
    float: left;
}
.transfer_operation .transfer_img{
    width: 5%;
    float: left;
}
.transfer_accounts div{
    margin-bottom: 8px;
    outline: none;
}
.transfer_accounts div label{
    display: block;
    cursor: pointer;
}
.transfer_accounts div input{
    display: none;
}
.transfer_accounts div input + span{
    display: block;
    padding: 10px 35px 10px 13px;
    min-height: 42px;
    border: 2px solid #e6e4e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url('/Images/neoxiaimg/check_account_true.png') no-repeat 130% 50% transparent;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.transfer_accounts div input:checked + span{
    background-position: 100% 50%;
}
.transfer_accounts div input:checked + span
,.transfer_accounts div input + span:hover{
    border-color: #e7ad67;
}

.account_infos .account_name{
    font-family: 'roboto_medium', arial;
    font-size: 14px;
    color: #4d4b49;
    display: block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.account_infos .account_num{
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    color: #818181;
    line-height: 14px;
    display: block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.transfer_accounts .account_amount{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    padding-top: 7px;
    display: block;
}
.transfer_accounts div input:checked + span .account_infos .account_name
,.transfer_accounts div input:checked + span .account_infos .account_num{
    color: #ea932c;
}
.transfer_accounts div input:checked + span .account_infos + .account_amount{
    color: #828282;
}
.transfer_accounts .slick-list{
    overflow: hidden;
}

.transfer_accounts.slick-slider{
    position: relative;
    padding-bottom: 25px;
}

.transfer_accounts .slick-arrow{
    width: 30px;
    height: 30px;
    background-color: #854e56;
    font-size: 0;
    border: none;
    position: absolute;
    top:100%;
    bottom: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.transfer_accounts .slick-next{
    right: 0;
    background-image: url('/Images/neoxiaimg/next_arrow_icn.png');
}
.transfer_accounts .slick-prev{
    left: initial;
    right: 35px;
    background-image: url('/Images/neoxiaimg/prev_arrow_icn.png');
}
.transfer_accounts .slick-next:before{
    display: none;
}
.transfer_accounts .slick-prev:before{
    display: none;
}
.transfer_accounts .slick-arrow.slick-disabled{
    background-color:#928d8e;
    opacity: 0.3;
}
.transfer_cords{
    width: 90%;
    /*max-width: 425px;*/
    max-width: 480px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.transfer_cords > div > label{
    font-family: 'roboto_medium', arial;
    font-size: 16px;
    color: #505050;
    line-height: 40px;
    text-transform: uppercase;
    float: left;
    width:90px;
}
.transfer_cords .field_container{
    padding-left:90px;
}
.transfer_cords .field_container .txt_info{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #505050;
    font-weight: normal;
    padding-left: 12px;
}
.bloc_formulaire_transfert{
    display: none;
}
/********* Ajouter Modal beneficier  **********/
.modal_beneficiere p{
    width: 100%;
    float: left;
    margin: 7px 0;
}
p.field_container label + label {
    margin-right: 50px;
    margin-top: 8px;
    float: left;
}
p.moyen_transfert label + label {
    margin-top: 20px;
}
.modal_beneficiere p.field_container label + label .txt_info {
    padding-left: 10px;
}
.modal_beneficiere p.field_container .checkbox_mask:after {
    height: 12px;
    background: url("/Images/neoxiaimg/check_black_icn.png") no-repeat 0 center transparent;
    left: 4px;
    top: -2px;;
}
.modal_beneficiere p.field_container input:checked + .checkbox_mask + .txt_info{
    color: #818181;
}
.modal_beneficiere .modal_dialog {
    margin: 30px auto 50px auto;
}
.centered_bloc,
.compte_contrat{
    padding: 35px 228px;
}
.input_add_compte{
    width: 247px;
    border: 1px solid #e6e4e3;
    border-left: 0;
    padding-left: 20px;
    height: 40px;
    background-color: #f7f6f5;
    vertical-align: middle;
    line-height: 2.4;
    display: inline-block;
    color: #292929;
    font-size: 16px;
    font-family: 'roboto_medium', arial;
    margin-right: 15px;
}
.numero_compte{
    border: 1px solid #e6e4e3;
    height: 40px;
    width: 105px;
    background-color: #f7f6f5;
    vertical-align: middle;
    line-height: 2.4;
    display: inline-block;
    color: #292929;
    font-size: 16px;
    font-family: 'roboto_medium', arial;
    text-align: center;
}
.mobile_list{
    padding-left: 50%;
}

.action_links{
    text-decoration: underline;
    color: #615f5d;
    text-transform: none;
}
.lien_imprime{
    color: #ea932c;
    text-transform: uppercase;
    text-align: center;
    margin: 27px 44%;
    display: block;
}

.compte2, .favori_Secondbloc, .favori_Secondbloc_1{
    display: none;
}
.total_final{
    background: #854d56 !important;
    color: #fff;
}
.total_final1{
    background: #b9b7b5 !important;
    color: #fff;
}
.total_final td, .total_final td.resume_forMobile{
    font-size: 13px !important;
    color: #fff;
}
/*.compte_contrat {
    padding: 35px 110px;
}*/
.compte_contrat .abonnement_fields {
    margin-left: 142px;
    margin-bottom: 25px;
    width: 440px;
}
.compte_contrat .abonnement_labels {
    margin-top: 43px;
}
.compte_contrat  .appenedCompte{
    width: 100%;
    margin-top: 30px;
}
.bloc_formulaire_transfert .input_fields {
    width: 100%;
}
/*********** accordion table **************/
.accordion {
    cursor: pointer;
    width: 100%;
    outline: none;
    transition: 0.4s;
}
.accordion span.resume_price {
    padding-right: 24px;
}
.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #ea932c;
    float: right;
    position: absolute;
    right: 10px;
    top: 8px;
}

.accordion.active:after {
    content: "\2796";
}

div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    padding-left: 30px;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}
div.panel p span{
    width: 30%;
    float: left;
    font-family: 'roboto_regular', arial;
}
div.panel p a{
    color: #646466;
    text-decoration:underline;
}
/****** formulaire maroc transfert ********/
/*.espace_formulaire_info form h3{
    width: 15%;
    float: left;
    text-align: center;
}
.content_infomation {
    border: 1px solid #dddddd;
    float: left;
    width: 83%;
    padding: 15px;
    margin-bottom: 10px;
}
.content_infomation label{
    width: 20% ;
    padding-top: 0;
}*/
.espace_formulaire_info .seceond_half_bloc .mini_input_fields{
    width: 77%;
}
.espace_formulaire_info  .abonnement_form > div {
    margin-bottom: 20px;
}
.espace_formulaire_info .abonnement_labels {
    margin-right: 16px;
}
/* Lot 2 ࡡjouter */
.espace_formulaire_info .choix_bene{
    display: block;
    padding-left: 180px;
}
.espace_formulaire_info .txt_info {
    font-size: 15px;
}
.espace_formulaire_info{
    display: none;
}
/* Lot 2 ࡡjouter cette partie =========================*/
.espace_formulaire_info .carnet_container {
    white-space: nowrap;
    margin-right: 50px;
    margin-bottom: 5px;
    display: inline-block;
}
.espace_formulaire_info .abonnement_second_label {
    width: 70px;
	float:left;
}
.espace_formulaire_info .block_demi {
    display: block;
    margin-left: 70px;
	width:auto;
}
.espace_formulaire_info .block_demi .mini_input_fields {
    width:100% ;
}
/*===========================================================*/
/******************* modal ********************/
/*#confirmer_information h2{
    width: 30%;
    float: left;
}
#confirmer_information .content_infomation{
    border: 1px solid #dddddd;
    float: left;
    width: 70%;
    padding: 15px;
    margin-bottom: 10px;
}*/
#confirmer_information .confirmation_modal_body{
    padding: 12px 20px 20px 20px;
}
#ajouter_compte .big_modal_body,
#supprimer_compte .big_modal_body{
    padding: 32px 22px 20px 22px;
}
#confirmer_information .form_bloc,
#ajouter_compte .form_bloc,
#supprimer_compte .form_bloc{
    padding: 15px 0px 12px 0px;
}
#ajouter_compte .numero_compte,
#supprimer_compte .numero_compte{
    width: 100%;
    text-align: left;
    padding-left: 20px;

}
#confirmer_information .abonnement_txt,
#ajouter_compte .abonnement_txt,
#supprimer_compte .abonnement_txt{
    text-align: left;
}
#confirmer_information .big_modal_dialog,
#ajouter_compte .big_modal_dialog,
#supprimer_compte .big_modal_dialog{
    margin: 80px auto 50px auto;
}
.content_infomation p{
    margin-bottom: 15px;
    font-size: 15px;
    color: #615f5d;
}
.content_infomation p span{
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 5px;
    color: #4d4b49;
}
.content_infomation p:last-child{
    margin-bottom: 0px;
}
/* changer mot de passe */
#changer_motdepasse_profil p{
    margin-bottom: 15px;
}
#changer_motdepasse_profil .lable_txt{
    margin-right: 16px;
    margin-top: 7px;
    text-transform: inherit;
    color: #4d4b49;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    width: 35%;
    padding-left: 10%;
    font-family: 'roboto_medium', arial;
}
#changer_motdepasse_profil p > span{
    width: 80%;
    float: left;
    margin-left: 37%;
    margin-top: 1px;
    margin-bottom: 15px;
    font-size: 12px;
}
#ajouter_compte .inline_checkboxe,
#supprimer_compte .inline_checkboxe{
    margin-left: 20px;
}
/* modal desactive service */
.titre_content_modal{
    color: #854e56;
    font-size: 19px;
    font-family: 'roboto_medium', arial;
    text-transform: uppercase;
    margin-bottom: 21px;
    font-weight: normal;
}
/************ modal contrat **********/
.parametre_service {
    background: #eeeeee;
    margin-left: 62px;
    margin: 20px 62px 20px;
    padding: 16px 30px 5px;
    float: left;
    width: 90%;
}
.parametre_service .txt_info {
    padding-left: 10px;
}
.bloc_parametre_service {
    width: 100%;
    float: left;
}
.bloc_parametre_service > div{
    width: 50%;
    float: left;
}
.titre_check_parametre .txt_info{
    color: #854e56;
    font-family: 'roboto_bold', arial;
}
.titre_check_parametre.field_container{
    padding-left: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.bloc_parametre_service:first-child .titre_check_parametre.field_container{
    margin-top:0px;
}
/*.field_container{
    padding-left: 15px;
    margin-bottom: 4px;
}*/
/******** confirmation ajout compte *******/
.ajout_content_confirmation{
    margin-top: 20px;
    padding-left: 32px;
}
.espace_txt{
    padding-top: 8px;
}
#modifier_raccourcier .lable_txt {
    text-align: center;
}
#transfert_beneficiaire .carnet_container .txt_info{
    font-size: 16px;
    margin-left: 17px;
}
.modal_header_title{
    margin-top: 30px;
    margin-bottom: 20px;
}
#transfert_beneficiaire .modal_footer{
    margin-top: 30px;
}
.filter_type_title .txt_sup {
    font-style: normal;
}
#payer_favoris .contenu_modal_body li .txt_lbl,
#payer_favoris_transfert .contenu_modal_body li .txt_lbl {
    width: 36%;
    padding-left: 0;
}
#payer_favoris .contenu_modal_body ul + hr,
#payer_favoris_transfert ul + hr{
    width: 100%;
    margin-left: 0;
    padding: 0;
    margin: 40px 0 40px 0;
}
#payer_favoris  .txt_lbl,
#payer_favoris_transfert .txt_lbl {
    padding-left: 0;
    float: left;
}
#payer_favoris_transfert .field_container {
    float: left;
    width: 60%;
}
#payer_favoris_transfert .datePicker_Style {
    width: 32%;
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #f7f6f5;
    padding-left: 20px;
    border-radius: 0;
}
#payer_favoris_transfert .favoris_etape_wrapper{
    width: 100%;
    padding: 20px 0 20px 9%;
}
#fv_montant_virement1{
    width: 43%;
}
.exemple_titre
{
    color: #ea932c;
    font-size: 11px;
    padding-left: 25%;
}
.bloc_vir_cas{
    margin: 15px 0;
    padding: 10px;
    width: 100%;
    display: inline-block;
}
.bloc_vir_cas .favoris_etape_wrapper {
    width: 100%;
    margin-top: 0px;
}
.bloc_vir_cas .favori_Secondbloc,
.bloc_vir_cas .favori_Secondbloc_1{
    margin-top: 20px;
    float: left;
    width: 100%;
}
#ajouter_favoris .controls_container,
#editer_favoris .controls_container{
    margin-left: 0;
    border: none;
    padding: 0;
    margin: 0;
}
#ajouter_favoris .favoris_etape_wrapper,
#editer_favoris .favoris_etape_wrapper{
    width: 100%;
}
#ajouter_favoris .favori_Secondbloc,
#editer_favoris .favori_Secondbloc{
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
#ajouter_favoris .favori_Secondbloc .favori_lbl_txt,
#editer_favoris .favori_Secondbloc .favori_lbl_txt{
    width: 20%;
}



.favori_Secondbloc .favori_wrapper input {
    width: 72%;
}
.favori_Secondbloc .favori_lbl_txt {
    width: 25%;
}


.banc_detail{
    width: 95%;
    display: table;
    padding: 30px;
    padding-top: 39px;
    margin: 0 auto;
}
.banc_detail .txt_lbl {
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 42%;
    padding-left: 0;
}
.banc_detail .txt_lbl + span {
    font-family: 'roboto_bold', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 56%;
}
.banc_detail > li:first-child {
    padding-right: 6%;
    width: 429px;
}

.banc_detail > li {
    display: table-cell;
    /* width: 50%; */
}
.banc_detail p {
    margin-bottom: 13px;
}
.banc_detail > li + li {
    border-left: 1px solid #cccccc;
    padding-left: 11%;
    width: 483px;
}


.apport_capital{
    width: 95%;
    display: table;
    padding: 30px;
    padding-top: 39px;
    margin: 0 auto;
}
.apport_capital .txt_lbl {
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    /*width: 66%;*/
    padding-left: 0;
}
.apport_capital .txt_lbl + span {
    font-family: 'roboto_bold', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    /*width: 33%;*/
}

.apport_capital > li {
    display: table-cell;
    width: 50%;
}
.apport_capital p {
    margin-bottom: 13px;
}

/* ==========================================================================
   Start_Page_introuvable/Indisponible/Erreur404 LOT 3
   ========================================================================== */
.body_page{
    overflow: hidden; 
    background-color: #e4e4e4;
}
.bar_1{
    height: 38px;
    background-color: #383735;
}
.bar_2{
    height: 8px;
    background-color: #854d56;
}
.container_page{
    max-width: 645px;
    text-align: center;
    width: 95%;
    margin: 0 auto;
}
.container_style{
    position: relative;
    overflow: hidden;
    min-height: 510px;
    background-color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
    padding: 80px 10px 0;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(191,185,191,1);
    -moz-box-shadow: 0px 0px 7px 1px rgba(191,185,191,1);
    box-shadow: 0px 0px 7px 1px rgba(191,185,191,1);
}
.container_style_dis{ 
    min-height: 400px !important; 
    padding: 28px 10px 0 !important;
}
.container_style h3{
    color: #e99429;
    text-transform: uppercase;
    padding: 20px 0;
    font-family: 'roboto_regular', arial;
    font-weight: normal;
    font-size: 28px;
}
.container_style .mobile_download_btns{
    /*margin-bottom: 30px;*/
}
.container_style .lien_contact a,
.container_style .lien_contact_disc a{
    color: #ea932c;
    text-decoration: underline;
}
.container_style .lien_contact{
    color: #979797;
    width: 100%;
    position: absolute;
    bottom: 29px;
    left: 0;
}
.container_style .lien_contact_disc{
    color: #979797;
    width: 100%;
    padding-top: 35px; 
}
.container_style span{
    display: inline-block;
}
.container_style span img{
    width: 93px;
}
.container_page footer{
    position: fixed;
    bottom: 6px;
    left:0;
    width: 100%;
}
.container_style .para_style{
    font-size: 19px;
    color: #6d6d6d;
}
/* ==========================================================================
   End_Page_Introuvable/Indisponible/Erreur404 LOT 3
   ========================================================================== */

/* ==========================================================================
   Start_cours_devises/valeurs LOT 3
   ========================================================================== */

.body_content {
    padding-top: 97px;
}
.first_bar{
    width: 100%;
    text-align: center;
    padding: 30px 30px 25px 30px;
    background-color: #ffffff;


}
.first_bar h4{
    font-weight: normal;
    font-size: 19px;
    color:#df7a15;
    display: inline-block;
    font-family: 'roboto_regular', arial;
    margin-right: 20px;

}
.part_devise .first_bar .operateur .white_dropdown .chosen-container{
    width: 180px!important;
}
.part_devise .first_bar .operateur .white_dropdown .chosen-container-single .chosen-single{
    height: 30px;
    line-height: 28px;
    text-align: left;
}
.first_bar .float_right{
    float: none;
    display: inline-block;
    width: auto;
}
.first_bar label{
    float: left;
    padding: 0;
}
.label_type{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    width: 40px;
    padding-top: 4px!important;
    text-align: left;

}
.label_date{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    width: 40px;
    padding-top: 4px!important;
}
.label_libelle{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    width: 50px;
    padding-top: 4px!important;
}

.first_bar .label_placed{
    display: block;
    padding-left:41px;
    width: auto;
    margin-right: 20px; 
}
.first_bar .label_placed1{
    display: block;
    padding-left: 40px;
    margin-right: 20px;
}
.first_bar .label_placed2{
    display: block;
    padding-left:53px;
    margin-right: 20px;
}
.first_bar .calender_group .datePicker_Style{
    border-radius: 0;
    border:1px solid #e6e6e6;
    background-color: #f7f6f5;
    color:#292929;
    /* width: 110px;*/

    padding-left: 10px;
}
.libelle_text .input_fields{
    padding: 0px 10px;
    width: 160px;
    height: 30px;
}
.libelle_text{
    width: auto;
}
.first_bar .align_center{
    vertical-align: top;
    display: inline-block;
}
.first_bar .align_center .flat_btn span, .first_bar .flat_btn:before{
    padding: 2px;
}
.table_devise{
    overflow: hidden;
    padding: 30px;
}
.table_devise h3{
    font-weight: normal;
    font-size: 19px;
    color:#df7a15;
    display: inline-block;
    font-family: 'roboto_regular', arial;
    padding-bottom: 7px;
}
.table_devise table{
    width: 100%;
    border:2px solid #e6e4e3;
}
.table_devise .pl23{
    font-weight: 900;
}
.simple_table .pl20{
    padding: 0 10px;
    text-align: center;
}
.table_devise .pl23 span{
    display: inline-block;
    background-color: #b9b7b5;
    height: 20px;
    width: 30px;
    margin-right: 10px;
    vertical-align: middle;
}
.table_devise .pl23 small{
    color: #cccccb;
}
.table_devise .bold_style{
    font-weight: 900;
}
.table_devise_respo{
    display: none;
}
.chart_style{
    width: 100%;
    padding: 20px 25px;
    background-color: #ffffff;
}
#editer_favoris .modal_devise{
    margin: 170px auto;
}
.modal_header span{
    color: #814e53;
    font-weight: 600;
    margin-right: 22px;
    font-size: small;
    display: inline-block;
    text-align: right;
    float: right;
}
.modal_header span a{
    text-decoration: underline;
    font-weight: normal;
    color: #814e53;
}
.chart_style .chart_key{
    padding-left: 20px;
}
.chart_style .chart_key span{
    margin: 0 5px;
    display: inline-block;
    color: #111;
    font-size: smaller;
    font-weight: 600;
}
.chart_style .chart_key span span {
    margin: 0 8px;
    height: 10px;
    width: 10px;
    background-color: #854d56;
    border-radius: 10px;
}
#editer_favoris .motard {
    background-color: #e8922b;
}
.width_13{
    width: 13px;
}
.second_content{
    padding-left: 20%;
    width: 100%;
}
.menu_fixe{
    height: 100%;
    position: fixed;
    float: left;
    width: 20%;
    border-right:1px solid #e1e1e1;
    background-color: #f7f6f5;
}
.menu_fixe li{
    display: block; 
    border-bottom: 1px solid #e6e4e3;        
}
    .menu_fixe li:first-child {
    color: #854e56;
    font-size: medium;
    display: block;
    font-family: 'Numans_regular';
    padding: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.menu_fixe li a{
    display: block;
    font-family: 'Numans_regular';
    color: #4d4b49;
    padding: 20px;
    font-weight: 600;
}
.menu_fixe li a:hover, .menu_fixe li a.active{
    border-left: 3px solid #ea932c;
    color: #ea932c;
    background-color: #ffffff;
}
.btn_show{
    font-weight: 600;
    height: 40px;
    width: 40px;
    border: none;
    background-color: transparent;
    color: #ea932c;
    font-size: 20px;
    position: relative;
}
.btn_show:after{
    content: '\02795';
    font-size: 13px;
    color: #ea932c;
    position: absolute;
    right: 15px;
    top: 11px;
}
.btn_show.active:after{
    content: "\2796";
}
.span_graph span{
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    display: block;
    float: left;
    vertical-align: top;
    width: 45%;
    color: #969696;
}
.span_graph span:last-child{
    width: 10%;
}

#black{
    color: #4d4b49; 
}
.risque_header{
    width: 100%;    
    background-image: url(/Images/neoxiaimg/risques.jpg);
    text-align: right;
    height: 200px;
    padding-top: 30%;
    font-size: 19px;
    background-size: cover;
    background-position: center right;
}
.risque_body{
    background: #fff;
}
.risque_tirades{
    padding: 25px 25px 0px 25px;
}
.risque_tirades:last-child{
    padding-bottom: 25px;
}
.hc_valeur{
    margin-top: 25px;
    display: inline-block;
   -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg);

}
#valeurs_chart .highcharts-axis-labels > span{
    overflow: visible!important;
}



   /* ==========================================================================
   End_cours_devises/valeurs LOT 3
   ========================================================================== */

/* ==========================================================================
   START_PAGE_SIMULATEUR LOT 3
========================================================================== */
.content_simulateur{
    background-color: #ffffff;
    padding: 35px 40px;
}
.simulateur_last_p{
    padding-top: 60px;
    padding-bottom: 10px;
    text-align: center;
}
.content_simulateur h3{
    font-weight: normal;
    font-size: 19px;
    color:#e99429;
    display: inline-block;
    font-family: 'roboto_regular', arial;
    padding-left: 20px;
}
.simulateur_img{
    font-size: 25px;
    text-align: center;
    background-size: cover;
    background-color: #f8f9fb;
    color: #854e56;
    background-image: url(/Images/neoxiaimg/Simulateur.jpg);
    font-family: 'roboto_regular', arial;
    height: 304px;
    letter-spacing: 2px;
    padding-top: 10%;
    background-position: center right;

}

/* ==========================================================================
   END_PAGE_SIMULATEUR LOT 3
========================================================================== */
/* ==========================================================================
   START_PAGE_AIDE LOT 3
=========================================================================== */
.telecom_img{
    font-size: 25px;
    text-align: center;
    background-size: cover;
    background-color: #f8f9fb;
    color: #854e56;
    background-image: url(/Images/neoxiaimg/assistance_téléphonique.jpg);
    font-family: 'roboto_regular', arial;
    height: 304px;
    letter-spacing: 2px;
    padding-top: 10%;
    background-position: center right;
}
.contact_img{
    background-image: url(/Images/neoxiaimg/bandeau_contactez-nous.jpg)!important;
}
.telecom_img span{
    font-size: 26px;
    text-transform: uppercase;
    display: block;
    width: 50%;
}
.telecom_img p{
    width: 50%;
}
.p_size{
    font-size: 12px;
    padding-top: 15px;
}
.telecom_inter{
    display: table;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
}
.telecom_inter li{
    display:table-cell; ;
    float: left;
    border-right:1px solid #f2f1f2;
    border-bottom:1px solid #f2f1f2;
    width: 33.3%;
    text-align: center;
    padding: 30px 20px;
}
.telecom_inter li span{
    text-align: right;
    vertical-align: middle;
    padding-right: 15px;
    width: 35%;
    float: left;
}
.tel_num{
    color: #4d4b49;
    font-size: 20px;
    text-align: left!important;
    white-space: nowrap;

}
.telecom_pays{
    color: #999896;
    font-size: 9px;
    text-align: left!important;
}



/* ==========================================================================
   End_PAGE_AIDE LOT 3
=========================================================================== */

/* ==========================================================================
   Start_PAGE_AIDE LOT 3
=========================================================================== */
.bot_front_question .left_bot_size{
    width: 40%;
    padding: 0;
}
.bot_front_question .right_bot_size{
    width: 60%;
    padding:100px 25px 0;
    text-align: left;
    border: none;
}
.bot_front_question .right_bot_size h4{
    padding-bottom: 25px;
}
.liste_raduis{
    padding-bottom: 25px;
    overflow: hidden;
}

.bot_front_question .right_bot_size li{
    display: inline-block;
    float: left;
    text-align: center;
    margin-right: 10px;
}
.bot_front_question .right_bot_size li span{
    border-radius: 100%;
    display: inline-block;
    height: 50px;
    width: 50px;
    border: 2px solid #854e56;
}
.bot_front_question .right_bot_size li small{
    display: block;
    color: #854e56;
    font-size: 12px;
    font-family: "roboto_bold"
}
.block_poket .white{
    background-color: #fff;
}
.image_test img{
    width: 100%;
}
.pocket_test{
    padding: 0!important;
}
/* ==========================================================================
   End_PAGE_AIDE LOT 3
=========================================================================== */


/* ==========================================================================
   START_PAGE_simulateurs LOT 3
=========================================================================== */
/***************** PART DEPOT A TERME *******************/
.depot_terme{
    padding: 30px 30px 30px 0px;
    display: table;
    table-layout: fixed;
    width: 100%;
	clear:both;
}
.depot_lbl_left{
    display: table-cell;
    width: 20%;
    vertical-align: top;
    padding-right: 20px;
    padding-left: 40px;
}
.depot_lbl_left h3 {
    text-align: left;
    text-transform: uppercase;
    color: #854e54;
}
.depot_ipt_right{
    display: table-cell;
    width: 80%;
    border:1px solid #e1e1e1;
    padding: 25px 10px 15px;
}
.depot_input {
    width: 50%;
    float: left;
}
.depot_input .chosen-container{
    width: 100%!important;
}
.depot_white_drop{
     width: 238px; 
    height: 42px;
    display: inline-block;
    max-width: 100%;
}
.depot_lbl_1{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    text-align: center;
    width: 22%;
}
.depot_lbl_ipt{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    text-align: center;
    width: 22%;
    line-height: 1.1;
    vertical-align: middle;
}
.depot_montant_ipt{
    margin-left: 25px;
}
.input_dp_mt{
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #ffffff;
    padding-left: 20px;
    width: 55%;
    height: 35px;
}
.wdh_12{
    width: 12%!important;
}
.depot_result p{
    padding: 6px 20px;
}
.depot_result p small{
    display: inline-block;
    float: left;
    width: 20%;
    font-size: medium;
    padding-right: 20px;
    text-align: left;
}
.depot_result p span{
    display: inline-block;
    float: left;
    width: 80%;
    font-weight: 600;
    font-size: large;
    color: #4d4c4a;
}
.motard{
    color: #ea912b!important;
}


/***************** PART DEPOT A TERME *******************/

/***************** PART Dproduit D'EPARGNE *******************/
.pdt_epargne_block{
    display: block;
    text-align: center;
    padding-top: 20px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 25px;
}
.pdt_epargne_block .white_dropdown .chosen-container-single .chosen-single{
   width: 100%;
}

.seceond_half_bloc .chosen-container-single .chosen-single{
    width: 100%!important;
}
.pdt_input{
    display: block;
    padding: 10px 0;
    width: auto!important;
}
.pdt_lbl_1{
    font-family: 'roboto_medium', arial;
    font-size: 16px;
    color: #834e56;
    display: inline-block;
    text-align: center;
    width: 18%;
    vertical-align: middle;
    text-transform: uppercase;
}
.pdt_epargne_block .chosen-container{
    width: 100%!important;
}
.pdt_epargne{
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px;
}
.pdt_epargne h2{
    text-transform: uppercase;
    padding: 0px 10px 10px;
    color: #e9932c;
    display: block;
}

#age_jouissance{
    width: 50%;    
    height:30px;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    background-color: #f7f7f7;
}
.pdt_epargne_left{
    float: left;
    width: 55%
}
.pdt_epargne_right{
    float: left;
    width: 45%;
}
.pdt_input .chosen-container{
    background-color: #f7f7f7;
}
.pdt_bgd{
    border: 1px solid #e6e4e3;
    height: 40px;
    background-color: #f7f7f7;
    padding-left: 15px;
    width: 55%;
    height: 35px;
    color: #de7b13;
}
.pdt_result p small{
    display: inline-block;
    float: left;
    width: 35%;
    font-size: medium;
    padding-right: 20px;
    text-align: left;
	min-width: 150px;
}
.pdt_result p span{
    display: inline-block;
    float: left;
    width: 50%;
    font-weight: 600;
    font-size: 15px;
    color: #4d4c4a;
}
.pdt_result p{
    padding: 6px 20px;
}
.pdt_lbl_ipt{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    text-align: left;
    width: 35%;
    line-height: 1.1;
    vertical-align: middle;
}
.pl_20{
    padding-left: 20px!important;
}
.prd_cptl_srvc{
    padding: 30px 50px 35px;
}
.prd_cptl{
    float: left;
    width: 50%;
}
.prd_cptl h3{
    text-transform: uppercase;
    padding-bottom: 15px;
    color: #e9932c;
    display: block;
}
.prd_cptl_content{
    border:1px solid #e1e1e1;
    padding: 15px 15px 25px;
    margin-right: 50px;
    height: 180px; 
}
.prd_cptl_content p{
    margin-bottom: 15px;
    color: #874e57;
    font-weight: 600;
    padding-left: 15px;
}
.prd_cptl_info{
    text-align: center;
    padding-left: 50px;
    line-height: 2;

}
.prd_cptl_info small{
    display: inline-block;
    float: left;
    width: 50%;
    font-size: 15px;
    padding-right: 20px;
    font-weight: 600;
    text-align: left;
}
.prd_cptl_info span{
    display: inline-block;
    float: left;
    text-align: left;
    width: 50%;
    font-weight: 600;
    font-size: 15px;
    color: #4d4c4a;
}
.prd_srvc_content{
    border: 1px solid #e1e1e1;
    padding: 15px 15px 25px;
}
.prd_srvc_content p{
    margin-bottom: 15px;
    color: #874e57;
    font-weight: 600;
    padding-left: 15px;
}
.prd_cotisation{
    width: 100%!important;
}
.cotis_lbl_1{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 11%;
}
.prd_cotisation .chosen-container{
    width: 100%!important;
    background-color:#f7f7f7;
}
.dt_depot_prd{
    width: 55%;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    background-color: #f7f7f7;
}
.prd_cotis{
    margin-left: 17%;
    border: 1px solid #e1e1e1;
    padding: 30px 60px;
}
.prd_cptl_cotis h3{
    text-transform: uppercase;
    padding-bottom: 15px;
    color: #e9932c;
    display: block;
}
.input_cotis{
    width: 35%;
}
.fw_900{
    font-weight: 900!important;
}
.mention_legal_content{
    padding: 10px;
}
.mention_style{
    margin-bottom: 25px;
}
.mention_style h3{
    color: #854d56;
    font-weight: 600;
    padding-bottom: 5px;
}
.mention_style p{
    padding-left: 15px;


}
.dasboard_head .grey_dropdown{
    width:300px;



}

/***************** PART Dproduit D'EPARGNE *******************/

/* ==========================================================================
   End_PAGE_simulateurs LOT 3
=========================================================================== */
/************************************************** IE *****************************************************/


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .zibra_table td.select-checkbox:before {
        margin-left: 43%;
    }
    .zibra_table tr.selected td.radio-checkbox::after{
        padding-top: 18px;
    }
    .zibra_table td.radio-checkbox::before{
        margin-left: 39%;
        position: relative;
    }
    .zibra_table tr.selected td.select-checkbox::after{
        margin-top: 3px;
    }
    .description_filter{
        top: 30px;
    }
}



/* ==========================================================================
   Modif bp
   ========================================================================== */

.txt-right{
    text-align:right
}
.color_global_bp{
    color: #ea932c !important;
}

/*
 * abonnement.html
 */

.margin_dropdown {
    margin-left: 17px;
}
.span_gsm{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    font-weight: normal;
    display: inline-block;
    line-height: 1.1;
}

.cpt_span_width {
    width: 174px !important;
}
.right-aligh{
    text-align: right!important;
}
/*
 * transfert-favoris.html
 */

.mt-size {
    width:50% !important;
}
.fav-lb-marge-left{
    margin-left: -2px;
}

.txt_libelle{
    width: 20% !important;
}
.mtn-tr-favouris-input{
    margin-left: 2px;
}
.mtn-tr-favouris-input2{
    margin-left: 1px;
}
.libelle_marge{
    margin-left: -7px;
}
.empty_blocs{
    padding-top: 34px; 
    padding-bottom: 25px;
}
.showMe{
    display: none
}



/*
 * recharges.html
 */
.ajout-mes-pf-padding{
    padding-top: 20px;
    padding-bottom: 10px;
}
/*
 * virements.html
 */

.vir-libelle-width{
    width: 308px !important;
}
.transfer_cords .simple_field {
    width: 79% !important;
}

.transfer_cords > div > label {
    width: 150px !important;
}

/*
 * mis_dispostion.html
 */

.lib-md-width{
    width:67% !important;
}

.widh-md-validate{
    width: 79% !important;
}

.check_mise {
    margin-left: -79px;
}
.big_btns{
    width: 300px
}
.steps{
    padding: 0px 63px 30px 0px
}
.steps_content{
    padding: 10px 60px
}
.margin-recharge-div {
    margin-top: 32px !important;
}
.margin_bottom_10{
    margin-bottom: 10px;
}
.margin-recharge-div2 {
    width: 40%;
    float: left;
    margin-top: 31px;
}
.input-facture-width{
    width: 75% !important;
}
.step_title{
    font-family: 'roboto_regular', arial;
    font-weight: bold;
    font-size: 15px;
    color: #e8932d;
    width: 60px;
    display: inline-block;
    float: left;
    line-height: 1.1;
}
.step_value{
    font-family: 'roboto_regular', arial;
    color: #4d4b49;
    font-size: 15px;
    margin-left: 70px;
}
.step_value p{
    font-weight: bold;
}

.step_link{
    color: #e8932d;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
}
.steps_heading{
    font-size: 18px;
    display: block;
    color: #854e56;
    font-family: 'roboto_medium', arial;
    text-transform: uppercase;
    padding: 10px 0px 20px 0px;
}
.step_line{
    width: 91%;
    margin: 25px auto;
}
.step_notif{
    font-size: 15px;
    color: #4d4b49;
    padding-left: 60px;

}
.steps_grid .espace_confirmer_sms .info_txt a {
    color: #ea932c;
    font-weight: bold;
}
.attestation_section{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    font-family: arial !important;
    background: #fff;
    color: #000;
    padding: 25px;
    padding-bottom: 20%;
}
.attestation_content{
    font-size: 12px;
    text-align: justify;
    line-height: 2;
}
.attestation_table{
    border-collapse: collapse;
    width: 51%;
    margin-right: 10px;







} 
.attestation_table  td,
.attestation_second__table  td{
    border: 1px solid black;
    padding: 10px;
    font-size: 12px;
}
.left_margins{
    margin-left: 10px
}
.attestation_bottom{
    position: absolute;
    bottom: 10px;
    font-size: 9px;
    text-align: justify;
    left: 9px;
    right: 9px;
}
/* ==========================================================================
   Fin css bp
   ========================================================================== */
/* ==========================================================================
   ajouter neoxia
   ========================================================================== */
.transfer_operation .ajouter_beneficiaire{
    margin-top: 20px;
}
.ajouter_beneficiaire_account{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.msg_error{
    float: left;
    width: 100%;
    text-align: left;
    text-transform: inherit;
    color: #a94442;
}
.msg_error ul{
    padding-top: 10px;

}
.msg_error li{
    margin-bottom: 5px;
    list-style-type: disc;
    margin-left: 30px;
    line-height: 17px;
}
.acount_nom{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    padding-top: 7px;
    display: block;
}
.compte_account {
    padding-top: 0 !important;
}
.compte_account .account_name {
    font-family: 'roboto_medium', arial;
    font-size: 14px;
    display: block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.compte_account .account_num {
    font-family: 'roboto_regular', arial;
    font-size: 14px;
    line-height: 14px;
    display: block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
body.modal-open {
    overflow: hidden;
}
body.tuto-open {
    overflow: hidden;
}
/*FAQ*/
.white_global_info{
    display: table;
    width: 100%; 
    padding: 10px 0 10px 0;
}
.white_info_detail{
    padding: 15px;
    background: #fff;
}
.faq_header{
    /*padding-left: 20%;*/  
    text-align: left;
    margin-bottom: 10px;
}
.faq_second_header{
    padding-left: 50px;
    padding-top: 30px;
}
.faq_search_zone{
    width: 497px;
    height: 47px;
    border: 1px solid #e6e4e3;
    border-right:0;
    padding-left: 10px;
}
.search_zone{
   padding: 15px 0px 20px 0px;
} 
.faq_list_header{
    color: #854e56;
    font-size: 16px;
    font-family: 'roboto_medium', arial;
}
.faq_liste_tirade > li{
    color: #4d4b49;
    font-size: 14px;
    padding: 3px;
}

.faq_liste_tirade_level2{
    line-height: 0.5;
    padding-top: 5px;
}

.faq_body{
    background: #e6e4e3;
}
.faq_list{
    width: 90%;
    margin: 0 auto; 
    padding: 20px 0px;
}

.faq_list li{
    background: #fff;
}
.faq > li{
    padding:0;
}

.faq_liste_tirade span {
     
    font-weight: bold;
}
.faq_img_btn{
    display: none
}
/* ==========================================================================
   modifi merouane
   ========================================================================== */
/*
 * abonnement.html
 */

.margin_dropdown {
    margin-left: 17px;}
.span_gsm{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    font-weight: normal;
    display: inline-block;
    line-height: 1.1;
}

.cpt_span_width {
    width: 174px !important;
}
.right-aligh{
    text-align: right!important;
}
table.attestation_second__table,
.attestation_table{
    min-height: 260px;
}
.descktop_hidden{
    display: none;
}
.aside_content .bloc_vir_cas .favori_Secondbloc{
    width: 100%;
}
.aside_content .bloc_vir_cas .favori_wrapper{
    width: 100% !important;
}
.aside_content .bloc_vir_cas .favori_wrapper input{
    width: 100% !important;
}
.bloc_vir_cas .favori_wrapper.float_left {
    width: 68%;
}
.bloc_vir_cas .favori_wrapper.float_left input{
    width: 100%;
}
/* ==========================================================================
   page front
   ========================================================================== */
.with_publicheader.page_front_ad {
    background: #f7f6f5;
}
.slider_front{
    margin-top: 66px;
}
.slider_front .slid_left{
    width: 50%;
    float: left;
    text-align: center;
}
.slider_front .slid_right{
    width: 50%;
    float: right;
}
.slider_front .slid_left h3,
.block_poket h3{
    font-family: 'numans_regular';
    font-size: 26px;
    text-transform: uppercase;
    padding-bottom: 26px;
    color: #df7a15;
    line-height: 1.2;
}
.slider_front .slid_left h3{
    width: 100%;



}
.slider_front .slid_left p,
.block_poket h4{
    font-family: 'roboto_regular';
    font-size: 20px;
    padding-bottom: 30px;
    line-height: 1.2;




}
/*.slider_front .slid_left li{
    float: left;


}*/
.slider_front .slid_left ul{
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
    padding-bottom: 30px;
}
.slider_front .slid_left li {
     float: left;
     font-size: 16px;
     color: #999896;
     font-family: "Roboto Light";
     padding-right: 93px;
 }
.slider_front .slid_left li span{
    padding-top:16px;
}
.slider_front .slid_left li:last-child {
    padding-right: 0px;
}
.slider_front .slid_right img {
    padding-top: 23px;
}
.slider_front .slick-prev, .slider_front .slick-next {
    z-index: 2;
    width: 21px;
    height: 53px;
}
.slider_front .slick-next {
    right:10px;
    background: url("/Images/neoxiaimg/icon/icon_next_slider.png") no-repeat;

}
.slider_front .slick-prev{
    left:10px;
    background: url("/Images/neoxiaimg/icon/icon_prev_slider.png") no-repeat;
}
.slider_front  .slick-prev:before,
.slider_front  .slick-next:before{
    content: '';
}
.slider_front .slick-dots li button {
    width: 8px;
    height: 8px;
    border: none;
    background: #e6e4e3;
}
.slider_front .slick-dots li.slick-active button {
    background: #854e56;
}
.slider_front .slick-dots {
    padding-bottom: 5px;
}
/*** 2eme block ***/
.pocket_left{
    width: 50%;
    float: left;
    background: #dbd8d7;
    text-align: center;
    padding: 103px 0;
}
.pocket_left ul{
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
}
.pocket_left li{
    float: left;
    font-size: 16px;
    color: #999896;
    padding-right: 34px;
}
.pocket_left li:last-child{
    padding-right: 0px;
}
.pocket_right{
    width: 50%;
    float: left;
    background: #e6e4e3;
    padding: 80px 70px 0 74px;
    min-height: 457px;
}
.block_poket h3{
    padding-bottom: 21px;
}
.block_poket h4{
    padding-bottom: 26px;
}
.block_poket p{
    font-family: "Roboto Light";
    font-size: 16px;

    color: #4d4b49;
    padding-bottom: 40px;
}
.espace_front_deco{
    float: left;
    width: 100%;
    text-align: center;
    background: #854e56;
    padding: 36px 0 27px;
}
.espace_front_deco h3{
    font-size: 20px;
    color: #fff;
    font-family:'roboto_medium', arial;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: normal;
    padding-bottom: 20px;
}
.white_btn {
    border: 2px solid #fff;
    border-radius: 3px;
}
.espace_front_deco .white_btn {
    text-transform: inherit;
    font-size: 20px;
    font-family: 'roboto_bold', arial;
}
/*****/
.bot_front_question{
    /*float: left;*/
    padding-bottom: 10px;
    display: block;
}
.block_front_question{
    width: 100%;
    float: left;
    background: #e6e4e3;
    padding-top: 50px;
}
.block_front_question h3{
    font-size: 24px;
    color: #ea932c;
    margin-bottom: 16px;
}
.block_front_question h5{
    font-size: 20px;
    color: #4d4b49;
    font-family: 'roboto_regular', arial;
    padding-bottom: 45px;
}
/******/
.left_bot_question{
    width: 50%;
    float: left;
    padding: 0 72px 0px 64px;
}
.right_bot_question{
    width: 50%;
    float: left;
    padding: 0 72px;
    border-left: 1px solid #fff;
}
.left_bot_question form  {
    position: relative;
    margin-bottom: 30px;
}
.left_bot_question form #search_field {
    font-size: 14px;
    height: 44px;
    background-color: #f7f6f5;
    padding-right: 20px;
    outline: none;
    font-style: italic;
    border: none;
    padding-left: 10px;
    width: 100%;
}
.left_bot_question form .search_submit_btn {
    font-family: 'roboto_medium', arial;
    font-size: 18px;
    width: 150px;
    height: 44px;
    text-transform: uppercase;
    color: #fff;
    background: #854e56;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 15px;
}
.left_bot_question h6{
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    color: #854e56;
    padding-bottom: 17px;
    text-transform: uppercase;
}
.left_bot_question input{
    width: 100%;
    margin-bottom: 9px;
}
/***/
.right_bot_question a{
    font-family: "Roboto_Medium",arial;
    font-size: 17px;
    color: #ea932c;
    border: 1px solid #e99e44;
    border-radius: 10px;
    background: #f7f6f5;
    text-align: center;
   /* width: 230px;*/
    height: 127px;
    float: left;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 24px;
    padding-top: 26px;
    margin-right: 2%;
    margin-left: 2%;
    width: 46%;
}
.right_bot_question a span{
    width: 100%;
    float: left;
    text-transform: uppercase;
    padding-top: 6px;
    line-height: 1.1;
}
.right_bot_question a span.img_bot_home{
    height: 44px;
    margin: 0;
    padding: 0;
}

.right_bot_question a:hover{
    background: #e99e44;
    border: 2px solid #f7f6f5;
    color: #f7f6f5;
    font-weight: bold;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.phone_hover,
.message_hover,
.agence_hover,
.aide_hover{
    display: none
}

a:hover .phone_hover{
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

} 
a:hover .message_hover{
    display: inline-block;
        overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover .agence_hover{
    display: inline-block;
        overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover .aide_hover{
    display: inline-block;
        overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover .default_img{
    display: none;
}
 

  .menu_fixe{
        height: 100%;
        position: fixed;
        float: left;
        width: 20%;
        border-right:1px solid #e1e1e1;
        background-color: #f7f6f5;
    }
    .menu_fixe li{
        display: block; 
        border-bottom: 1px solid #e6e4e3;        
    }
        .menu_fixe li:first-child {
        color: #854e56;
        font-size: medium;
        display: block;
        font-family: 'Numans_regular';
        padding: 20px;
        font-weight: 600;
    }
    .menu_fixe li a{
        display: block;
        font-family: 'Numans_regular';
        color: #4d4b49;
        padding: 20px;
        font-weight: 600;
    }
    .menu_fixe li a:hover{
        border-left: 3px solid #ea932c;
        color: #ea932c;
        background-color: #ffffff;
    }
    .second_content{
        padding-left: 20%;
        width: 100%;
    }

.erreur_bg{
    background: url('/Images/neoxiaimg/epage_erreur_bg.png') no-repeat center 97px;
    background-color: #e4e4e4;
}
.purple_download button{
    font-weight: normal;
    text-decoration: underline;
    background: none;
    border: 0;
}
.purple_download button.active{
    text-decoration: none;
    font-weight: bold;
    background: none;
    border: 0;
}
/*.purple_download button + button{
    font-weight: normal;
    text-decoration: underline;
}*/

/* ==========================================================================
                                 Page Contact 
   ========================================================================== */
.contact_area{
    background: #fff;
    padding: 0 43px;
}
.contact_bloc{
    padding: 15px 18px 12px 0px;
}
.contact_txt{
    font-size: 16px;
    font-weight: bold;
    color: #854e56;
    text-transform: uppercase;
    width: 140px; 
    float: left;
}
.contact_labels{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    width: 157px;
    display: inline-block;
    float: left;
    line-height: 1.1;
}

.contact_fields{
    margin-left: 158px;
    margin-bottom: 25px;
}
.contact_small_fields{
    margin-left: 158px; 
}
.contact_second_small_fields{
    margin-left: 22%; 
}
.contact_checkboxes:first-child{
    margin-left: 0px; 
}
.contact_checkboxes{
    margin-left: 25px;
    display: inline-block;
}
.contact_checkboxe_text {
    font-size: 15px;
    padding-left: 10px;
    color: #4d4b49;
}
.contact_second_label {
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    color: #4d4b49;
    display: inline-block;
    text-align: center;
    width: 22%;
    float: left;
}
.contact .white_dropdown {
    width: 262px !important; 
    max-width: 100%;
}
.object .white_dropdown {
    width: 625px !important; 
    max-width: 100%;
}
.contact_message{
    border: 1px solid #e6e4e3; 
    background-color: #f7f6f5;
    padding-left: 20px;
    width: 100%;
    height: 117px;
}
.contact_notif{
    margin-left: 140px;
    padding: 25px 0px 0px 0px;
}
.last_contact_notif{
    margin-left: 140px;
    padding: 25px 0px 50px 0px;
}
.contact_radio{
    display: inline-block;
    margin-right: 30px;
}
.contact_checkbox_txt{
    font-family: 'roboto_medium', arial;
    font-size: 15px;
    padding-left: 40px;
    display: block;
    text-align: justify;
}
.contact_checkbox_txt a{
    color: #ea932c;
    text-decoration: underline;
}
.contact_inner_bloc{ 
    margin-bottom: 25px;
}
.small_orange_titles{
    font-size: 14px;
    font-weight: bold;
    color: #ea932c;
    padding-left: 20px;
}

/* =========================== Bourse Lot 3.3======================= */
.bourse_list li{ 
    margin-bottom: 10px;
}
.show_more{ 
    /*margin-bottom: 10px;*/
}
.bourse_title { 
    border-right: 0;
    width: 100%;
    min-height: 60px;
    padding: 15px 26px;
    color: #fff;  
    display: inline-block;
    position: relative; 
    background: #4d4b49;
    padding-right: 60px !important;
}
.bourse_big_title {  
    font-size: 16px;
    font-family: 'roboto_bold', arial; 
}
.bourse_valorisation{
    width: 145px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.evolution_picture{
    display: inline-block;
    width: 35px;
    vertical-align: middle; 
}
.vertical_separator{
    border: 1px solid #f7f6f5;
    margin-right: 20px;
    display: inline-block;
    height: 42px;
    vertical-align: middle;
}
.bourse_table{
    background: #fff;
    width: 100%;
}
/*.bourse_table tr:first-child{     
   border-bottom: 0px;
}*/
.bourse_table tr{     
   min-height: 50px;
   border-bottom: 1px solid #ebebeb;
} 
.bourse_table th{     
    font-weight: normal;
    background: #f7f6f5;
    border-right: 1px solid #e7e7e7;
    font-size: 13px;
    color: #999896;
    padding: 10px 0px 8px 20px;
}
.bourse_table td:first-child{   
    padding: 10px 0px 8px 20px;
}
.bourse_table td{  
    height: 50px;    
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 10px;
}
.flech_latent{
    margin-right: 15px;
}
.positive_actions{
    background: #3dac74;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
}
.negative_actions{
    background: #da4040;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
}

.bourse_title:after{
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    border-left: 2px solid #e6e4e3;
    display: block;
    width: 55px;
    height: 80%;
    background:url('/Images/neoxiaimg/voir_moins.png') no-repeat center center transparent;

}
.bourse_title.active:after {
    background: url('/Images/neoxiaimg/voir_plus.png') no-repeat center center transparent;
}

.bourse_detail {
    width: 100%;
    max-width: 85%;
    display: table;
    margin: 0 auto;
    padding: 32px 0;
}
.bourse_detail > li:first-child {
    /*padding-right: 38px;*/
}
.bourse_detail > li {
    display: table-cell;
    width: 50%;
}
.bourse_detail > li li {
    margin-bottom: 10px;
}
.bourse_detail > li + li {
    border-left: 1px solid #cccccc;
   /* padding-left: 38px;*/
    border: 0 !important;
}
.bourse_detail > li li .txt_lbl {
    font-family: 'roboto_regular', arial;
    font-size: 16px;
    display: inline-block;
    width: 43%;
    padding-left: 0;
}

 
.bourse_detail .txt_lbl + span {
    font-family: 'roboto_bold', arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}
.pieChart{
    width: 600px; 
    height: 400px; 
    max-width: 100%; 
    margin: 0 auto
}
.grey_dashboard .grey_dropdown{
    width: 300px;  
}
.grey_dashboard .grey_dropdown .chosen-container-single .chosen-single {
        
    background-color: #fff;
}

.bourse_solde{
    font-size: 22px;
    font-family: 'roboto_regular';
    padding-right: 10px;
    overflow: hidden;
}
/* =========================== Fin Bourse======================= */

/* ==========================================================================
                                 page agence

   ========================================================================== */
.page_agence .white_global_info{
    background: #fff;
}
.filter_agence{
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.page_agence .faq_header{
    padding-left: 15%;
    padding-right: 15%;
}
.detail_agence h3{
    font-weight: normal;
    font-size: 19px;
    color:#df7a15;
    display: inline-block;
    font-family: 'roboto_regular', arial;
    padding-bottom: 20px;
    padding-top: 30px;
}
.page_agence .padding_around{
    /*min-height: 530px;*/
    min-height: inherit;
}
.filter_agence > div{
    margin-bottom: 11px;
    width: 100%;
    float: left;
}
.filter_agence .label_type{
    width: 30%;
    float: left;
}
.filter_agence .white_dropdown,
.choix_service_agence{
    width: 70%;
    float: left;
}
.filter_agence .white_dropdown .chosen-container-single .chosen-single{
    width: 100%;
}
/*.filter_agence .chosen-container .chosen-results li.active-result{
    color: #fff;
}*/
.filter_agence .chosen-container .chosen-results li.result-selected,
.filter_agence .chosen-container .chosen-results li.result-selected:hover,
.filter_agence .chosen-container .chosen-results .active-result:hover,
.filter_agence .chosen-container .chosen-results li.highlighted {
    color:#fff;
} 
.choix_service_agence label{
    padding-right: 8%;
    float: left;
}
/*.choix_service_agence label{
    float: right;
}*/
/*.choix_service_agence label:last-child{
    display: block;
    text-align: center;
    float: initial;
}*/
.filter_agence button{
    margin-top: 16px;
    margin-left: 23px;
}
/* ==========================================================================
                                 google maps
   ========================================================================== */
.google_maps_agence{
    visibility: hidden;
    height: 0;
}
.tester{
    height: 0;
}
#gmap{
    width: 100%;
    height: 100px;
    margin: 0 auto;
}

#menu {
    width: 300px;
    margin: 15px auto;
    text-align:center;
}
#menu span.loc_link {
    background: #0f89cf;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    margin-bottom:10px;
    padding: 5px;
    border-radius: 3px;
}
#menu span#tool_tip {
    display: inline-block;
    margin-top: 10px;
}

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

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.sortable1{
    padding-left: 35px !important;
} 
#sortable1, #sortable2 { 
    padding-top: 20px;
    max-height: 200px;
    overflow-y: auto;
    display: block;
}
.sortable1, .sortable2 { 
    width: 48%;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 35px 0 0 0;
    float: left;
    margin-right: 10px;
        margin-bottom: 25px;
  }
  .sortable1 li, .sortable2 li {
    margin: 0 5px 5px 5px; 
    font-size: 1.2em; 
    cursor: pointer;
    display: block;
    padding: 10px 10px 10px 13px;
    min-height: 42px;
    border: 2px solid #e6e4e3; 
    border-radius: 5px;
  }
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
     
    background: transparent !important;
    color: #646466 !important;
}
.sortable1 li  button,
.sortable2 li  button{
    display: none; 
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
    background: transparent !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #646466 !important;
}

.faq_img_btn{
        display: none;
    }
.padding_left_10{
    padding-left: 10px !important;
}
    
/*fin draggable*/

/*START Modif Page_Synthese_Partpub*/
.pub_table{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 0;
}
.pub_left{
    display: table-cell;
    width: 70%;
    text-align: center;
    line-height: 1.8;
}
.pub_left h2{
    color: #e8922c;
    font-size: 20px;
    font-weight: 100;
}
.pub_left h3{
    color: #4d4d49;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}
.pub_right{
    display: table-cell;
    width: 30%;
    height: 70px;
    text-align: center;
    padding: 0 50px 0 10px;
}
.pub_right button:hover{
    color: #ffffff;
    background: url(/Images/neoxiaimg/icon_flesh_right_w.png) 95% center no-repeat #e8922c;
}
.pub_right button{
    position: relative;
    padding: 0 35px 0px 25px;
    border: 1px solid #e8922c;
    border-radius: 3px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    width: 250px;
    line-height: 1.2;
    background: url(/Images/neoxiaimg/icon_flesh_right.png) 95% center no-repeat #ffffff;
    color: #e8922c;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*END Modif Page_Synthese_PartLink*/
/* ==========================================================================/* modif 01/11/2016 */
.child_menu li p {/*n'existe pas dans lot 3*/
    padding-top: 3px;
    width: 80%;
    color: #e6e4e3;
}
/*.child_menu li:last-child{
    padding-bottom:10px;
}*/
.child_menu li > div {
    border-bottom: 1px solid #4d4b49;
    padding-bottom: 20px;
    position: relative;
}
/* ==========================================================================
   fin d'ajouter neoxia
   ========================================================================== */
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width : 1024px){
    .favori_control_block .favori_Secondbloc,
    .favori_control_block .favori_Secondbloc_1{

        width:100%;
        margin-top:20px;
    }
    .situation_credit_infos{
        width: 100%;
        padding-left: 0;
    }
    .white_dropdown.merchand_block_area .chosen-container .chosen-drop {
        width: 77%;
    }
	/*Lot 2 à ajouter ==============================================================*/
    .centred_mobile,
    .compte_contrat{
        padding: 35px 7%;
    }
    .compte_contrat .abonnement_fields {
        margin-left:0px;
    }
    .undisplayed_td{
        display: none;
    }
    /***** BP ******/
    .input-facture-width2 {
        width: 100% !important;
    }
    .operateur .white_dropdown, .ville .white_dropdown, .agence .white_dropdown{
        width: 263px !important;
    }
    .right_bot_question {
        padding: 0 5px;
    }
    .right_bot_question a {
        margin-right: 2%;
        margin-left: 2%;
        width: 46%;
    }
    /*LOT 3*/
    .first_bar h4{
        display: block;
        padding-bottom: 30px;
    }
    .part_devise .first_bar .white_dropdown{
        width:210px!important;
    }
    .first_bar{
        padding: 25px 15px;
    }
    /********* page_simulateurs_LOT 3 ******/
    /************ part_depot *******/
    .depot_terme {
        padding: 20px 30px;
        display: block;
        width: 100%;
    }
    .depot_white_drop{
        width: 75%;
    }
    .depot_lbl_left {
        width: 20%;
        vertical-align: top;
        padding-left: 15px;
        float: left;
    }
    .depot_ipt_right {
        margin-bottom: 25px;
        float: left;
        width: 80%;
        border: 1px solid #e1e1e1;
        padding: 25px 10px 15px;
    }
    .input_dp_mt{
        width: 60%;
    }
    .depot_input{
        display: block;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .depot_result p small{
        width: 35%;
    }
    .depot_result p span{
        width: 65%;
    }
    /************ part_epargne *******/
    .pdt_lbl_1{
        width: 25%;
    }
    .pdt_lbl_ipt{
        font-size: 13px;
		width:100%;
    }
    .pdt_lbl_ipt #infos_icn{
        float: none;
    }
    .pdt_bgd{
        width: 50%;
    }
    .pdt_result p{
        padding: 5px 20px;
    }
    .pdt_result p small{
        width: 60%;
        font-size: 14px;
    }
    .pdt_result p span{
        width: 40%;
        font-size: 13px;
    }
    .pdt_epargne_right{
        width: 40%;
		padding-top: 10px;
    }
    .prd_cptl_content{
        margin-right: 25px;
    }
    .prd_cptl_info{
        padding-left: 0;
    }
    .prd_cptl_info small{
        width: 55%;
        font-size: 13px;
    }
    .prd_cptl_info span{
        width: 45%;
        font-size: 13px;
    }
    .prd_cptl_content p{
        padding-left: 0;
    }
    .prd_srvc_content p{
        padding-left: 0;
    }
    .prd_cptl_srvc{
        padding: 30px 25px 35px;
    }
    .cotis_lbl_1{
        width: 17%;
    }




    .contact_txt{
        display: inline-block;
        margin-bottom: 10px;
        float: none;
        text-align: left;
        margin-top: 10px;
    }
    .contact_labels,.contact_second_label{
        width: 100%;
        margin-bottom: 15px;
        line-height: 0;
        float: none;
    }
    .contact_second_label{
        text-align: left !important;
    }
    .contact_fields,
    .contact_small_fields,
    .contact_second_small_fields,
    .contact_notif,
    .last_contact_notif{
        margin: 0 !important;
    }
    .contact_checkboxes{
        display: block;
        margin-left: 10px !important;
        margin-bottom: 30px;
    }
    .half_bloc,.seceond_half_bloc{
        width: 45%;
    }

    .telecom_inter li{
        width: 50%;
    }
    .filter_agence .white_dropdown,
    .choix_service_agence{
        width: 70% !important;
    }
    .filter_agence, .page_agence .faq_header {
        padding-left: 8%;
        padding-right: 8%;
    }
    .sortable1 li button,
    .sortable2 li button{
        display: block;
        padding-left: 12px !important;
    }
    .carte_icone{
        display: none;
    }

    .page_agence .resume_forMobile .panel button{
        float: right;
    }
    #simulatorTablePratic{
        display: none;
    }
    /*Modif_synthese_Link*/
    .pub_table {
        display: block;
        table-layout: auto;
        width: 100%;
        padding: 25px 0;
    }
    .pub_left {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .pub_right {
        display: block;
        width: 100%;
        padding: 0;
    }
	
    #bourse_last_operation tr td{
        padding: 8px 5px;
        font-size: 12px;

    }
	/*Modif_synthese_Link*/
	
	/*====================================================================================*/
}
/* Tablets and big mobiles----------- */
@media only screen and (max-width : 800px){
    .descktop_hidden{
        display: block;
    }
    .body_content{
        padding-top: 46px;
    }

    .fontsize17{
        font-size: 17px !important;
    }
    .fontsize22{
        font-size: 22px !important;
    }
    .global_container{
        padding-left:0;
        padding-top:45px;
    }
    #other{
        display: block;
    }
    #sendByEmail{
        display: block;
    }
    #sendByEmail a{
        padding-left: 10px;
        padding-right: 10px;
    }
    #download{
        display: block;
    }
    #download a{
        padding-left: 10px;
        padding-right: 10px;
    }
    #printIt{
        display: block;
    }
    #printIt a{
        padding-left: 10px;
        padding-right: 10px;
    }
    #operation{
        /*display: none;*/
    }
    .sidebar_menu{
        display: none;
    }
    .option_list{
        display: none !important;
    }
    .download_links{
        display: none;
    }
    .entet_tableau{
        display: none;
    }
    .hideColumns{
        display: none;
    }

    .mobile_filter_area{
        display:block;
    }
    #myTable tbody thead{
        display: none;
    }
    #myTable tbody tr td:nth-child(2){
       display: none;
    }
    #myTable tbody tr td:nth-child(4){
       display: none;
    }
    #myTable tbody tr td:nth-child(5){
       display: none;
    }
    /*#myTable tbody tr td:nth-child(7){
       display: none;
    }*/


    .detail_folder > ul li  .txt_lbl{
        padding-left: 0;
    }
    .situation_credit_infos > li li .txt_lbl{
        padding-left: 0;
    }
    .fiche_signaletique{
        display: block;
        width: 90%;
    }
    .fiche_signaletique > li {
        display: block;
        width: 100% !important;
    }
    .fiche_signaletique > li:first-child {
        margin-bottom: 35px;
        padding-right: 0;
    }
    .fiche_signaletique > li + li {
        border-left: none;
        padding-left: 0;
    }
    .fiche_signaletique > li p .txt_lbl {
        border-left: none;
        padding-left: 0;
        width: 30%;
    }
    .fiche_signaletique > li p .txt_lbl + span{
        width: 65%;
    }
    .main_head{
        height: 45px;
    }

    .main_head > div{
        display: block;
        height: 45px;
    }
    .main_head > div > div{
        display: block;
    }
    #ticket-min{
        display: block;
    }
    #mobile_search{
        display: block;

    }
    .search_area{
        background-color: #854e56;
        padding: 12px 11px 11px 12px;
        margin-top: 0px;
    }
    .search_area form #search_field{
        border: 1px solid #fff;
        background-color: #916067;
        padding-left: 12px;
        padding-right: 37px;
        height: 35px;
    }
    .search_area form #search_field{
        border: 1px solid #fff;
        background-color: #916067;
        padding-left: 12px;
        height: 35px;
    }
    .search_area form #search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }
    .search_area form #search_field::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }
    .search_area form #search_field:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }
    .search_area form #search_field:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }
    .search_area form .search_submit_btn{
        display: none;
    }

    .search_area form .mobile_search_submit_btn{
        display: block;
    }
    .main_head .logo_area{
        padding-left:0;
        text-align: center;
        padding-top: 11px;
    }
    .main_head .logo_area img{
        max-width: 170px;
    }
    .purple_profil_info_global{
        display: block;
        padding-left:10px;
        padding-right:10px;
        height: auto;
    }
    .profil_info_detail{
        display: block;
        width:100%;
    }
    .compte_info_txt{
        max-width: none;
    }
    .breadcrumb{
        display: none;
    }

    .conseiller_info{
        display: block;
        width:100%;
    }
    .conseiller_info.capital_area{
        display: none;
    }
    .conseiller_info > div{
        padding-left: 0;
        padding-right: 5px;/*modifier lot 3*/
        border-left:none;
    }
    .shart_show_btn{
        display:block;
    }

    .conseiller_info_txt .lbl_txt{
        display: inline-block;
        *zoom:1;
        width: 140px;
        float: left;
    }
    .conseiller_solde span:first-child{
        margin-top: 2px;
    }
    .conseiller_previsionnel span:first-child{
        margin-top:2px;
    }
    .conseiller_solde{
        font-size: 15px;
        overflow: hidden;
    }
    .solde{
        font-size: 17px;
        float: right;
    }
    .conseiller_info_txt br{
        display: none;
    }

    .conseiller_previsionnel{
        font-size: 12px;
        overflow: hidden;
    }
    .previsionnel{
        font-size: 14px;
        float: right;
    }
    .page_title{
        font-size: 17px;
    }
    .page_title span{
        font-size: 12px;
    }
    .combo_style{
        border-bottom:1px solid #e6e4e3;
        padding-bottom:3px;
        position: relative;
        font-size: 15px;
        margin-bottom: 17px;
    }
    .combo_style span{
        font-size: 12px;
    }

    .combo_style .accounts_popin_btn{
        background: url('/Images/neoxiaimg/arrow@2x.png') no-repeat 50% 50% transparent;
        background-size: 13px;
        position: absolute;
        right:0;
        top: 0;
        margin-left: 0;
    }

    .main_menu{
        padding-left: 10px;
    }

    .content_container{
        padding: 10px;
        height: auto !important;
    }

    .hide_inMobile{
        display: none;
    }

    .white_block h2{
        font-size: 14px;
        padding: 11px 16px 8px 10px;
        display: block;
        float: none;
    }

    .docs_filter_options{
        float: none;
        width: 100%;
        clear:both;
        padding-bottom: 15px;
    }

    .docs_list{
        text-align:center;
    }

    #infos_icn{
        float: right;
    }
    .zibra_table tr .resume_forMobile{
        display: table-cell;
    }
    .back_btn{
        display: none;
    }
    .time_marge_area{
        float: none !important;
        width: 100%;
        border-top: 1px solid #fff;
    }
    .time_marge_area select{
        height: 30px;
        width: 100%;
    }

    .lable_txt{
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .controls_container{
        margin-left: 0;
    }
    .paiment_steps .controls_container{
        margin-left: 0;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .carnet_container{
        margin-right: 10px;
    }
    .synthese_commande_btn{
        display: block;
    }
    .mobile_btn{
        display: inline-block;
        *zoom:1;
    }
    .mobile_td,.type_cart_mobile{
        display: block !important;
        height: auto !important;
    }
    .expanded_tbody{
        display: block;
    }
    .detail_btn{
        display: block;
    }
    .modal_footer{
        padding: 18px 10px 18px 10px;
    }
    .modal_footer button{
        margin-bottom: 20px;
    }
    .modal_footer button:last-child{
        margin-bottom: 0;
    }
    .synthese_btn{
        display: none;
    }
    .responsive_purple_titles{
        margin-left: 0;
        color:#854e56;
    }

    /* Public pages styles */

    .with_publicheader{
        padding-top: 46px;
    }
    .small_top_header{
        display: none;
    }
    .public_humberger_container{
        width: 40px;
    }
    .public_main_head{
        height: 45px;
    }
    .public_logo_container{
        padding-left: 0;
        text-align: center;
    }
    .public_logo_container img{
        max-width: 175px;
    }
    #public_humberger{
        text-align: center;
        /* margin-left: 10px; */
        padding: 0;
        font-size: 21px;
        margin-top: 0px;
        background: #fff;
        border: none;
        width: 40px;
        height: 100%;
    }
    #public_humberger > span {
        display: inline-block;
        width: 20px;
    }
    #public_humberger .icon-bar {
        width: 20px;
        background-color: #e18121;
        display: block;
        height: 2px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .connect_tabs{
        display: none;
    }
    .mobile_connectbtn_area {
    display: table-cell;
    padding: 0;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    }
    .mobile_connectbtn_area .public_lang_switcher {
    height: 100%;
    display: flex;
    align-items: center;
    }
    .mobile_connectbtn_area .public_lang_switcher form{
    height:100%;
    }
    .mobile_connectbtn_area .public_lang_switcher form li{
    height:100%;
    }
    .mobile_connectbtn_area .public_lang_switcher > li > a {
        height: 100%;
        display: flex;
        align-items: center;
        color: #df7a15;
        border-color: #dbdbdb;
    }
    /* Page factures */
    .merchand_block_area .white_dropdown, #select_merchand, #select_service, .select_merchand, .favori_wrapper input, .configuration_wrapper input {
        width: 100%;
    }
    .merchand_block_area .white_dropdown,
    #select_merchand, .select_abonnement, #select_ville,
    .favori_wrapper input, .configuration_wrapper input,
    .merchand_block_area .form_bloc .white_dropdown{

        width:100%;
    }
    .merchand_block_area .white_dropdown .chosen-container-single .chosen-single,
    .merchand_block_area .chosen-container{
        width: 100% !important;
    }
    .controls_container.merchand_block_area {
        display: inline-block;
        width: 100%;
    }
    .merchand_block_area .white_dropdown:last-child{
        float:left;
    }
    .merchand_block_area .white_dropdown .chosen-container-single{
        margin-bottom:70px;
    }
    .configuration_lbl_txt, .favori_lbl_txt{
        width:100%;
        margin-bottom:8px;
    }
    .favoris_etape_wrapper{
        width:100%;
    }

    .situation_credit_infos{
        padding-left: 37px;
    }
    .situation_credit_infos > li{
        width: 100%;
        display: block;
    }
    .situation_credit_infos > li + li{
        width: 100%;
        display: block;
        padding-left: 0;
        border: 0
    }
    .simple_table{
        display: none
    }
    .responsive_plafond_table{
        display: table;
        table-layout: fixed;
    }
    .responsive_plafond_table .pl23{
        width: 15%;
    }
    .plafond-heading{
        padding-bottom: 10px;
        padding-top: 5px;
        color: #854e56;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        font-size: 13px;
    }

    .plafond_titles{
        font-family: 'roboto_regular', arial;
        font-size: 14px;
        display: block;
        vertical-align: top;
        width: 50%;
        color: #969696;
    }
    .plafond_numbers{
        display: inline-block;
        width: 100%;
        text-align: right
    }
    .plafond-td{
        padding-top: 35px !important;
    }


    .amortissement_section{
        display: none;
    }
    .accounts_check_list label .txt_info{

        display: block;

    }
    .num_compte{
        padding-left: 35px
    }
    .carte_notification{
        padding-left: 37px;
        display: block;
    }
    .half_size{
        width: 100%;
    }
    .mdp_field{
        padding-left: 0;
        margin-left: 0;
    }
    .mdp_notif, .error_red_message, .error_green_message{
        padding-left: 0;
    }
    /* facture mode de paiement */
    .zibra_table tr.selected td.select-checkbox:after {
        left: 52%;
        top: 38%; /*Lot 2 à modifier*/
    }
    .zibra_table tr.selected td.radio-checkbox:after {
        left: 49%;
        top: 49%; /*Lot 2 à modifier*/
    }
	 /*Lot 2 à ajouter cette parte ========================================*/
    .lien_imprime{
        display: none;
    }
    .step_paiment_precedent{
        margin-bottom: 10px;
    }
    .total_final td, .total_final td.resume_forMobile,
    .total_final td.resume_forMobile > div span{
        color: #fff;
    }
    #ajouter_favoris .favori_Secondbloc .favori_lbl_txt, #editer_favoris .favori_Secondbloc .favori_lbl_txt,
    #ajouter_favoris .favori_Secondbloc_1 .favori_lbl_txt, #editer_favoris .favori_Secondbloc_1 .favori_lbl_txt{


        width: 100%;
    }
    #ajouter_favoris .favoris_etape_wrapper, #editer_favoris .favoris_etape_wrapper {
        margin-bottom: 10px;
    }
    #list_beneficiaire a.menu_action {
        text-decoration: underline;
        margin-left: 5px;
    }
    #changer_motdepasse_profil .lable_txt {
        width: 100%;
        padding-left: 0%;
    }
    #changer_motdepasse_profil p > span {
        margin-left: 0;
    }
.undisplayed_td{
        display: block;
    }

    .showHideBloc{
        display: none
    }
    .table_devise table{
        display: block;
        width: 100%
    }
    .slider_front .slid_left {
        width: 100%;
    }
    .slider_front .slid_right {
        width: 100%;
    }
    .pocket_left {
        width: 100%;
        padding: 61px 0;
    }
    .pocket_left, .pocket_right{
        background: #e5e4e2;
        width: 100%;
        padding: 0px 10px 0 10px;
        min-height: 344px;
    }
    .pocket_right p.mobile_download_btns {
        text-align: center;
    }
    .left_bot_question{
        width: 100%;
        padding: 10px;
    }
    .right_bot_question{
        width: 100%;
        border-left: none;
    }
    .slider_front .slid_left li {
        padding-right: 28px;
    }
    .slider_front .slid_right img {
        padding-bottom: 66px;
    }
    .slider_front .slid_left h3{
        width: 90%;
    }
    .block_poket h3 {
        padding-top: 64px;
    }
    .block_poket h4 {
        padding-bottom: 50px;
    }
    .block_poket .pocket_right h4 {
        padding-bottom: 20px;
    }
    .right_bot_question {
        padding: 0;
    }
    .merchand_block_area .white_dropdown, #select_merchand, .select_abonnement, #select_ville, .favori_wrapper input, .configuration_wrapper input {
        width: 100%;
    }
    .mnt_comtes{
        vertical-align: top !important;
    }
    .contact_radio {
        /*margin-right: 20px;*/
        margin-right: 7px;
        width: 28%;
    }
    #select_ville,
    #select_object_contact,
    #select_agence{
        width: 100%;
        
    }
    .page_agence .resume_forMobile .panel button{
        /*float: right;*/
    }
    .filter_agence .label_type{
        width: 100%;
    }
    .filter_agence .white_dropdown, .choix_service_agence {
        width: 95% !important;
    }
    .page_agence .resume_forMobile .panel p{
        width: 100%;
    }
    .page_agence .resume_forMobile .panel button img{
        float: left;
        margin-right: 8px;
    }
    .page_agence .resume_forMobile .panel button span{
        float: left;
        width: auto !important;
        color: #ea932c;
    }
    .filter_agence {
        padding-left: 20%;
    }
    .filter_agence > div {
        text-align: center;
    }
    .filter_agence, .page_agence .faq_header {
        padding-left: 15%;
        padding-right: 15%;
    }
    .zibra_table > tbody > tr:nth-child(even) .resume_forMobile{
        background: #f2f2f2;
    }

    .actions_btn{
        padding-left: 0px;
    }
    .last_contact_notif { 
        padding: 25px 0px 20px 0px;
    }
    .contact_inner_bloc{
        margin-bottom:0px;
    }
    .risque_tirades {
        padding: 0px 25px 0px 25px;
    }
    .faq_list_header{
        display: block;
        margin-bottom: 10px !important;
    }

    .no_mobile_padding{
        padding: 0 !important;
    }
    .bloc_for_mobile{
        text-align: center !important;
    }
    .bloc_for_mobile > h4{
        text-align: left !important;
    }
    .grey_dashboard .grey_dropdown{  
        float: left !important;
    }
    .personnaliser_checkbox{
        text-align: center;
    }
    .bourse_detail { 
        max-width: 100%;
    }
    .displayed_inline_faq {
        display: block;
    }
    .grey_dashboard .grey_dropdown,
    #bourse_portefeuille {
        width: 100%;
    }
    .bourse_val{
        /*float: right;*/
    }
    #choisissez_region,
    #choisissez_localite{
        width: 100%;
    }
    .contact_notif{
        padding-left: 10px;
        padding-right: 10px;
    }
    .search_area form{
        width: 100%;
        margin: 0;

    }
    .depot_result p {
        padding: 6px 0px;
    }
    .slider_front .slick-next,
    .slider_front .slick-prev{
        display: none;
    }
    .width_13{
        width: auto;
    }
    .beneficiaires_liste{
        margin-bottom: 0px !important;
    }
    .pdt_input{
        padding: 10px;
    }
    .nomargin_bottom{
        margin-bottom: 0px !important;
    }
    .half_bloc.pdt_input input{
        width:  80%;
    }

	/*===================================================================*/
}
@media only screen and (max-width : 768px){
	
table.attestation_second__table,
.attestation_table{
    width:100%;
}
table.attestation_second__table  tr td,
.attestation_table tr td{
    width:50%;
}
	.table_devise table{
        display: block;
        width: 100%;
    }    
    .second_content{
        padding-left: 0;
    }
    .fontsize17{
        font-size: 17px !important;
    }
    .fontsize22{
        font-size: 22px !important;
    }
    .global_container{
        padding-left:0;
		padding-top:45px;
    }
    #other{
        display: block;
    }
    #sendByEmail{
        display: block;
    }
    #sendByEmail a{
        padding-left: 10px;
        padding-right: 10px;
    }
    #download{
        display: block;
    }
    #download a{
        padding-left: 10px;
        padding-right: 10px;
    }
    #printIt{
        display: block;
    }
    #printIt a{
        padding-left: 10px;
        padding-right: 10px;
    }
    #operation{
        /*display: none;*/
    }
    .sidebar_menu{
        display: none;
    }
	.option_list{
        display: none !important;
    }
    .download_links{
        display: none;
    }
    .entet_tableau{
        display: none;
    }
    .hideColumns{
        display: none;
    }
    .mobile_filter_area{
        display:block;
    }
    #myTable tbody thead{
        display: none;
    }
    #myTable tbody tr td:nth-child(2){
       display: none;
    }
    #myTable tbody tr td:nth-child(4){
       display: none;
    }
    #myTable tbody tr td:nth-child(5){
       display: none;
    }
    /*#myTable tbody tr td:nth-child(7){
       display: none;
    }*/


    .detail_folder > ul li  .txt_lbl{
        padding-left: 0;
    }
    .situation_credit_infos > li li .txt_lbl{
        padding-left: 0;
    }
    .fiche_signaletique{
        display: block;
        width: 90%;
    }
    .fiche_signaletique > li {
        display: block;
        width: 100% !important;
    }
    .fiche_signaletique > li:first-child {
        margin-bottom: 35px;
        padding-right: 0;
    }
    .fiche_signaletique > li + li {
        border-left: none;
        padding-left: 0;
    }
    .fiche_signaletique > li p .txt_lbl {
        border-left: none;
        padding-left: 0;
        width: 30%;
    }
    .fiche_signaletique > li p .txt_lbl + span{
        width: 65%;
    }
    .main_head{
        height: 45px;
    }
    .banc_detail,.apport_capital{
        display: block;
        width: 90%;
        padding: 0;
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .banc_detail .txt_lbl,
    .apport_capital .txt_lbl {
        font-size: 12px;
    }
    .banc_detail .txt_lbl + span,
    .apport_capital .txt_lbl + span {
        font-size: 12px;
    }
    .banc_detail > li,
    .apport_capital > li {
        display: block;
        width: 100% !important;
    }
    .banc_detail > li:first-child,
    .apport_capital > li:first-child {
        margin-bottom: 35px;
        padding-right: 0;
    }
    .banc_detail > li + li,
    .apport_capital > li + li {
        border-left: none;
        padding-left: 0;
    }
    .banc_detail > li p .txt_lbl,
    .apport_capital > li p .txt_lbl {
        border-left: none;
        padding-left: 0;
        width: 48%;
    }
    .banc_detail > li p .txt_lbl + span,
    .apport_capital > li p .txt_lbl + span{
        width: 50%;
    }

    .main_head{
        height: 45px;
    }

    .main_head > div{
        display: block;
        height: 45px;
    }
    .main_head > div > div{
        display: block;
    }
    #ticket-min{
        display: block;
    }
    #mobile_search{
        display: block;

    }
    .search_area{
        background-color: #854e56;
        padding: 12px 11px 11px 12px;
        margin-top: 0px;
    }
    .search_area form #search_field{
        border: 1px solid #fff;
        background-color: #916067;
        padding-left: 12px;
        padding-right: 37px;
        height: 35px;
    }
    .search_area form #search_field{
        border: 1px solid #fff;
        background-color: #916067;
        padding-left: 12px;
        height: 35px;
    }
    .search_area form #search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }
    .search_area form #search_field::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }
    .search_area form #search_field:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }
    .search_area form #search_field:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }
    .search_area form .search_submit_btn{
        display: none;
    }

    .search_area form .mobile_search_submit_btn{
        display: block;
    }
    .main_head .logo_area{
        padding-left:0;
        text-align: center;
        padding-top: 11px;
    }
    .main_head .logo_area img{
        max-width: 170px;
    }
    .purple_profil_info_global{
        display: block;
        padding-left:10px;
        padding-right:10px;
        height: auto;
    }
    .profil_info_detail{
        display: block;
        width:100%;
    }
    .compte_info_txt{
        max-width: none;
    }
    .breadcrumb{
        display: none;
    }


    .shart_show_btn{
        display:block;
    }
    .conseiller_info{
        display: block;
        width:100%;
		margin-bottom: 10px;
    }
    .conseiller_info.capital_area{
        display: none;
    }
    .bourse_solde{
        padding-right: 0px;
    }
    .conseiller_info > div{
        padding-left: 0;
        padding-right: 0px;
        border-left:none;
    }
    .conseiller_info_txt .lbl_txt{/* modifier lot 3*/
        display: inline-block;
        *zoom:1;
        width: 185px;

        float: left;
    }
    .conseiller_solde span:first-child{
        margin-top: 2px;
    }
    .conseiller_previsionnel span:first-child{
        margin-top:2px;
    }
    .conseiller_solde{
        font-size: 15px;
        overflow: hidden;
    }
    .solde{
        font-size: 18px;
        float: right;
    }
    .conseiller_info_txt br{
        display: none;
    }

    .conseiller_previsionnel{
        font-size: 16px;


        overflow: hidden;
    }
    .previsionnel{
        font-size: 14px;
        float: right;
    }
    .page_title{
        font-size: 17px;
    }
    .page_title span{
        font-size: 12px;
    }
    .combo_style{
        border-bottom:1px solid #e6e4e3;
        padding-bottom:3px;
        position: relative;
        font-size: 15px;
        margin-bottom: 17px;
    }
    .combo_style span{
        font-size: 12px;
    }

    .combo_style .accounts_popin_btn{
        background: url('/Images/neoxiaimg/arrow@2x.png') no-repeat 50% 50% transparent;
        background-size: 13px;
        position: absolute;
        right:0;
        top: 0;
        margin-left: 0;
    }

    .main_menu{
        padding-left: 0; /*Lot 2 à modifier*/
    }

    .content_container{
        padding: 10px;
        height: auto !important;
    }
    .disconnected_content,
    .home_page{ 
        height: auto !important;
    }
    .hide_inMobile{
        display: none;
    }

    .white_block h2{
        font-size: 14px;
        padding: 11px 16px 8px 10px;
        display: block;
        float: left;
    }

    .docs_filter_options{
        float: none;
        width: 100%;
        clear:both;
        padding-bottom: 15px;
    }

    .docs_list{
        text-align:center;
    }
    .filter_type_title{
        text-align:center;
    }
    #infos_icn{
        float: right;
    }
    .zibra_table tr .resume_forMobile{
        display: table-cell;
    }
    .back_btn{
        display: none;
    }
    .time_marge_area{
        float: none !important;
        width: 100%;
        border-top: 1px solid #fff;
    }
    .time_marge_area select{
        height: 30px;
        width: 100%;
    }

    .lable_txt{
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .controls_container{
        margin-left: 0;
    }
    .carnet_container{
        margin-right: 10px;
    }
    .synthese_commande_btn{
        display: block;
    }
    .mobile_btn{
        display: inline-block;
        *zoom:1;
    }
    .mobile_td,.type_cart_mobile{
        display: block !important;
        height: auto !important;
    }
    .expanded_tbody{
        display: block;
    }
    .detail_btn{
        display: block;
    }
    .modal_footer{
        padding: 18px 10px 18px 10px;
    }
    .modal_footer button{
        margin-bottom: 20px;
    }
    .modal_footer button:last-child{
        margin-bottom: 0;
    }
    .synthese_btn{
        display: none;
    }
    .responsive_purple_titles{
        margin-left: 0;
        color:#854e56;
    }

    /* Public pages styles */

    .with_publicheader{
        padding-top: 46px;
    }
    .small_top_header{
        display: none;
    }
    .public_humberger_container{
        width: 40px;
    }
    .public_main_head{
        height: 45px;
    }
    .public_logo_container{
        padding-left: 0;
        text-align: center;
    }
    .public_logo_container img{
        max-width: 175px;
    }
    #public_humberger{
        text-align: center;
        /* margin-left: 10px; */
        padding: 0;
        font-size: 21px;
        margin-top: 0px;
        background: #fff;
        border: none;
        width: 40px;
        height: 100%;
    }
    #public_humberger > span {
        display: inline-block;
        width: 20px;
    }
    #public_humberger .icon-bar {
        width: 20px;
        background-color: #e18121;
        display: block;
        height: 2px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .connect_tabs{
        display: none;
    }
    .mobile_connectbtn_area{
        display: table-cell;
    }
    /* Page factures */
    .merchand_block_area .white_dropdown,
    #select_merchand, #select_service,
    .favori_wrapper input, .configuration_wrapper input{
        width:100%; /*Lot 2 à modifier*/
    }
    .merchand_block_area .white_dropdown .chosen-container-single .chosen-single,
    .merchand_block_area .chosen-container{
        width: 100% !important;
    }
    .controls_container.merchand_block_area {
        display: inline-block;
        width: 100%;
    }
    .merchand_block_area .white_dropdown:last-child{
        float:left;
    }
    .merchand_block_area .white_dropdown .chosen-container-single{
        margin-bottom:70px;
    }
    .configuration_lbl_txt, .favori_lbl_txt{
        width:100%;
        margin-bottom:8px;
    }
    .favoris_etape_wrapper{
        width:100%;
    }

    .situation_credit_infos{
        padding-left: 37px;
    }
    .situation_credit_infos > li{
        width: 100%;
        display: block;
    }
    .situation_credit_infos > li + li{
        width: 100%;
        display: block;
        padding-left: 0;
        border: 0
    }
    .simple_table{
        display: none
    }
    .responsive_plafond_table{
        display: table;
        table-layout: fixed;
    }
    .responsive_plafond_table .pl23{
        width: 15%;
    }
    .plafond-heading{
        padding-bottom: 10px;
        padding-top: 5px;
        color: #854e56;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        font-size: 13px;
    }

    .plafond_titles{
        font-family: 'roboto_regular', arial;
        font-size: 14px;
        display: block;
        vertical-align: top;
        width: 50%;
        color: #969696;
    }
    .plafond_numbers{
        display: inline-block;
        width: 100%;
        text-align: right
    }
    .plafond-td{
        padding-top: 35px !important;
    }


    .amortissement_section{
        display: none;
    }
    .accounts_check_list label .txt_info{

  
        display: block;

       
    }
    .num_compte{ 
        padding-left: 35px
    }
    .carte_notification{
        padding-left: 37px;
        display: block;
    }
    .abonnement_txt{
        display: inline-block;
        margin-bottom: 10px;
        float: none;
        text-align: left;
    }
    .abonnement_form{
        margin-left: 0;
    }
	/*Lot 2 à ajouter cette parte ========================*/
    .abonnement_form button#ajouter span,
    .compte_contrat button#ajouter span{
        display: none;
    }
    .abonnement_form #comptes.lists_fields {
        width: 83%;
    }
	/*=====================================================*/
    .table-cell-display, .table-display{
        display: block;
    }
    .validation_body {
        padding: 25px 12px;
    }
    .solution_bloc{
        display: block;
    }
    .choice_bloc {
        width: 100%;
        text-align: center;
        padding-bottom: 21px;
        padding-top: 21px;
    }
    .abonnement_container{
        width: 90%;
        background: #fff
    }
    .medium_titles{
        padding-left: 18px;
    }
    .white_bg{
        background: none
    }
    .inlined_txt{
        padding-left: 0;
    }
    .abonnement_labels{
        width: 100%;
        margin-bottom: 15px;
        float: none;
    }
    .abonnement_fields,.abonnement_small_fields{
        margin-left: 0;
    }
    .added_comptes {
        padding-left: 10px; 
    }
    .half_bloc{
        width: 100%;
        /*margin-bottom: 20px;*/
    }
    .seceond_half_bloc{
        width: 100%;
        float: none;
    }
    .abonnement_second_label{
        text-align: left;
        width: 100%;
        margin-bottom: 15px;
    }
/** Lot 2 ࡡjouter */
	.espace_formulaire_info .abonnement_second_label {
		width: 100%;

	}
/** Lot 2 ࡡjouter */
	.espace_formulaire_info .block_demi {
    	margin-left: 0;

	}
    .operateur .white_dropdown, .ville .white_dropdown, .agence .white_dropdown {
        width: 100%;
    }
    .lists_fields{
        width: 84%;
    }
    .inline_checkboxe {
        display: block;
        margin-left: 10px;
        margin-bottom: 30px;
    }
     .lists_fields{
        margin-right: 2px;
    }
    .message_dinformation{
        display: none;
    }

    #favorisPaiment .resume_forMobile a{
        color: #4d4d49;
        position: relative;
        width: 100%;
        display: block;
    }
	/*Lot 2 à ajouter*/
    #favorisPaiment .resume_forMobile p.resume_status a ,
    #favorisTransfert .resume_forMobile p.resume_status a ,
    .resume_forMobile .resume_status li a{
        display: inline;
        margin-left: 7px;
        text-decoration: underline;
        font-weight: bold;
        font-size: 14px;
        color: #615f5d;
    }
	/*Lot 2 à commenter*/
    /*#favorisPaiment .resume_forMobile a:after{
        position: absolute;
        width: 9px;
        height: 17px;
        content: "";
        top: 35%;
        background: url("/Images/neoxiaimg/challenges_arrow_grey.png") no-repeat 50% 50%;
        right: 1%;
    }*/
	/*Lot 2 à ajouter*/
    #favorisPaiment .resume_forMobile .resume_status {
        margin-top: 10px;
    }
    .contenu_modal_body li .txt_lbl,
    .contenu_modal_body .type_lbl_txt{
        width: 90%;
    }
    .contenu_modal_body li{
        margin-bottom: 20px;/*modifier lot 3*/
    }
    .contenu_modal_body .type_lbl_txt{
        margin-bottom: 10px;
    }
    .contenu_modal_body ul + hr {
        width: 100%;
        padding: 0;
        margin: 40px 0 40px 0;
    }
    td.resume_forMobile.orange_leftbar {
        border-left: 4px solid #e9922b;
    }
    td.resume_forMobile.purple_leftbar {
        border-left: 4px solid #874e57;
    }
    .white_dropdown.merchand_block_area .chosen-container .chosen-drop {
        width: 90%;
    }
    .espace_formulaire_info .seceond_half_bloc .mini_input_fields {
        width: 100%;
    }
	/*Lot 2 à ajouter cette parte ====================================*/
    #nouveau_beneficiaire .contenu_modal_body .simple_field,
    #modifier_beneficiaire .contenu_modal_body .simple_field{
        width: 100%;
    }
    #nouveau_beneficiaire .contenu_modal_body,
    #nouveau_beneficiaire .modal_footer,
    #modifier_beneficiaire .contenu_modal_body,
    #modifier_beneficiaire .modal_footer{
        padding: 18px 20px 18px 20px;
    }
    .child_menu_action {
        position: absolute;
        width: 30%;
        /*left: 0;
        margin-left: -132px;*/
        right: 1%;
        color: #fff;
        background-color: #fff;
        text-align: left;
        opacity: 0;
        border: 1px solid #999896;
        visibility: hidden;
        /*-webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;*/
    }
    .menu_action, .child_menu_action .unstylled_btn{
        text-transform: initial;
    }
    .active + .child_menu_action {
        top: 46%;
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }
    .child_menu_action li{
        border-bottom: 1px solid #999896;
        text-align: center;
        padding: 12px 0;
    }
    .child_menu_action:before{
        content: "";
        background: url(/Images/neoxiaimg/menu_action.png) no-repeat;
        position: absolute;
        top: -11px;
        width: 18px;
        height: 12px;
        right: 15px;
    }
    .resume_forMobile .resume_status li .child_menu_action li a{
        color: #ea932c;
        text-decoration: none;
        margin-left: 0;
    }
    .child_menu_action li:last-child{
        border-bottom: none;
    }
    .centred_mobile,
    .compte_contrat{
        padding: 35px 4%;
    }
    .txt_inline{
        width: 15% !important;
        float: left;
    }
    #ajouter_compte label.abonnement_txt.espace_txt,
    #supprimer_compte label.abonnement_txt.espace_txt{
        width: 100%;
    }
    .detail_carte_section .filter_type_section li a .filter_type_title span{
        text-align: left;
    }
    #payer_favoris_transfert .favoris_etape_wrapper {
        padding: 20px 0 20px 0%;
    }
	.abonnement_form .input_fields{
        width: 100%;
    }

    /***** bp *****/
    .libelle_marge {
        margin-left: 0;
    }
    .white_global_info{
        display: block; 
        padding: 10px;
        background: #fff;
    }

    #payer_favoris .contenu_modal_body li .txt_lbl, #payer_favoris_transfert .contenu_modal_body li .txt_lbl {
        width:100% !important
    }

    #action_center{
        text-align: center !important;
        padding-top: 10px !important;
        float:none !important;
    }
    .margin_dropdown {
        margin-left: 0;
    }
    .operateur .white_dropdown .chosen-container-single .chosen-single{
        width: 100% !important;
        height:40px;

    }
    .info-bulle-margin-top{
        margin-top: 6px ;

    }
    .txt_libelle {
        width: 60% !important;
    }
    .transfer_cords > div > label {

        /*width: 89px !important;*/
    }
    .transfer_cords .simple_field{
        width: 100% !important;
    }
    .vir-libelle-width {
        width: 100% !important;
    }
    .widh-md-validate{
        width:100% !important;
    }
.favori_Secondbloc .favori_wrapper input,
    .favori_Secondbloc_1 .favori_wrapper input{
        width: 100%;
    }

    .display-tr {
        display: none
    }

    .faq_search_btn{
        min-height: 46px;
        min-width: 46px;
        text-align: center;
    }
    .faq_img_btn{
        height: 47px;
        width: 46px;
        text-align: center;
        display: inline-block;
        padding:12px;
    }
    .faq_search_btn{
        display: none;
    }
    .faq_search_zone{
        width: 80%;
    }
    .search_zone {
    padding: 15px 0px 20px 0px;
    }
    .faq_list {
    width: 96%; 
    padding: 20px 0px;
    }
    .accordion_content2{
        padding-left: 10px;
        padding-right: 2px;
    }
    .faq_liste_tirade_level2 {
        line-height: 1.4;
    }
    .faq{
        padding: 20px 5px !important;
    }
    .big_btns {
        width: 40%;
    }
    .attestation_table {
        width: 100%;
        margin-bottom: 10px;
    }
    .attestation_bottom{
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 15px;
    }
    
    .dashbord_infos .profil_info_detail{
        display: block;
        padding-top: 11px;
        padding-left: 17px;
    }
    .dashbord_infos .conseiller_info{
        display: none;
    }
    /***********LOT 3 responsive Cours devise*******/
    .first_bar{
        padding: 0px 20px 25px 20px;
    }
   /* .first_bar .calender_group .calender_txt{
        width: 46px;
    }*/
    
    .libelle_text .input_fields{
        width: 140px;
    }
    .menu_fixe{
        display: none;
    }
    .table_devise{
        display: none;
    }
    .first_bar h4{
        display: block;
        padding: 20px 0;
    }

    .table_devise_respo{
        display: block;
    }
    .table_devise_respo .simple_table{
        display: table;
        width: 100%;
        border:none;
        text-align: center;
    }
    .table_devise_respo .simple_table th{
        border:none;
    }

    .table_devise_respo .simple_table td{
        border:none;
    }
    .part_devise{
        width: 100%;
        padding-left: 0;
    }
    .table_devise_respo{
        overflow: hidden;
        padding: 30px;
    }
    .table_devise_respo h3{
        font-weight: normal;
        font-size: 19px;
        color:#e99429;
        display: inline-block;
        font-family: 'roboto_regular', arial;
        padding-bottom: 7px;
    }
    .table_devise_respo table{
        width: 100%;
        /*border:2px solid #e6e4e3;*/
    }
    .table_devise_respo .pl23{
        font-weight: 900;
    }
    .simple_table_respo .pl20{
        padding: 0 10px;
        text-align: center;
    }
    .table_devise_respo .pl23 span{
        display: inline-block;
        background-color: #b9b7b5;
        height: 20px; 
        width: 30px; 
        margin-right: 10px;
        vertical-align: middle;
    }
    .table_devise_respo .pl23 small{
        color: #cccccb;
    }
    .table_devise_respo .bold_style{
        font-weight: 900;
    }
    .detail_liste{
        padding: 10px 0;
    }
    .table_devise_dispo tr .accordion:after {
        content: '+';
        font-size: 13px;
        color: #ea932c;
        float: right;
        position: absolute;
        right: 10px;
        top: 8px;
    }

    .table_devise_dispo tr .accordion.active:after {
        content: "-";
    }
    .str span{
        font-weight: 600;
    }
    .hide_tr{display: none;}
    .blanc{background-color: #fff!important;}
    .gris{background-color:#f7f6f4!important;}

    /***********LOT 3 responsive Cours devise*******/
    .label_type{
        font-size: 15px;
        width: 40px;
        padding-top: 4px!important;
        text-align: left;

    }
    .part_devise .first_bar .operateur .white_dropdown .chosen-container{
        width: 100%!important;
    }
    .label_date{
        font-size: 15px;
        width: 40px;
        padding-top: 4px!important;
    }
    .label_libelle{
        font-size: 15px;
        width: 50px;
        padding-top: 4px!important;
    }

    .first_bar .label_placed{
        display: block;
        padding-left:41px;
        width: auto;
        margin-right: 20px; 
    }
    .first_bar .label_placed1{
        display: block;
        padding-left: 40px;
        margin-right: 20px;
    }
    .first_bar .label_placed2{
        display: block;
        padding-left:53px;
        margin-right: 20px;
    }
    .second_content{
        padding-left: 0px;
    }
    .background_menu{
        display: none;
    }
    .c-menu__items{
        width: 100%
    }
    .c-menu{
        top: 45px;
    }
    .c-menu__item {
        padding: 8px 0px 0px 24px;
    }
    .padding_Bottom {
        padding-bottom: 20px !important;
    }
    .modal_header span{
        float: none;
        text-align: left;
    }
    .modal_header span > button{
        padding: 0;
    }
    .align_j{
        text-align: left;
        padding-left:30%;
    }
    .first_bar .align_center{
        display: block;
    }
    .first_bar .btn_inline{
        display: inline-block;
    }
    /*page_savoir_plus LOT3*/
    .block_poket .white{
        width: 100%;
        display: block;
        min-height: auto;
    }
    .block_poket .white h4{
        padding-top: 25px;
    }
    .block_poket .pocket_test{
        display: block;
        min-height: auto;
        width: 100%;
    }
    .bot_front_question .right_bot_size{
        width: 100%;
        display: block;
        padding: 18px 10px;
    }
    .bot_front_question .left_bot_size{
        width: 100%;
        display: block;
    }
    /*page_savoir_plus LOT3*/
    /*page contact LOT3*/
    .contact_area,.contact_bloc{
        padding: 0px 8px;
    }
    .transfer_cords .field_container{
    padding-left: 0;
    }
    .transfer_cords .field_container.check_mise{
        padding-left: 90px;
    }
    .white_info_detail{
        display: none;
    }
    .merchand_block_area .white_dropdown, #select_merchand, #select_service, .favori_wrapper input, .configuration_wrapper input {
        width: 100%;
    }
    .telecom_inter li{
        width: 100%;
    }
    .prd_cptl h3{
        padding-right: 30px;
    }
    .cotis_lbl_1{
        width: 19%;
    }

    .main_content,
    .aside_content {
        width: 100%;
        float: none;
    }
    .sortable1, .sortable2 {
        width: 100%;
        padding: 13px 0 0 5px !important; 
        margin-bottom: 5px;
    }

    .left_bot_question form #search_field{
        width: 90%;
    }
.abonnement_form .mini_input_fields{
    width:100%;
    height:40px;
}
.operateur .white_dropdown, .ville .white_dropdown, .agence .white_dropdown{
        width: 100% !important;
        height:40px;
    }

#ajouter_favoris .contenu_modal_body .type_lbl_txt, #editer_favoris .contenu_modal_body .type_lbl_txt,
#ajouter_favoris .contenu_modal_body .simple_field, #editer_favoris .contenu_modal_body .simple_field,
.form_bloc .white_dropdown{
    width:  100%;
}    
.step_value{
    margin-left:70px;
     }
}

@media only screen and (max-width : 667px){
    .first_bar .align_center{
        display: block;
    }
    .first_bar .btn_inline{
        display: inline-block;
    }
    .contact_txt{
        display: inline-block;
        margin-bottom: 10px;
        float: none;
        text-align: left;
        margin-top: 10px;
    }
    .contact_labels,.contact_second_label{
        width: 100%;
        margin-bottom: 15px;
        float: none;
    }
    .contact_second_label{
        text-align: left !important;
    }
    .contact_fields,
    .contact_small_fields,
    .contact_second_small_fields,
    .contact_notif{
        margin: 0 !important;
    }
    .contact_checkboxes{
        display: block;
        margin-left: 10px !important;
        margin-bottom: 10px;
    }
    .filter_agence button {
        margin-top: 16px;
        /*margin-left: -5%;*/
    }
    .bourse_detail > li{
        display: block;
        width: 100%;
    }

    .bourse_detail > li + li{
        padding: 0;
        width: 100%;
        display: block;
    }
    .bourse_detail > li:first-child{
        padding-right:0;
    }
    .bourse_detail > li li .txt_lbl{
        width: 30%;
    }

  
	/*===============================================================================*/
}

@media only screen and (max-width : 640px){
    /*.main_menu{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .main_menu li {
        order: 0;
    }
    .main_menu li.active{
        order: -1;
    }*/
    .help_tuto_icn{
        float: right;
    }

    .help_tuto_icn:before{
        left: inherit;
        right: 100%;
        margin-right: 14px;
        margin-left: 0;
    }

    .help_tuto_icn:after{
        left: inherit;
        right: 100%;
        background-image:url('/Images/neoxiaimg/notification_aide_arrow_toright.png');
        margin-right: 3px;
        margin-left: 0;
    }

    .docs_list li{
        width: 45%;
    }

    .filter_type_section li{
        width: 45%;
    }

    .size16{
        font-size: 12px;
    }

    .modal_dialog{
        margin-top:50px;
    }

    #details_carte{
        width: 65%;
        margin: 0 auto;
    }

    #details_carte .flat_btn{
        width: 100%;
        margin-bottom: 20px;
        font-size: 24px;
    }

	/*Lot 2 à modifier*/
    #details_carte .flat_btn + .flat_btn
    , .flat_btn + .flat_btn{
        margin-left: 0;
		margin-top: 10px;
    }

    .synthese_actions_area .flat_btn {
        width: auto;
        margin-bottom: 10px;
    }

    .download_actions_area .flat_btn{
        width: 80%;
        margin-bottom: 10px;
    }

    .download_actions_area .flat_btn + .flat_btn{
        margin-left: 0;
    }

    .rib_actions_area .flat_btn{
        width: 100%;
        margin-bottom: 10px;
    }

    .rib_actions_area .flat_btn + .flat_btn{
        margin-left: 0;
    }

    .details_carts_infos{
        display: block;
    }

    .added_comptes { 
        font-size: 14px;
    }

    .details_carts_infos > li {
        width: 100%;
        display: block;
    }

    .details_carts_infos > li:first-child {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .details_carts_infos > li + li {
        padding-left: 0;
        border-left: 0;
    }

    .details_carts_infos > li li .txt_lbl {
        width: 48%;
        font-size: 21px;
    }

    .details_carts_infos > li li .txt_lbl + span {
        width: 48%;
        font-size: 21px;
    }

    .type_lbl_txt {
        display: block;
        padding-top: 0;
        float: none;
    }

    .carnet_Firstbloc {
        margin-bottom: 30px;
    }

    .carnet_wrapper {
        padding-left: 82px;
    }

    .carnet_container {
        width: 100%;
        display: block;
        margin-bottom: 18px;
    }

    .carnet_container .txt_info {
        font-size: 16px;
        display: inline-block;
        *zoom: 1;
        padding-left: 16px;
        width: 175px;
    }

    .controls_container.account_block_area .white_dropdown {
        width: 100%;
    }

    .nature_control_container {
        display: block;
        float: none;
        padding-top: 20px;
    }

    .nature_control_container label {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .nature_control_container .white_dropdown {
        width: 100%;
    }

    #carte_filter {
        width: 100%;
    }

    .carte_filter_bloc .carte_dropdown {
        width: 100%;
        margin-left: 0;
    }

    .carte_filter_bloc .carte_dropdown .chosen-container {
        width: 100%;
    }

    .carte_dropdown .chosen-container-single .chosen-single {
        width: 100%;
    }

    #cheque_filter {
        width: 100%;
    }

    .remise_control_block .white_dropdown {
        width: 100%;
    }

    .mobile_td {
        display: block !important;
        height: auto !important;
    }

    .expanded_tbody {
        display: block;
    }

    .detail_btn {
        display: block;
    }

    .confirmation_modal_body {
        padding: 35px 10px 20px 10px;
    }

    .modal_footer button {
        width: 100%;
        font-size: 21px;
    }

    .modal_footer .flat_btn + .flat_btn {
        margin-left: 0;
    }

    /* Public pages styles*/
    .small_top_header {
        display: none;
    }

    /*.public_main_head{
        display: none;
    }*/
    .connect_tabs {
        display: none;
    }

    .login_area {
        float: none;
        padding-top: 50px;
        width: 100%;
        border-bottom: 1px solid #e6e4e3;
    }

    .security_advices_area > div {
        max-width: 85%;
    }

    .security_advices_area {
        float: none;
        padding-top: 35px;
        width: 100%;
    }

    .public_links_list {
        display: none;
    }

    .public_simple_footer {
        display: none;
    }


    .detail_folder ul {
        padding-left: 15px;
    }

    .detail_folder ul li .txt_lbl {
        width: 50%;
        font-size: 14px;

    }

    .detail_folder ul li .info_lbl {
        width: 50%;
        font-size: 14px;
    }

    .zibra_table tr .resume_forMobile {
        font-size: 14px;
    }

    .situation_credit_infos {
        display: inline-block;
        width: 100%;
        padding-left: 0;
    }

    .situation_credit_infos > li {
        width: 100%;
        display: block;
    }

    .situation_credit_infos > li + li {
        padding-left: 0;
        text-align: left;
        border-left: none;
    }

    .situation_credit_infos > li > ul {
        display: block;
    }

    .situation_credit_infos > li li .txt_lbl {
        width: 50%;
        font-size: 14px;
    }

    .simulator_item .lbl_for_mobile {
        font-size: 14px;
    }

    .situation_credit_infos > li li .txt_lbl + span {
        font-size: 14px;
    }

    .situation_credit_infos > li + li li .txt_lbl {
        width: 50%;
    }

    .amortization_block {
        display: none;
    }

    .amortissement_section {
        display: none;
    }

    .amortissement_btn {
        display: none;
    }

    .lists_fields {
        margin-right: 2px;
    }

    .cancel_btn {
        padding: 5px;
    }

    .marchands_section .filter_type_section li a .filter_type_title span {
        /*display: none;*/
    }

    .white_dropdown.merchand_block_area .chosen-container .chosen-drop {
        width: 100%;
    }

    .radio_paiment .configuration_lbl_txt + div {
        width: 100%;
        float: left;
    }


    .responsive_plafond_table th + th .th_lbl {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* page virements */
    .transfer_operation h3 {
        text-align: left;
    }

    .transfer_operation .list_accounts {
        width: 100%;
    }

    .slick-vertical .slick-slide {
        width: 100% !important;
    }

    .carnet_container.txt_long {
        white-space: normal;
    }

    .txt_long .grey_radio_mask {
        vertical-align: top;
    }

    .txt_long .txt_info {
        width: 90%;
    }

    .parametres .modal_labels {
        width: 40%;
    }

    .parametres .modals_fields {
        margin-left: 0;
        margin-bottom: 25px;
        margin-top: 10px;
        float: left;
    }

    #editer_favoris .modal_dialog, #ajouter_favoris .modal_dialog {
        width: 80%;
    }

    #ajouter_favoris .contenu_modal_body .type_lbl_txt, #editer_favoris .contenu_modal_body .type_lbl_txt {
        width: 100%;
    }

    #ajouter_favoris .contenu_modal_body .simple_field,
    #editer_favoris .contenu_modal_body .simple_field {
        width: 100%;
    }

    #ajouter_favoris .contenu_modal_body li .txt_lbl,
    #editer_favoris .contenu_modal_body li .txt_lbl {
        text-transform: capitalize;
        padding-left: 0;
        width: 100%;
    }

    #ajouter_favoris .contenu_modal_body .white_dropdown,
    #editer_favoris .contenu_modal_body .white_dropdown {
        width: 100%;
    }

    .modal_dashbord .contenu_modal_body li .white_dropdown {
        width: 94% !important;
    }

    .transfer_operation_container .transfer_img {
        display: none;
    }

    .txt_confirmation {
        width: 100%;
    }

    .parametres .modal_labels {
        width: 100%;
    }

    .txt_inline {
        width: 15% !important;
        float: left !important;
        margin-top: 7px;
    }

    .modal_header h4 {
        font-size: 15px;
    }


    .transfer_cords .field_container.check_mise .checkbox_mask {
        float: left;
    }

    .transfer_cords .field_container.check_mise .txt_info {
        width: 100%;
        display: block;
        margin-top: -3px;
    }

    .transfer_operation h3 {
        padding-top: 20px;
    }

    .mobile_mainMenu {
        padding-bottom: 60px;
    }

    .menuTitle_area {
        padding: 6px;
    }

    .close_menuMobile {
        width: 45px;
        height: 33px;
        background-size: 14px;
    }

    .back_menuMobile {
        width: 45px;
        height: 33px;
        background-size: 8px;
    }

    .menuTitle_mobile {
        font-size: 16px;
        padding-left: 15px;
        padding-top: 8px;
    }

    .mobile_mainMenuItems {
        padding-bottom: 45px;
    }

    .mobile_optionsmenu ul {
        height: 60px;
    }

    .mobile_mainMenuItems li > div a {
        font-size: 14px;
    }

    .mobile_mainMenuItems li > div a img {
        margin-bottom: 10px;
    }

    .mobile_optionsmenu ul li a.mobile_fav_item {
        background-size: 20px;
    }

    .mobile_optionsmenu ul li a.mobile_aide_item {
        background-size: 14px;
    }

    .mobile_optionsmenu ul li a.mobile_notification_item {
        background-size: 16px;
    }

    .mobile_optionsmenu ul li a.mobile_param_item {
        background-size: 21px;
    }

    .mobile_optionsmenu ul li a.mobile_profile_item {
        background-size: 17px;
    }

    .mobile_optionsmenu ul li a.mobile_lang_item {
        font-size: 16px;
    }

    .empty_blocs {
        padding: 10px !important;
    }

    .step_line {
        margin: 10px auto;
    }

    .content_top_dashbord {
        padding: 10px 5px;
    }

    .profil_info_global.dashbord_infos {
        padding-left: 10px;
    }

    .profil_info_global.dashbord_infos .profile_img_zone {
        width: 20%;
        margin-right: 1%;
    }

    .profil_info_global.dashbord_infos .profile_info_txt {
        max-width: 70%;
    }

    .profil_info_global.dashbord_infos .profile_name {
        font-size: 20px;
    }

    .profil_info_global.dashbord_infos .profile_msg {
        font-size: 12px;
    }

    .main_content {
        width: 100%;
        float: none;
    }

    .multichartsFilter {
        display: none;
    }

    .multiEvolution_chart_zone {
        display: none;
    }

    .chart_filter_zone {
        display: none;
    }

    /*#muliComptesTable tr{
        display: block;
    }*/
    #muliComptesTable .mobileSoldeLink {
        display: table-cell;
    }

    .table_with_left_bars tr td {
        padding-left: 10px;
        padding-right: 10px;
    }

    #muliComptesTable tr td:first-child {
        padding-left: 10px;
        padding-right: 10px;
    }

    .evolutionCompteSolde {
        /*font-size: */
    }

    .plus_infos {
        display: none;
    }

    .comptes_filter_container, #comptes_filter {
        width: 100%;
    }

    #comptes_filter {
        height: 30px;
    }

    .aside_content {
        width: 100%;
        float: none;
    }

    .favori_Secondbloc .favori_lbl_txt,
    .favori_Secondbloc_1 .favori_lbl_txt {
        width: 100% !important;
    }

    .bloc_vir_cas .favori_wrapper.float_left {
        width: 100% !important;
    }

    /*page_introuvable*/
    .container_page footer {
        position: static;
    }

    .container_style {
        padding: 20px 10px 0;
    }

    /*page_introuvable*/
    .right_bot_question {
        width: 100%;
        border-left: none;
        padding: 0;
        padding-left: 3%;
    }

    .right_bot_question a {
        width: 44%;
    }

    .slider_front .slid_left p, .block_poket h4 {
        font-size: 16px;
    }

    .first_bar .align_center {
        display: inline-block;
    }

    /*LOT 3 COURS_DEVISES_VALEURS RESPO*/
    .part_devise .first_bar .operateur .white_dropdown .chosen-container {
        width: 100% !important;
    }

    .first_bar label {
        width: 50px;
    }

    .first_bar .label_placed {
        padding-left: 50px;
        width: auto;
        margin-right: 20px;
    }

    .first_bar .label_placed1 {
        padding-left: 50px;
        margin-right: 20px;
    }

    .first_bar .label_placed2 {
        padding-left: 50px;
        margin-right: 88px;
    }
    .page_agence #details_carte {
        width: auto;
        margin: 0 auto;
    }
    .filter_agence{
        padding-left: 5%;
        padding-right: 5%;
    }
    .page_agence .faq_header{
        padding-left: 5%;
        padding-right: 5%;
    }
    .btn_padding{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .bourse_detail > li li .txt_lbl {
        width: 50%;
        font-size: 14px;
        padding-left: 5%;
    }

	.pdt_lbl_1{ /*lot 10*/
			width: 100%;
		}

}
@media only screen and (max-width : 570px){
    
   
    .telecom_img{
        background-position: center;
        font-size: 15px;
        padding-top: 30%;
    }
    .telecom_img span{
        font-size: 16px;
    }
    .p_size{
        font-size: 10px;
    }
    .filter_agence .white_dropdown, .choix_service_agence {
        width: 98% !important;
    }
    .choix_service_agence label {
        width: 100%;
        padding: 0;
        float: left !important;
        text-align: left !important;
    }
    /********* PRODUIT_epargne_block*********/
    #age_jouissance{ /*lot3*/
        width: 80%;
    }
    .depot_terme{
        padding: 0px 30px;
    }
	/* .pdt_epargne_block{ */

        /* padding-top: 20px; */
        /* text-align: left;  */
    /* } */
	.depot_ipt_right{ /*lot 10*/
		width:100%;
	}
	.depot_lbl_left{/*lot 10*/
		width:100%;
	}
	
	.simulator_item .lbl_for_mobile{/*lot 10*/
		display:block;
	}
	
    .simulator_val_control label
    , .simulator_val_control span{/*lot 10*/
        display: none;
    }
	.simulator_slider{
		padding-left:120px; /*lot10*/
	}
    .pdt_lbl_ipt{
        font-size:14px;
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
    }
    .pdt_lbl_ipt .help_tuto_icn{
        float: none;

    }
    .pdt_bgd{
        width: 45%;
    }
    .pdt_epargne_right{
        width: 100%;
        display: block;
        padding-left: 0px;
    }
    .pdt_result p small{
        width: 50%;
        font-size: 14px;
    }
    .pdt_result p span{
        width: 50%;
        font-size: 14px;
    }
    .pl_20{
        padding-left: 0!important;
    }
    .prd_cptl_srvc{
        padding: 30px 20px 35px;
    }
    .prd_cptl{
        display: block;
        width: 100%;
        float: none;
    }
    .prd_cptl_content{
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .prd_cptl_info{
        padding-left: 0;
    }
    .prd_cptl_info small{
        font-size: 14px;
    }
    .prd_cptl_info span{
        font-size: 14px;
    }
    .pdt_epargne_left{
        float: none;
        width: 100%;
    }
    .prd_srvc_content p{
        padding-left: 0;
    }
    .prd_cptl_content p{
        padding-left: 0;
    }
    .pdt_result p{
        padding:6px 5px;
    }
    .dt_depot_prd{
        width: 45%;
        font-size: 14px;
        padding-left: 5px;
    }
    .prd_cotis{
        margin-left: 0;
        border: 1px solid #e1e1e1;
        padding: 30px 40px;
    }
    .input_cotis{
        width: 100%;
    }
    .cotis_lbl_1{
        width: 100%;
        margin-bottom: 15px;
    }
    .prd_cotis{
        margin-left: 0;
    }
    .prd_cotisation .depot_white_drop{
        width: 300px;
    }
    .cotis_lbl_1{
        width: 100%;
    }
    .depot_lbl_left{
        padding-left: 0;
    }
    .calculate_area{
        padding: 0 10%;
    }

    #confirmationDenvoi .zibra_table{
        display: none;
    }
	.container_style .lien_contact{
		bottom: auto;
		padding-top: 35px;

	}
	}
@media only screen and (max-width : 480px){
    .size11{
        font-size: 12px !important;
    }

    .fontsize17{
        font-size: 11px !important;
    }
    .fontsize22{
        font-size: 12px !important;
    }

    .conseiller_solde {
        font-size: 13px;
    }
    .solde {
        font-size: 16px;
    }
    .conseiller_previsionnel {
        font-size: 14px;
        /*width: 50%;
        float: left;*/

    }
    .previsionnel {
        font-size: 12px;
    }

    .calender_section{
        width: 100%;
    }
    .docs_filter_options{
        float: none;
        width: 100%;
        clear:both;
    }
    .docs_filter_options .dropdown_area{
        width:185px;
        padding-left:0;
        padding-right:0;
    }

    .calender_group{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .calender_group .calender_txt{
        width: 140px;
        display: inline-block;
        *zoom:1;
    }
    /*.fiche_signaletique{
        display: block;
        width: 90%;
    }*/
    /*.fiche_signaletique > li {
        display: block;
        width: 100% !important;
    }*/
    /*.fiche_signaletique > li:first-child {
        margin-bottom: 15px;
        padding-right: 0;
    }*/
    /*.fiche_signaletique > li + li {
        border-left: none;
        padding-left: 0;
    }*/
    .fiche_signaletique{
        padding: 15px;
        padding-top: 20px;
        width:100%;
    }
    .fiche_signaletique p{
        overflow: hidden;
    }
    .fiche_signaletique > li p .txt_lbl {
        display: block;
        width: 48%;
        float:left;
    }
    .fiche_signaletique > li p .txt_lbl + span{
        display: block;
        width: 48%;
        float:left;
    }
    .zibra_table tr td{
        padding: 8px 8px;
    }

    .zibra_table td.select-checkbox, .zibra_table td.radio-checkbox{
        width: 36px !important;
    }
    .docs_list li a .contract_infos{
        padding: 5px 10px;
    }
    .docs_list li a .doc_title{
        font-size: 11px;
    }
    .filter_type_section li a .contract_infos{
        padding: 5px 10px;
    }
    .filter_type_section li a .filter_type_title{
        font-size: 11px;
    }
    .marchands_section .filter_type_section li{
        height: 140px;
    }

    .big_radio .radio_mask {
        width: 18px;
        height: 18px;
    }
    .accounts_check_list label .txt_info {
        font-size: 15px;
    }
    #contract_filter{
        width: 120px;
    }

    .first_section {
        display: block;
        width: 25%
    }
    .second_section {
        display: block;

        margin-top: 10px;
    }
    .details_carts_infos{
        width: 100%;
    }
    .carte_dropdown{
        margin-left: 0;
    }

    .detail_carte_section .onglets_list li a{
        font-size: 12px;
        text-align: center;
        padding-left: 5px;
    }
    .detail_carte_section .onglets_list li.active a{
        font-size: 12px;
    }

    #details_carte{
        width: 90%;
        margin: 0 auto;
    }
    /*.statistics_wrapper{
        display: none;
    }*/
    .statistics_wrapper{
        display: none;
    }
    .mobile_statistics_wrapper{
        display: block;
    }

    .type_lbl_txt{
        margin-bottom: 10px;
    }
    .carnet_wrapper {
        padding-left: 0px;
    }
    .carnet_container .txt_info{
        font-size: 14px;
        width: 140px;
    }
    .chequier_icn {
        width: 30px;
    }
    .nombre_lbl_txt{
        display: block;
        margin-bottom: 10px;
    }
    .mobile_td{
        display: block !important;
        height: auto !important;
    }
    .expanded_tbody{
        display: block;
    }
    .detail_btn{
        display: block;
    }
    .controls_container{
        padding: 15px;
    }

    .details_carts_infos > li li .txt_lbl{
        font-size: 14px;
    }
    .details_carts_infos > li li .txt_lbl + span{
        font-size: 14px;
    }

    .simple_table th{
        font-size: 10px;
    }
    .simple_table .pl23 {
        padding-left: 5px;
    }
    .simple_table .pl20 {
        padding-left: 3px;
    }
    .simple_table td{
        font-size: 12px;
        height: 40px;
    }

    #details_carte .flat_btn{
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
    }
    #details_carte .flat_btn + .flat_btn{
        margin-left: 0;
    }
    .confirmation_modal_body {
        padding: 28px 10px 20px 10px;
    }
    .modal_footer {
        padding: 10px;
    }
    .modal_footer button{
        font-size: 12px;
        margin-bottom: 10px;
    }

/*    .message_infos{
        display: none;
    }*/
    .mobile_message_infos{
        display: block;
        margin-bottom: 25px;
    }
    .code_notification{
        display: none;
    }
    /********** page rib **********/
    .left_rib_top {
        width: 100%;
    }
    .right_rib_top {
        display:none;
    }
    .left_rib_bot{
        width:100%;
    }
    .right_rib_bot{
        display:none;
    }
    .left_rib_top table, .rib_bot p {
        width: 90%;
    }

    /* Public pages styles */
    .login_area > div h2{
        font-size: 20px;
    }
    .security_advices_area > div h2{
        font-size: 19px;
        margin-bottom: 20px;
    }

    .mobile_connect_tabs{
        height: 35px;
    }
    .mobile_connect_tabs ul li a{
        font-size: 13px;
        line-height: 35px;
    }

    .situation_credit_infos > li li .txt_lbl{
        display: inline-block;

    }
    .situation_credit_infos > li + li li .txt_lbl{
        display: inline-block;
    }

    .simulator_item .lbl_for_mobile{
        display: block;
    }
    .simulator_val_control label
    , .simulator_val_control span{
        display: none;
    }
    .simulator_slider{
        padding-left: 120px;
    }
    .calculate_area{
        /*padding-left: 120px;*/
    }
    .simulator_desc{
        text-align: center;
    }
    .plafond_titles{
        width: 100%;
    }

    .pub_desk{
        display: none;
    }
    .pub_mobile{
        display: block;
    }
    /*Modif Page_Synthese*/
    .pub_left{
        line-height: 1.8;
    }
    .pub_left h2{
        margin-bottom: 10px;
        line-height: 1.3;
    }
    .pub_left h3{
        font-size: 18px;
    }
    /*Modif Page_Synthese*/
    .statistics_descr{
        font-size: 14px
    }
    /*accordion*/
    .accordion_title{
        padding: 19px 20px;
        font-size: 14px;
        padding-right: 60px;
    }
    .accordion_title_convention{
        padding: 19px 20px;
        font-size: 14px;
        padding-right: 60px;

    }

    .responsive_plafond_table .pl23 {
        width: 20%;
    }
    .white_dropdown.merchand_block_area .chosen-container {
        width: 50% !important;
        padding-left: 5%;
    }
    .paiment_steps .white_dropdown.merchand_block_area .chosen-container {
        width: 100% !important;
        float: left;
        margin-top: 10px;
        padding-left: 16%;
    }
    .paiment_steps .white_dropdown.merchand_block_area {
        width: 100% !important;
        margin-bottom: 60px;
    }
    .white_dropdown.merchand_block_area .chosen-container .chosen-drop {
        width: 70%;
        margin-left: 16%;
    }

    /*button.step_paiment {
        margin-bottom: 20px;
    }*/
    .checkbox_paiment .lbl_paiment {
        margin-right: 20px;
        display: block;
    }
    .etape_facture li {
        font-size: 12px;
    }

    .white_dropdown.merchand_block_area #select_compte{
        width: 100%;
    }
    .white_dropdown.merchand_block_area label{
        width: 100%;
        text-align: left;
    }
    #fragment-4 .txt_sms input {
        margin-bottom: 20px;
        width: 100%;
       /* margin-top: 18px;
        margin-left: 16%;*/
    }
    .white_dropdown.merchand_block_area + p button{
        margin-bottom: 10px;
    }
    .paiment_steps .step_button{
        width: 80%;

    }
    .transfer_cords .field_container {
        padding-left: 0;
        margin-left: 0;
    }
    .transfer_cords .field_container .txt_info {
        width: 80%;
        /*padding-top: 10px;*/
        margin-top: 0;
    }
    .transfer_cords .field_container.check_mise .txt_info {
        margin-top: -3px;
        display: block;
    }
    .transfer_cords .field_container.check_virement .txt_info {
        margin-top: -1px;
    }
    .transfer_operation_container .field_container.check_mise  .checkbox_mask{
        float: left;
        margin-top: 3px;
    }
    .txt_long .txt_info {
        width: 90%;
    }
    .group_yellow_btns .yellow_btn{
        width: 100%;
    }
    .group_yellow_btns .yellow_btn + .yellow_btn{
        margin-top: 15px;
        margin-left: 0;
    }
    .centred_mobile .numero_compte {
        width: 80px;
        float: left;
    }
    .centred_mobile .input_add_compte {
        width: 207px;
    }
    .centred_mobile button {
        margin-top: 10px;
    }
    .compte_contrat .added_comptes button {
        margin-top: 0px;
    }
    .transfer_cords .simple_field {
        width: 100% !important;
    }
    .transfer_operation_container .checkbox_mask {
        vertical-align: top;
    }


    .menuTitle_area{
        padding: 6px;
    }
    .close_menuMobile{
        width: 45px;
        height: 33px;
        background-size: 14px;
    }
    .menuTitle_mobile{
        font-size: 16px;
        padding-left: 15px;
        padding-top: 8px;
    }

    .mobile_mainMenuItems li > div a{
        font-size: 14px;
    }
    .mobile_mainMenuItems li > div a img{
        margin-bottom: 10px;
    }

    .txt_inline {
        width: 25% !important;
    }
    .zibra_table tr.total_final .resume_date,
    .zibra_table tr.total_final .resume_price{
        font-size: 14px !important;
        color: #fff;
    }
    .child_menu_action {
        width: 50%;
    }
    .compte_contrat .abonnement_fields {
        width: 86% !important;
    }
    .filter_type_section li a .filter_type_title span:after {
        top: -5px;
    }
    .centred_mobile button#ajouter {
        /*margin:5% 36%;*/
    }
    .zibra_table tr.total_final td {
        border: 1px solid #f2f2f2;
    }
    .zibra_table tr.total_final td + td {
        border-left: 1px solid #e5e5e5;
    }
    .centred_mobile .input_add_compte {
        width: 54%;
    }
    #payer_favoris_transfert .contenu_modal_body li .txt_lbl {
        width: 100%;
    }
    #payer_favoris_transfert .datePicker_Style{
        width: 100%;
    }
    #payer_favoris_transfert .datePicker_Style{
        width: 69%;
    }
    .bloc_vir_cas .favori_Secondbloc .favori_lbl_txt,
    .bloc_vir_cas .favori_Secondbloc_1 .favori_lbl_txt{
        width:100%;
    }
    .bloc_vir_cas .favori_Secondbloc .favori_wrapper input,
    .bloc_vir_cas .favori_Secondbloc_1 .favori_wrapper input{
        width: 100%;
    }
    #transfert_beneficiaire .carnet_container .txt_info {
        margin-left: 17px;
    }
    .favori_Secondbloc .favori_lbl_txt,
    .favori_Secondbloc .favori_wrapper input,
    .favori_Secondbloc_1 .favori_lbl_txt,
    .favori_Secondbloc_1 .favori_wrapper input{
        width:100%;
    }

    .big_btns {
        width: 50%;
    }


    .steps {
        padding: 10px;
    }
    .steps_content {
        padding: 10px;
    }
    .steps_heading{
        font-size: 14px;
        text-align: center;
    }
    .step_value,.step_link,.step_title { 
        font-size: 12px;
    }
    .step_notif {
         font-size: 12px;
        padding-left: 4px;
    }
    .liste_services{
        padding: 20px 0;
    }
    .liste_services ul li{
        text-align: center;
    }
    .liste_services ul li .service_text_content{
        display: block;
        width: 100%;
    }
    .liste_services ul li .service_text_content p{
        display: none;
    }
    .liste_services ul li > img{
        margin-right:0;
        margin-left:0;
        margin-bottom: 10px;
        max-width: none;
    }
    .liste_services ul li + li > img{
        margin-right:0;
        margin-left:0;
    }
    .container_style br{
        display: none;
    }
    .espace_front_deco .white_btn {
        margin-bottom: 20px;
        width: 90%;
    }
    /*********LOT 3 cours_valeurs Respo**********/
    .table_devise_respo{
        padding: 5px 10px;
    }
    .first_bar{
        text-align: left;
    }
    .first_bar .float_right{
        float: none;
        display: inline-block;
        width: 100%;
    }
    .first_bar label{
        padding: 0;
        margin-left: 0px;
        margin-right: 0;
        width: auto !important;
    }
    #select_virement{
        width: 100%;
        height: 30px;
    }
    
    .part_devise .first_bar .ft_pl_mobile{
        width: 100%!important;
        padding-left: 75px;
    }
    
    .first_bar .calender_group .datePicker_Style{
        width: 100%;
    }
    .libelle_text .input_fields{
        width: 100%;
    }
    .libelle_text{
        margin-left: 0;
    }
    .first_bar .align_center{
        display: block;
    }
    .container_style .para_style{
        font-size: 22px;
    }
    .container_style h3{
        font-size: 17px;
    }

    .medium_titles{
        padding-top: 10px;
    }
    .telecom_img{
        padding-top:30%;
        font-size: 19px;
        background-position: center right;
        height: 200px;
    }

    .simulateur_img{
        padding-top:30%;
        font-size: 19px;
        background-position: center right;
        height: 200px;
        
    }
    .telecom_inter li span{
        width: 45%;
    }
    .telecom_pays{
        font-size: 10px;
        padding-right: 0!important;

    }
    .telecom_img span{
        display: none;
    }
    .telecom_img p{
        display: none;
    }
    .tel_num{
        font-size: 15px;
        padding-right: 0!important;
    }
    .p_size{
        font-size: 10px;
    }
    .transfer_cords .field_container.check_mise{
        padding-left: 0px;
    }
    .bourse_valorisation {
        width: auto;
    }
    .bourse_title{
        padding: 15px;
    }
    .bourse_big_title {
        font-size: 13px;
    }
    .bourse_table th{
        padding:5px;
    }
    .bourse_table td{
        font-size: 12px;
        padding: 10px;
    
    }
    
    .choix_service_agence label{
        width: 100%;
        float: left;
    }
    /********* page_simulateurs_LOT 3 ******/
    /************ part_depot *******/
    .depot_lbl_left{
        display: block;
        width: 100%;
    }
    .depot_lbl_left h3{
        text-align: left;
        padding-bottom: 15px;
        font-size: 15px;
    }
    .depot_ipt_right{
        display: block;
        width: 100%;
    }
    .width_100{
        width: 100%;
    }
    .depot_white_drop{
        width: 100%;
    }
    .pdt_input .chosen-single{
        width: 100%!important;
    }
    .btn_padding{
        width: 100%;
        padding-top:5px;
        padding-bottom: 5px;
    }
    .tel_num {
        font-size: 13px;
    }
    .bourse_detail{
        padding-top:15px;
    }
    .bourse_detail > li li .txt_lbl{
        width: 100%;
        padding-left:0px;
    }
    .bourse_detail .txt_lbl + span{
        padding-top: 5px
    }

    .left_bot_question form #search_field{
        width: 88%;
    }
    .contact_img{
        height: 200px;
    }
    .whole_bloc_btn{
        width: 100%;
    }

.step_value{
    margin-left:60px;
     }
     .white_block h2{
        float: none;}

}
/* BP */
@media only screen and (max-width: 425px)
{
    .notification_txt{
        font-size:14px;
        padding: 5px 5px 25px 5px;
    }
    .compte_name_part .compteName{
        font-size:12px
    }
    .compte_prix_part{
        font-size:12px;
        }

    #fv_montant_virement{
        width: 73%;
    }

    .action_center{
        text-align: center !important;
        padding-top: 10px !important;
        float:none !important;
    }
    .big_btns {
        width: 53%;
    }
    .input_dp_mt{
        width: 86%;
    }
    .depot_white_drop{
        width: 100%;
    }
    .depot_result p small{
        width: 60%;
        font-size: 14px;
    }
    .depot_result p span{
        width: 40%;
        font-size: 14px;
    }
    .depot_lbl_ipt{
        font-size: 15px;
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
    }
    .depot_lbl_1{
        font-size: 15px;
        text-align: left;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .left_bot_question form #search_field{
        width: 85%;
    }
    .content_top_dashbord .onglets_list li a.active{
        font-size: 14px;
    }
}
@media only screen and (max-width : 375px) {


    #fv_montant_virement {
        width: 74% !important;
    }
    .align_j{
        padding-left: 9%;
    }

    .action_center {
        text-align: center !important;
        padding-top: 10px !important;
        float: none !important;
    }
    .big_btns {
        width: 60%;
    }
    .container_style .para_style{
        font-size: 15px;
    }
    .flech_latent{
        margin-right: 0px;
    }

    
    .bourse_detail{
        padding: 5px 0px;
    }
    
}


@media only screen and (max-width : 360px){
    .responsive_plafond_table th + th .th_lbl{
        font-size: 12px;
    }

    .confirmation_personnalisation .code_section  .input_fields {
        width: 70%;
    }
    #annuler .big_modal_body {
        padding: 48px 20px 20px 20px;
    }
    .txt_inline {
        width: 35% !important;
    }
    #personnaliser .demi_bloc {
        width: 100%;
        margin-bottom: 10px;
    }
    #personnaliser .demi_bloc .small_modal_fileds {
        text-align: left !important;
        padding-left: 5px;
    }
    .filter_type_section li a .filter_type_title {
        font-size: 13px;
    }
    .filter_type_section li {
        width: 100%;
    }
    .resume_forMobile .accordion + .show p span{
        margin-top: 2px;
        width: 40%;
    }
    .resume_forMobile .accordion + .show p a {
        margin-top: -3px;
        font-size: 12px;
    }
    .transfer_cords .field_container.check_mise .txt_info {
        margin-top: -3px;
    }
    .transfer_cords .field_container.check_virement .txt_info {
        margin-top: -1px;
    }
    /*.favoris_etape_wrapper .txt_info{
        font-size: 14px;
    }*/
    .filter_type_title .txt_sup{
        display: none !important;
    }
    .filter_type_section li{
        width: 45%;
    }
    #nouveau_beneficiaire p.field_container label + label,
    #modifier_beneficiaire p.field_container label + label{
        margin-right: 18px;
    }
    .exemple_titre {
        padding-left: 0;
    }
    .page_title {
        font-size: 16px;
    }
    .total_final td.frais_utili_serv{
        font-size: 12px !important;
    }

    .big_btns {
        width: 63%;
    }
    .btn_320{
        padding: 0 60px;
    }
    .cotis_lbl_1{
        width: 100%;
    }
    .pdt_lbl_ipt{
        width: 100%;
        padding-bottom: 10px;
    }
    .dt_depot_prd{
        width: 100%;
    }
    .pdt_bgd{
        width: 86%;
    }
    .depot_terme{
        padding: 0px 10px;
    }
    .prd_cptl_info small{
        padding-right: 10px;
        font-size: 13px;
    }
    .prd_cptl_info span{
        font-size: 13px;
    }
    .pdt_result p small{
        font-size: 13px;
        padding-right: 10px;
    }
    .block_front_question h5 {
        font-size: 16px;
    }
    .left_bot_question h6 { 
        font-size: 14px;
    }
    .acceuil_faq{
        font-size: 12px;
    }
    /*Modif Page_Synthese*/
    .pub_left h2{
        font-size: 18px;
    }
    .pub_left h3{
        font-size: 15px;
    }
    /*Modif Page_Synthese*/

}
@media only screen and (max-width : 320px){

    .total_final td.frais_utili_serv{
        font-size: 11px !important;
        padding: 8px 7px;
    }

    .simple_footer{
        font-size: 9px;
        padding-top: 4px;
    }
    .first_section {
        display: block;
        width: 100%
    }
    .carte_modal {
        display: block;
        width: 100%
    }
    .carte_dropdown {
        width: 100%;
    }
    .second_section {
        display: block;
        margin-top: 10px;
        width: 100%
    }

    .mobile_td,.type_cart_mobile{
        display: block !important;
        height: auto !important;
    }
    .expanded_tbody{
        display: block;
    }
    .detail_btn{
        display: block;
    }
    /********** page rib **********/
    .left_rib_top {
        width: 100%;
    }
    .right_rib_top {
        display:none;
    }
    .left_rib_bot{
        width:100%;
    }
    .right_rib_bot{
        display:none;
    }

    .simulator_val_control .simple_field {
        width:85px;
        font-size: 13px;
        padding-left: 5px;
        padding-right:5px;
    }

    .simulator_slider{
        padding-left: 90px;
    }
    .calculate_area{
        padding-left: 35px;
    }



    .liste_tirade li {
        font-size: 12px;
    }
    .size15{
        font-size: 12px;
    }
    .costum_font_size{
        font-size: 12px;
    }

    /*accordion*/
    .accordion_title{
        padding: 10px;
        font-size: 12px;

    }
    .accordion_title_convention{
        padding: 10px;

        font-size: 12px;

    }
    .plafond{
        font-size: 12px;
        padding: 0;
        padding-left: 5px;
    }
    .plafond-heading{
        font-size: 11px
    }
    .plafond_titles{
        font-size: 10px
    }
    .plafond_numbers{
        font-size: 10px
    }
    .responsive_plafond_table .pl23 {
        width: 26% !important;
    }

    .lists_fields{
        width: 100%;
        margin-bottom: 10px;
    }

    .added_comptes,.inlined_txt,.info_lbl  {
        font-size: 12px;
    }

    .compte_contrat .abonnement_fields {
        margin-left:0px;
        margin-bottom: 25px;
    }
    .medium_titles,.abonnement_txt,.validation_second_confirm
    .abonnement_confirmation,.validation_info{
        font-size: 15px
    }

    .step_button {
        width: 100%;
    }
    .yellow_download {
        padding: 10px 4px;
        padding-left: 30px;
        background: url(/Images/neoxiaimg/yellow_download.png) no-repeat 5% center;
    }
    /*.centred_mobile .input_add_compte {
        width: 181px;
    }*/
    .centred_mobile .input_add_compte {
        width: 57%;
        font-size: 13px;
        margin-right: 0;
    }
    .confirmation_personnalisation .code_section .input_fields {
        width: 55%;
    }
    .transfer_cords .field_container.check_mise .txt_info {
        margin-top: -1px;
    }
    .centred_mobile button#ajouter{
        margin-top: 0;
        height: 40px;
    }
    .big_btns {
        width: 73%;
    }
    /***** BP  */

    .val-md {
        width: 141px !important;
    }
    .config-input-size{
        font-size:13px;
    }
    .input-facture-width2 {
        width: 100% !important;
    }
    .val-md {
        width: 141px !important;
    }
    #fv_montant_virement{
        width: 74% !important;
    }
    .action_center{
        text-align: center !important;
        padding-top: 10px !important;
        float:none !important;
    }
    .slider_front .slick-next {
        right: 5px;
        background-size: 16px;
    }
    .slider_front .slick-prev {
        left: 5px;
        background-size: 16px;
    }
    .right_bot_question a span {
        font-size: 14px;
    }
    .telecom_img{
        padding-top: 40%;
    }
    .telecom_inter li{
        width: 100%;
        padding: 14px 10px; 
    }
    .telecom_inter li span{
        width: 40%;
    }
    .bourse_title {
        padding: 10px 15px;
    }
    .bourse_big_title {
        font-size: 11px;
    }
    .bourse_title .light_txt{
        font-size: 10px;
    }
    .evolution_picture { 
        width: 15px;
    }
    .bourse_title:after{
        width: 40px;
    }
    .bourse_table td {
        font-size: 10px;
    }
    .depot_white_drop{
        width: 100%;
    }
    .bourse_detail > li li .txt_lbl,
    .bourse_detail .txt_lbl + span{
        font-size: 14px;
    } 
    .left_bot_question form #search_field{
        width: 80%;
    }


}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*Lot 2 à ajouter cette parte ========================================*/
@media only screen and (max-width: 768px)
{
	.favori_Secondbloc .favori_wrapper input {
		width: 100%;
	}	
}

.display-tr {
	 display: none
}
/*====================================================================*/
.links_menu li {
    margin-right: -4px;
}
.links:hover .link_list {
   width: 150px;
}

.link_list a {
    font-size: 12px;
    padding: 10px 0px;
    color: #4d4b49;
    display: block;
    text-transform: uppercase;
    /* padding: 5px; */
    background-color: #dbd8d7;
}


.global_container {
    /*padding: 58px 0 0 152px;
	 padding-left: 0;*/
}

.accounts_check_list label .txt_info {
    font-size: 18px;
    font-family: 'roboto_medium',arial;
    font-weight: normal;
    /*display:inline;
	 padding-left: 11px;*/
    padding-right: 20px;
}





.txt_info2 {
    font-size: 14px;
    font-family: 'roboto_light',arial;
    display: inline;
    color: #999896;
}

.rib_section2 {
    text-align: center;
    padding: 25px 10px 35px 10px;
    background-color: #c2c0be;
}

    .rib_section2 .sup_releve {
        border-top: 1px solid;
        width: 100%;
        float: left;
        margin-top: 10px;
        height: 30px;
    }

        .rib_section2 .sup_releve img {
            margin-top: -23px;
        }

.option_list > ul > li > a {
    width: 64.5px !important;
}

.option_list > ul > li {
    margin-right: -4px;
}






.hideColumnsRight {
    text-align: right;
}
/*.conseiller_info {
    width: 386px;
}*/

.InfosSolde {
    padding-right: 30px;
}

.shart_show_btn {
    margin-top: 17px;
}

#cheque_filter2 {
    width: 100%;
}

.width_auto {
    width: auto !important;
}

.zebra_table_liste {
    width: 250px;
}
/*CheckBoxs Bénéficiaire*/
p.field_container label + label {
    margin-right: 24px;
    margin-top: 8px;
    float: left;
}

/*Mon contrat:bouton "Télécharger la convention"*/
.download_links {
    padding: 15px 25px;
}

.zibra_tableForBreviaire th {
    background: none;
    background-color: #b9b7b5;
    border-right: 1px solid #fff;
    color: #f2f2f2;
    font-size: 13px;
    height: 30px;
    text-align: left;
    font-weight: normal;
    background-clip: padding-box;
    border-spacing: 0px;
    text-transform: none;
}

.zibra_tableForBreviaire span {
    font-weight: normal;
}

.zibra_tableForBreviaire tr td {
    height: 35px;
    padding: 2px 10px;
    /* color: #4d4d49; */
    font-weight: normal;
    /*  font-size: 13px;
    word-break: break-word; */
}

.width_50 {
    width: 50%;
}

.width_20 {
    width: 20%;
}

.width_15 {
    width: 15%;
}

.width_50px {
    width: 50px !important;
}

.width_100px {
    width: 100px !important;
}

.width_200px {
    width: 200px !important;
}
.width_250px {
    width: 250px !important;
}
.width_300px {
    width: 300px !important ;
}

.width_500px {
    width: 500px !important;
}

.th_lblForBreviaire {
    display: block;
    padding-left: 9px;
    padding-right: 6px;
    cursor: pointer;
    /* padding-top: 5px; */
    /* height: 100%; */
}

.orange-color {
    color: #ea932c;
    font-weight: bold;
}

.para-1 p {
    font-size: 14px;
}

.gras-color-BonnePratique {
    color: #000000;
    font-weight: bold;
}

.faq_second_header_2 {
    padding-left: 50px;
}

.hr-risques {
    width: 92%;
    margin: 0 auto;
    margin-top: 10px;
}

.solutions-div-marge {
    margin-left: 10px;
}



.merchand_block_area1 .white_dropdown:last-child {
    /**/ float: none;
}


.carte_dropdown2 .chosen-container-single .chosen-single {
    border: 1px solid #cccccc;
    background-image: none;
    border-radius: 0;
    color: #292929;
    font-size: 16px;
    line-height: 35px;
    box-shadow: none;
    height: 35px;
    width: 100%;
    padding-left: 18px;
}
a.infoBull {
    position: relative;
    color: black;
    text-decoration: none;
    border-bottom: 1px gray dotted;
}

/*Mobile */

.ForDesc {
    display: none;
}

.ForMobile {
    display: none;
}

@media (max-width: 768px) {

    .ForMobile {
        display: block;
    }
}


@media only screen and (min-width : 769px) {
    .ForDesc {
        display: block;
    }

    .conseiller_info {
        width: 386px;
    }
}

@media only screen and (max-width : 768px) {
    .ForDesc {
        display: block;
    }

    .conseiller_info {
        /*width: 386px;*/
    }

    #the_iframe {
        display: none;
    }

    .iframeSection {
        display: none;
    }

    .link-convention {
        display: block !important;
        position: absolute;
        top: 51px;
        left: 34px;
    }
}

.favori_wrapper35 input {
    width: 35%; 
    height: 40px;
    background: #f7f6f5;
    border: 1px solid #e6e4e3;
    padding-left: 10px;
    margin-right: 10px;
    padding-right: 10px;
}




/*Fin Mobile */

/* Payment - Vignette */
.width_dropdown {
    width: 12%;
}

.configuration_Secondbloc .vignette-input {
    width: 43.1%;
    height: 40px;
    background: #f7f6f5;
    border: 1px solid #e6e4e3;
    padding-left: 10px;
    padding-bottom: 4px;
}

.control-div {
    width: 55%;
    margin: 0 auto;
}

.text-header-payment {
    text-align: center;
    margin-bottom: 7px;
}

.para-payment p {
    line-height: 2em;
}

.configuration_wrapper #annee {
    width: 99.4%;
}

.width-carburant {
    width: 99.4% !important;
}

.configuration_wrapper #puissance {
    width: 99.4%;
}

@media only screen and (max-width : 320px) {
    .configuration_Secondbloc .vignette-input {
        width: 100%;
        margin-bottom: 10px;
    }

    .width_dropdown {
        width: 100%;
    }

    .marge-drp {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 420px) {

    .width_dropdown {
        width: 100% !important;
    }

    .marge-drp {
        margin-bottom: 10px;
    }

    .vignette-input {
        width: 100% !important;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 768px) {

    .width_dropdown {
        width: 100%;
    }

    .marge-drp {
        margin-bottom: 10px;
    }

    .vignette-input {
        width: 100% !important;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1024px) {

    .width_dropdown {
        width: 100% !important;
    }

    .marge-drp {
        margin-bottom: 10px;
    }

    .vignette-input {
        width: 100% !important;
        margin-bottom: 10px;
    }
}
/*#btnContinue{
               padding-right: 30px;
               padding-left: 30px;
               font-size: 16px;
               width: 170px;
               height: 44px;
               -webkit-transition: all 0.3s ease;
               -moz-transition: all 0.3s ease;
               -ms-transition: all 0.3s ease;
               -o-transition: all 0.3s ease;
               transition: all 0.3s ease;
           }*/
.Payment-modify-width label {
    width: 26% !important;
}

.Payment-modify-width input {
    width: 74% !important;
}

#sel {
    width: 74% !important;
}

    #sel span {
        text-transform: capitalize;
    }

.pstyle-dropdown {
    width: 45% !important;
}

.style-Firstbloc {
    width: 53% !important;
    margin-top: 10px;
}


.pstyle-dropdown select {
    width: 100%;
    height: 42px;
    display: inline-block;
    max-width: 100%;
    border: 1px solid #e6e6e6;
    background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat right transparent;
    background-color: #f7f6f5;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    font-size: 14px;
    font-family: 'roboto_italic', arial;
    color: #615f5d;
    text-transform: inherit;
    background-position: 96% 49%;
    padding-left: 10px;
    cursor: pointer;
}

    .pstyle-dropdown select option:hover {
        cursor: pointer;
    }

    .pstyle-dropdown select:focus {
        cursor: pointer;
    }



.style-dropdown {
    width: 74% !important;
}

    .style-dropdown select {
        width: 100%;
        height: 42px;
        display: inline-block;
        max-width: 100%;
        border: 1px solid #e6e6e6;
        background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat right transparent;
        background-color: #f7f6f5;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
        font-size: 14px;
        font-family: 'roboto_italic', arial;
        color: #615f5d;
        text-transform: inherit;
        background-position: 96% 49%;
        padding-left: 10px;
        cursor: pointer;
    }

    .style-dropdown span {
        margin-right: 35px;
    }

@media only screen and (max-width: 768px) {
    .Payment-modify-width input {
        width: 100% !important;
    }

    #sel {
        width: 100% !important;
    }

    .style-dropdown {
        width: 100% !important;
    }

    .Payment-modify-width label {
        width: 100% !important;
    }
}

.recharge-size-input {
    width: 45% !important;
}

.select-width-rech {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .recharge-size-input {
        width: 100% !important;
    }

    .select-width-rech {
        width: 100% !important;
    }
}

.select-width-rech {
    width: 100%;
    height: 42px;
    display: inline-block;
    max-width: 100%;
    background-color: #f7f6f5;
    border: 1px solid #e6e6e6;
}


/* Debut style checkbox and Radiobutton */

.control {
    display: block;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: -17px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}

.mrg-control {
    left: 48px;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #e8922c;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #e8922c;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.check-marge {
    left: 26px;
}

.check-head-unpaid {
    left: 42px;
    top: -3px;
}




@media only screen and (max-width : 1024px) {

    .control__indicator {
        left: 2px;
    }

    .check-marge {
        left: -8px;
    }
}

@media only screen and (max-width : 768px) {

    .control__indicator {
        left: 40px;
    }

    .check-marge {
        left: 3px;
    }
}

@media only screen and (max-width : 480px) {

    .zibra_table tr td {
        padding: 8px 15px;
    }
}

@media only screen and (max-width : 425px) {

    .control__indicator {
        left: 8px;
    }

    .check-marge {
        left: 3px;
    }
}

@media only screen and (max-width : 375px) {

    .control__indicator {
        left: 5px;
    }
}

@media only screen and (max-width : 320px) {

    .control__indicator {
        left: 0px;
    }

    .check-marge {
        left: 4px !important;
    }
}

.btn-recharge-style {
    background-color: #854d56;
    border: none;
    padding: 3px 13px;
    margin-left: 4px;
    text-transform: uppercase;
}

.more_padding_2 {
    padding-right: 0px !important;
}

.margin_li_FeesCommissions {
    margin-left: 20px;
}

.liste_tirade_level2_2 {
    margin-left: 30px;
}

.dottedline span.name {
    padding-bottom: 6px;
}

.faq_liste_tirade_level2_4 {
    margin-left: 50px;
}

.u1 {
    list-style-type: square;
}

.u2 {
    list-style-type: upper-roman;
}

.u3 {
    list-style-type: upper-alpha;
}

.u4 {
    list-style-type: disc;
}

.u5 {
    list-style-type: upper-latin;
}

.u6 {
    list-style-type: georgian;
}

.u7 {
    list-style-type: armenian;
}

.u8 {
    list-style-type: lower-alpha;
}

.u9 {
    list-style-type: decimal;
}

.u10 {
    list-style-type: lower-roman;
}

.container_style_dis_2 {
    min-height: 270px !important;
    padding: 28px 10px 0 !important;
}

#news .modal_content__ {
    height: 450px;
}

#slik .modal_content__ {
    height: 450px;
    overflow: hidden;
}


.dropdown_left_paiement {
    float: left !important;
}

.padding_buttom_recharge {
    padding-bottom: 60px;
}

.home_margin_top_public {
    margin-top: 20px !important;
}

@media only screen and (max-width : 768px) {
    .div_recharges_undiplay_mobile {
        display: none;
    }

    #btnPrevPayment {
        width: 80%;
    }

    #btnConfirm {
        width: 80%;
    }
}
.paiment_steps .chosen-container-single .chosen-single span{
    font-family:Arial;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    .btn_3{
        width: 30% !important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
    .td_2 {
        width: 10%;
    }
}
@media only screen and (max-width: 480px){
    #fragment-4 .txt_sms input {
        width: 70% !important;
    }
}
.liste_services ul li {
    display: inline-block;
    width: 32% !important;
}
.liste_services ul li > a > img {
    margin-right: 8%;
    max-width: none !important;
}
/* Menu Paiemnet */
.main_menu .slick-next{
    font-size: 0;
    display: block;
    position: absolute;
    right:-1px;
    top: 1px;
    width: 37px;
    height: 100%; 
    background: url('../Images/Pagination/Suivant.png') no-repeat 50% 50% #fff;
    background-size: 13px;
    border: none;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.main_menu .slick-prev{
    font-size: 0;
    display: block;
    position: absolute;
    left:1px;
    top: 1px;
    width: 37px;
    height: 100%; 
    background: url('../Images/Pagination/Precedent.png') no-repeat 50% 50% #fff;
    background-size: 13px;
    border: none;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.main_menu .slick-prev{
    /*display: none ;*/
}
.transfer_accounts .slick-prev{
    left: initial;
    right: 35px;
    background-image: url('../Images/Pagination/Precedent.png');
}
.transfer_accounts .slick-next:before{
    display: none;
}
.transfer_accounts .slick-prev:before{
    //display: none;
}

.main_menu{
   // padding-left: 30px;
}
.main_menu .slick-prev {
    /*display: block !important; */
}
.slick-prev:before {
    content: none
}
.slick-prev {
    display:none
}
.main_menu{
   padding-left: 30px;
}

.carte_dropdown_2{
    margin-left: 0 !important;
}
.carte_dropdown_2 .chosen-container{
    width: auto !important;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/BootstrapFonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/BootstrapFonts/glyphicons-halflings-regular.svg');
    src: url('../fonts/BootstrapFonts/glyphicons-halflings-regular.ttf');
    src: url('../fonts/BootstrapFonts/glyphicons-halflings-regular.woff');
    src: url('../fonts/BootstrapFonts/glyphicons-halflings-regular.woff2');
} 


@font-face {
  font-family: 'FontAwesome';
  src: url('../Content/fonts/fontawesome-webfont.eot?v=3.0.1');
  src: url('../Content/fontsfontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('../Content/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('../Content/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}

a.linkDuplicata{
    text-decoration: underline !important; 
    color: #e8922b;
    font-size: 14px;
}

.tuto_modal_body_mention {
    padding: 10px 10px 10px 20px;
    margin-right: 12px;
}

.modal_header_h4 {
    font-family: 'numans_regular', arial;
    font-size: 18px;
    color: #ea932c;
    display: inline-block;
    font-weight: normal;
    text-transform: uppercase;
}
.margin_12{
    margin-bottom:5px
}

.bolder{
        font-weight: bolder;
}

.alert-style-1{
    color: white;
    background-color: #ea932c;
    border-color: #ea932c;
}
.colorMarron{
    color: #854e56;
}
.flex{
    display: flex;
}

.liste_a_size{
    font-size:12px;
}

.conseiller_info_txt .conseiller_name {
    font-family: 'roboto_medium', arial;
    font-size: 18px;
    width: 153px;
    display: inline-block;
    vertical-align: top;
}


@media only screen and (max-width : 1024px) {

    .onglets_list li a , .onglets_list li a.active{   
        font-size:20px;
    }
}

@media only screen and (max-width : 768px) {

    .onglets_list li a , .onglets_list li a.active{   
        font-size:20px;
    }
     #simulatorTablePraticImmo , #simulatorTablePraticConso{   
        display:none
    }
    .simulateur_img .ConsoImmoDiv{
       display:none;
    }
}



@media only screen and (max-width : 425px) {

    .onglets_list li a , .onglets_list li a.active{   
        font-size:13px;
    }
    .simulateur_img .ConsoImmoDiv{
       display:none;
    }
    #mention_legal .suivant_span , #mention_legal .precedent_span{
    display:none
    }
}

@media only screen and (max-width : 375px) {

    .onglets_list li a , .onglets_list li a.active{   
        font-size:13px;
    }
    .simulateur_img .ConsoImmoDiv{
       display:none;
    }
    #mention_legal .suivant_span , #mention_legal .precedent_span{
    display:none
    }
}

@media only screen and (max-width : 320px) {

    .onglets_list li a , .onglets_list li a.active{   
        font-size:11px;
    }
    .simulateur_img .ConsoImmoDiv{
       display:none;
    }
    #mention_legal .suivant_span , #mention_legal .precedent_span{
    display:none
    }
}


.simulateur_img .ConsoImmoDiv{
    float: left;
    padding: 0 90px;
}

.public_logo_container {
    padding-left: 14px;
}


.legales_header_h3{
    color: #854d56;
    font-weight: 600;
    padding-bottom: 5px;
}
.legales_paragraphe{
    padding-left: 15px;
}
.modal_news {
    width: 890px;
    max-width: 90%;  
}


#conditionsTarifiaires .zibra_table .th_search {
    background-image: none;
}
#conditionsTarifiaires .zibra_table th {
    background: none;
}
 #breviere th{
    background: none;
    background-color: #b9b7b5;
    border-right: 1px solid #fff;
    color: #f2f2f2;
    font-size: 13px;
    height: 30px;
    text-align: left;
    font-weight: normal;
    background-clip: padding-box;
    border-spacing: 0px;

  }
 #breviere .faq_liste_tirade span ,  #breviere th_lbl{
     font-weight: normal !important;
}


.savoir_plus{
    color: #854e56;
    font-weight: 700;
    text-decoration: underline;
}
.th-center{
    text-align:center !important
}

.slider_front .slid_right img {
    padding-top: 0; 
}

@media only screen and (max-width: 800px) {
    .slider_front .slid_left li {
        padding-right: 28px;
        width: 100%;
        padding-bottom: 15px;
    }
    .slider_front .slid_right img {
      padding-bottom: 0px;
    }
}
.simulateur_last_p {
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: left;
}
.conditions_img{
    font-size: 25px;
    text-align: center;
    background-size: cover;
    background-color: #f8f9fb;
    color: #854e56;
    background-image: url(/Images/conditions-tarifiaire-2.png);
    font-family: 'roboto_regular', arial;
    height: 304px;
    letter-spacing: 2px;
    padding-top: 10%;
    background-position: center right;
}
.conditions_img p {
    float: left;
    padding-left: 6px;
    font-size: 19px;
}
.capitalize-text{
    text-transform:capitalize;
}
.upper{
    text-transform:uppercase
}

@media only screen and (max-width : 1024px) {
    .conditions_img p {
        display:none
    }
}

.faq_search_zone{
    margin-right: -4px;
    height: 45px;
}
.faq_search_zone:focus { 
    outline: none !important;
    border-color: #854e56;
    box-shadow: 0 0 10px #854e56;
}

.ui-menu-item .ui-menu-item-wrapper:hover
{
    border: 2px solid #854e56;
    background-color: #854e56;
}

.mention_style p {
    padding-left: 0px; 
}

.calculate_area .calculate_txt {
    font-family: 'roboto_medium', arial;
    color: #4d4b49;
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    padding-left: 40px;
    display: block;
}

@media only screen and (max-width : 768px) {
    
    #simulatorTablePraticImmo , #simulatorTablePraticConso{
        display:none
    }

}

/* Dashbord derniere operation */
.red , .xgreen{
    
}
.table-derniere-operations tr {
    /*border-top: 2px solid #e6e4e3;*/
    border-top:none
}
.table_with_left_bars tr.red td:nth-child(2):before {
    background-color: #da4040;
}
.table_with_left_bars tr:last-child {
    /* border-bottom: 2px solid #e6e4e3; */
    border-bottom:none
}
.table_with_left_bars tr td {
    height: 0px;
}
@media only screen and (max-width : 320px) {
    .txt-num-cpt {
        font-size: 13px !important;
    }

  
}
@media only screen and (max-width : 768px) {

    .espace_front_deco_abonnement #section-abonnement {
        display: block;
        padding: 0 15px;
    }
    .espace_front_deco_abonnement #section-abonnement a {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.espace_front_deco_abonnement{
    /*background-image: url(../Images/bg_abonnement.jpg);*/
    float: left;
    width: 100%;
    text-align: center;
    background: #4d4b49;
    padding: 36px 0 27px;
}
.espace_front_deco_abonnement a {
    background-color:transparent;
}
.espace_front_deco_abonnement a:hover {
    background-color:#fff;
    color:transparent
}
.espace_front_deco_abonnement h3{
    font-size: 20px;
    color: #fff;
    font-family:'roboto_medium', arial;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: normal;
    padding-bottom: 20px;
    padding-right:20px;
    }
#section-abonnement {
    display:inline-flex
}
.btn-imp-paiements{
    padding-top: 10px;
    padding-bottom: 10px;
}
.section-abonnement .purple_btn:before {
    color: #222430;
}
#loading {
    display: none;
    text-align: center;
}
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }
/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}